@charset "UTF-8";

/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

@font-face {
    font-family: kbicons;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/kbicons/kbicons.eot?cwtzhl);
    src: url(fonts/kbicons/kbicons.eot?cwtzhl#iefix) format("embedded-opentype"), url(fonts/kbicons/kbicons.ttf?cwtzhl) format("truetype"), url(fonts/kbicons/kbicons.woff?cwtzhl) format("woff"), url(fonts/kbicons/kbicons.svg?cwtzhl#icomoon) format("svg")
}

.NoPanel .Frame-content>.Container {
    max-width: 800px
}

.NoPanel .Frame-content .Content {
    width: 100%
}

.NoPanel .Panel {
    display: none
}

@media screen and (max-width:768px) {
    .flyoutIsOpen,
    .NoScroll {
        height: 100vh;
        overflow: hidden
    }
}

@-webkit-keyframes spinnerLoader {
    0% {
        -webkit-transform: rotate(73deg);
        transform: rotate(73deg)
    }
    to {
        -webkit-transform: rotate(433deg);
        transform: rotate(433deg)
    }
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

body {
    color: #EAEAEA;
    font-family: Open Sans, HelveticaNeue-Light, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

* {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    overflow-wrap: break-word;
    word-break: normal;
    word-break: break-word
}

*,
p,
span {
    line-height: inherit
}

p,
span {
    margin: 0;
    padding: 0
}

a {
    -o-transition: color .1s ease-out;
    -webkit-transition: color .1s ease-out;
    color: #a3a3a3;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
    transition: color .1s ease-out
}

a:focus,
a:hover {
    color: #ffd478
}

p {
    margin: 3px 0
}

p .emoji {
    height: auto;
    width: 14px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Open Sans, HelveticaNeue-Light, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0
}

h1 {
    font-size: 32px;
    font-weight: 700
}

h1 .Gloss,
h1 a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

@media screen and (max-width:768px) {
    h1 {
        font-size: 18px
    }
}

h1 .emoji {
    height: auto;
    width: 32px
}

h2 {
    font-size: 18px
}

h2 .emoji {
    height: auto;
    width: 18px
}

b,
strong {
    font-weight: 700
}

abbr {
    text-none: none
}

.CategoryHeading,
.CategoryName h2,
.Item.Read .Title,
.Item .Title,
.Item .TitleWrap,
[aria-level="3"] a {
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

.CategoryHeading .ItemContent,
.CategoryHeading a,
.CategoryName h2 .ItemContent,
.CategoryName h2 a,
.Item.Read .Title .ItemContent,
.Item.Read .Title a,
.Item .Title .ItemContent,
.Item .Title a,
.Item .TitleWrap .ItemContent,
.Item .TitleWrap a,
[aria-level="3"] a .ItemContent,
[aria-level="3"] a a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

.CategoryHeading .ItemContent:focus,
.CategoryHeading .ItemContent:hover,
.CategoryHeading a:focus,
.CategoryHeading a:hover,
.CategoryName h2 .ItemContent:focus,
.CategoryName h2 .ItemContent:hover,
.CategoryName h2 a:focus,
.CategoryName h2 a:hover,
.Item.Read .Title .ItemContent:focus,
.Item.Read .Title .ItemContent:hover,
.Item.Read .Title a:focus,
.Item.Read .Title a:hover,
.Item .Title .ItemContent:focus,
.Item .Title .ItemContent:hover,
.Item .Title a:focus,
.Item .Title a:hover,
.Item .TitleWrap .ItemContent:focus,
.Item .TitleWrap .ItemContent:hover,
.Item .TitleWrap a:focus,
.Item .TitleWrap a:hover,
[aria-level="3"] a .ItemContent:focus,
[aria-level="3"] a .ItemContent:hover,
[aria-level="3"] a a:focus,
[aria-level="3"] a a:hover {
    color: inherit
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.Frame {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    background-color: #000000;
    background-image: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .Frame {
        height: 100vh;
        min-height: 0;
        overflow: visible
    }
}

.Frame-top {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto
}

.Frame-contentWrap {
    -webkit-box-shadow: none;
    background-color: #171717;
    border: none;
    box-shadow: none;
    margin-left: -18px;
    margin-right: -18px;
    padding: 18px 18px 48px;
    width: calc(100% + 36px)
}

@media screen and (max-width:768px) {
    .Frame-contentWrap {
        margin-left: -12px;
        margin-right: -12px;
        padding-bottom: 12px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 12px;
        width: calc(100% + 24px)
    }
}

.Frame-details:after {
    clear: both;
    content: "";
    display: table
}

.Frame-details .SearchBoxMobile {
    display: none
}

@media screen and (max-width:992px) {
    .Frame-details .SearchBoxMobile {
        display: block
    }
}

.Container {
    margin: 0 auto;
    max-width: 1236px;
    padding-left: 18px;
    padding-right: 18px
}

@media screen and (max-width:768px) {
    .Container {
        padding-left: 12px;
        padding-right: 12px
    }
}

.Frame-row {
    -ms-flex-align: start;
    -ms-flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.MainContent.Content {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0;
    padding: 0;
    width: calc(100% - 260px)
}

@media screen and (max-width:992px) {
    .MainContent.Content {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0;
        width: 100%
    }
}

.Crumbs {
    margin: 3px 0
}

.Frame-content .HomepageTitle,
.Frame-content .PageDescription {
    margin-bottom: 14px
}

.Frame-content .HomepageTitle .AdminCheck {
    line-height: inherit;
    padding: 0
}

.Frame-content .HomepageTitle .AdminCheck input {
    margin: 0
}

.Frame-content .PageDescription {
    line-height: 1.5
}

.Frame-content .PageDescription:empty {
    display: none
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

html {
    -ms-overflow-style: -ms-autohiding-scrollbar
}

body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.PhotoWrap {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
    align-items: center;
    border-radius: 6px;
    border-radius: 50%;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    width: 42px
}

.PhotoWrap img {
    height: auto;
    margin: 0;
    width: 100%
}

.PhotoWrap.NoPhoto {
    display: none
}

.About.P,
.MeBox,
.UserBox {
    margin: 0
}

.hText a{
    color: #a3a3a3
}

.hText a:hover {
    color: #ffd478
}

.PhotoGrid .ProfilePhoto {
    -webkit-box-shadow: none;
    border-radius: 0;
    box-shadow: none
}

.PhotoGrid img {
    vertical-align: initial
}

.DataList .Item {
    border-bottom-width: 0
}

.Item .Author a {
    color: #e2e3e5;
    font-size: inherit;
    font-weight: inherit
}

.Item .Author a:focus,
.Item .Author a:hover {
    color: #ffd478;
    text-decoration: none
}

.Item .BlockTitle {
    font-size: inherit
}

.Message {
    margin-top: 0
}

.DataTable td {
    border-bottom: 0
}

.CategoryTable,
.DiscussionTable {
    margin-bottom: 18px
}

.CategoryTable,
.DataTableWrap {
    border-collapse: separate
}

.CategoryTable tr,
.DataTableWrap tr {
    padding: 0
}

.CategoryTable tr.Read,
.DataTableWrap tr.Read {
    background: none
}

.CategoryTable td,
.DataTableWrap td {
    padding: 0;
    vertical-align: middle
}

.CategoryTable td .Wrap,
.DataTableWrap td .Wrap {
    position: relative
}

.CategoryTable thead td,
.CategoryTable thead tr,
.DataTableWrap thead td,
.DataTableWrap thead tr {
    border-bottom: none
}

.CategoryTable thead td.BigCount .Wrap,
.DataTableWrap thead td.BigCount .Wrap {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.CategoryTable .CheckBoxColumn,
.DataTableWrap .CheckBoxColumn {
    width: 20px
}

.CategoryTable tbody .Wrap,
.DataTableWrap tbody .Wrap {
    padding: 0;
    position: relative
}

.CategoryTable td.BigCount,
.DataTableWrap td.BigCount {
    text-align: center;
    vertical-align: middle
}

.CategoryTable .ChildCategories,
.DataTableWrap .ChildCategories {
    border-top: none;
    padding-top: 0
}

.Options .Arrow:before {
    color: #EAEAEA
}

.PhotoWrap.Hidden {
    display: none
}

.ButtonGroup.Multi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%
}

.Options {
    height: auto
}

.Options>a,
.Options>span {
    margin-left: 6px
}

.BlockTitle {
    padding: 0
}

.AdminCheck {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 20px;
    justify-content: center
}

.AdminCheck input {
    margin: 0
}

.PageTitle .Options {
    height: auto
}

.ItemDiscussion {
    margin-bottom: 0
}

#SignoutWarning {
    background: #EAEAEA;
    bottom: auto
}

#SignoutWarning * {
    line-height: 40px
}

.CreateAccount {
    margin-top: 12px
}

.DateTile,
.idea-counter-box {
    border-radius: 6px;
    min-height: 40px;
    width: 40px
}

.DateTile {
    background-color: #1f2230;
    color: #EAEAEA;
    padding: 6px 0 2px;
    text-align: center
}

.DateTile .Day {
    font-weight: 700
}

a.ChangePicture {
    top: 0
}

.UserSignature {
    font-size: 12px
}

.Reactions .ReactButton,
.Reactions .ReactButton.HasCount {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: baseline
}

.MenuItems-Reactions .PhotoWrapSmall {
    margin-right: 0
}

.MenuItems-Reactions a {
    -o-text-overflow: ellipsis;
    display: block;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MenuItems a:hover .Gloss {
    color: inherit!important
}

#Form_Ban {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: #ffd478;
    border: 1px solid #ffd478;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    #Form_Ban {
        max-width: 100%
    }
}

#Form_Ban:active,
#Form_Ban:focus,
#Form_Ban:hover {
    background: #ffd478;
    border-color: #ffd478;
    color: #EAEAEA
}

@media screen and (max-width:768px) {
    .Dropdown.MenuItems {
        min-width: auto
    }
}

[class*=Status-Tag-] {
    background-color: rgba(0, 0, 0, 0)!important;
    padding: 0!important
}

.Leaderboard-User {
    -o-text-overflow: initial;
    display: inline-block;
    overflow: auto;
    text-overflow: clip;
    white-space: inherit
}

body>svg {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

table.PreferenceGroup th {
    min-width: 9ex
}

.Popup #UserBadgeForm h1,
.Popup #UserBadgeForm p {
    display: block;
    margin-bottom: 12px
}

.Popup #UserBadgeForm textarea {
    display: block;
    margin-top: 3px;
    width: 100%
}

.Popup #UserBadgeForm button {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: #ffd478;
    border: 1px solid #ffd478;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    float: right;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    margin-top: -16px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    .Popup #UserBadgeForm button {
        max-width: 100%
    }
}

.Popup #UserBadgeForm button:active,
.Popup #UserBadgeForm button:focus,
.Popup #UserBadgeForm button:hover {
    background: hsla(0, 0%, 100%, .08);
    border-color: #ffd478;
    color: #ffd478
}

.DataList-Connections {
    width: 100%
}

@media screen and (max-width:600px) {
    .DataList-Connections .Connection-Name {
        display: none
    }
}

.BlockTitle,
.Pager {
    font-weight: inherit
}

#Panel .FilterMenu .Active,
.PanelInfo .Active {
    background: rgba(0, 0, 0, 0);
    font-weight: inherit
}

.PanelInfo li {
    border-bottom-width: 0
}

.Box {
    margin: 12px 0
}

#Panel .FilterMenu li:first-child,
.PanelInfo li:first-child {
    border-top-width: 0
}

.SocialIcon .Text {
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 170px;
    padding: 0 0 0 3px
}

.PageDescription {
    margin: 0
}

.DataList-Connections .Connection-Header {
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:768px) {
    .DataList-Connections .Connection-Header {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.DataList-Connections .Connection-Name {
    margin: 12px 0
}

.DataList-Connections .Connection-Connect {
    margin-left: auto;
    padding: 0;
    position: static
}

.DataList-Connections .Gloss.Connected {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    width: 100%
}

.DataList-Connections .Gloss.Connected .ProfilePhoto {
    height: 30px;
    margin-right: 12px;
    width: 30px
}

.DataList-Connections .Connection-Name {
    font-size: 14px;
    margin: 0
}

@media screen and (max-width:768px) {
    .DataList-Connections .Connection-Connect {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin: 10px 0 0 auto;
        margin: 10px 0 0;
        width: 100%
    }
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/


/*!
* @author Adam Charron <adam.c@vanillaforums.com>
* @copyright 2009-2019 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

@keyframes spinnerLoader {
    0% {
        -webkit-transform: rotate(73deg);
        transform: rotate(73deg)
    }
    to {
        -webkit-transform: rotate(433deg);
        transform: rotate(433deg)
    }
}

.ReactSprite,
.SpFlyoutHandle,
.Sprite,
.Sprite16 {
    background-image: none!important;
    height: auto;
    width: auto
}

.ReactSprite:before,
.SpFlyoutHandle:before,
.Sprite16:before,
.Sprite:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.ReactSprite:before {
    font-size: 14px
}

.SpFlyoutHandle {
    cursor: pointer
}

.RSS a {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.RSS img {
    display: none
}

.SpEditProfile:before {
    content: ""
}

.SpDropdownHandle:before {
    content: ""
}

.SpDiscussions:before {
    content: ""
}

.SpActivity:before {
    content: ""
}

.SpDelete:before {
    content: ""
}

.SpFlyoutHandle:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: kbicons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.SpOptions:before {
    content: ""
}

.SpPreferences:before {
    content: ""
}

.SpPassword:before {
    content: ""
}

.SpSearch:before {
    content: ""
}

.RSS a:before {
    content: ""
}

.ReactPromote:before {
    content: ""
}

.ReactOffTopic:before {
    content: ""
}

.ReactInsightful:before {
    content: ""
}

.ReactDisagree:before {
    content: ""
}

.ReactAgree:before {
    content: ""
}

.ReactDislike:before {
    content: ""
}

.ReactLike:before {
    content: ""
}

.ReactDown:before {
    content: ""
}

.ReactUp:before {
    content: ""
}

.ReactWTF:before {
    content: ""
}

.ReactAwesome:before {
    content: ""
}

.ReactLOL:before {
    content: ""
}

.ReactFlag:before {
    content: ""
}

.ReactAbuse:before {
    content: ""
}

.ReactSpam:before {
    content: ""
}

.ReactQuote:before {
    content: ""
}

.ReactWarn:before {
    content: ""
}

.ReactFacebook:before {
    content: ""
}

.ReactFacebook:hover:before {
    color: #3a5795
}

.ReactTwitter:before {
    content: ""
}

.ReactTwitter:hover:before {
    color: #55acee
}

.ReactGooglePlus:before {
    content: ""
}

.ReactGooglePlus:hover:before {
    color: #dd4b39
}

.RSS a {
    color: #f26522
}

.ReactButton.PopupWindow:hover .Sprite:before {
    color: #ffd478
}

.Button.Handle .Sprite,
.NavButton.Handle .Sprite {
    border: 0;
    position: static;
    vertical-align: baseline
}

.Handle>.SpEditProfile,
.NavButton>.SpEditProfile {
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    width: auto
}

.Options .Bookmark,
.Options .SpFlyoutHandle {
    display: inline-block;
    padding: 0
}

.Options .Bookmark:before,
.Options .SpFlyoutHandle:before {
    font-size: 1.5
}

.Options .AdminCheck .icheckbox:before {
    vertical-align: top
}

.OptionsMenu {
    font-size: 14px
}

.OptionsTitle {
    border: 0!important;
    clip: rect(0, 0, 0, 0)!important;
    display: block!important;
    font-size: inherit!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.SocialIcon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    border-radius: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px
}

.MeBox .SocialIcon:not(.SocialIcon-OpenID) .Icon,
.Methods .SocialIcon:not(.SocialIcon-OpenID) .Icon,
.Navigation .SocialIcon:not(.SocialIcon-OpenID) .Icon,
.Panel .SocialIcon:not(.SocialIcon-OpenID) .Icon {
    background: none;
    text-align: center
}

.MeBox .SocialIcon:not(.SocialIcon-OpenID) .Icon:before,
.Methods .SocialIcon:not(.SocialIcon-OpenID) .Icon:before,
.Navigation .SocialIcon:not(.SocialIcon-OpenID) .Icon:before,
.Panel .SocialIcon:not(.SocialIcon-OpenID) .Icon:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    color: #EAEAEA;
    display: inline-block;
    font-family: vanillicon;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.MeBox .SocialIcon-Facebook .Icon:before,
.Methods .SocialIcon-Facebook .Icon:before,
.Navigation .SocialIcon-Facebook .Icon:before,
.Panel .SocialIcon-Facebook .Icon:before {
    content: ""
}

.MeBox .SocialIcon-Twitter .Icon:before,
.Methods .SocialIcon-Twitter .Icon:before,
.Navigation .SocialIcon-Twitter .Icon:before,
.Panel .SocialIcon-Twitter .Icon:before {
    content: ""
}

.MeBox .SocialIcon-Google .Icon:before,
.Methods .SocialIcon-Google .Icon:before,
.Navigation .SocialIcon-Google .Icon:before,
.Panel .SocialIcon-Google .Icon:before {
    content: ""
}

.MeBox .SocialIcon-LinkedIn .Icon:before,
.Methods .SocialIcon-LinkedIn .Icon:before,
.Navigation .SocialIcon-LinkedIn .Icon:before,
.Panel .SocialIcon-LinkedIn .Icon:before {
    content: ""
}

.MeBox .SocialIcon-Steam .Icon:before,
.Methods .SocialIcon-Steam .Icon:before,
.Navigation .SocialIcon-Steam .Icon:before,
.Panel .SocialIcon-Steam .Icon:before {
    left: 1px
}

.MeBox .Arrow {
    display: none
}

a.Bookmark {
    background-image: none!important;
    color: rgba(0, 0, 0, 0);
    font: 0/0 a;
    height: auto;
    text-indent: 0;
    width: auto
}

a.Bookmark:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    color: #ffd478;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-size: 1.5;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

a.Bookmark:hover:before {
    color: #ffd478
}

a.Bookmarked:before,
a.Bookmarked:hover:before {
    color: #e5b951!important;
    content: ""
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.Box a,
.BoxFilter a {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Box a:before,
.BoxFilter a:before {
    content: none!important
}

.Box a .Aside,
.BoxFilter a .Aside {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    margin-left: auto;
    order: 2
}

.Box .Sprite,
.BoxFilter .Sprite {
    display: none!important
}

.Box.BadgeGrid a,
.BoxFilter.BadgeGrid a {
    display: inline-block
}

.BoxFilter li.MyDiscussions a:before,
.Box li.MyDiscussions a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.MyDrafts a:before,
.Box li.MyDrafts a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.QnA-UnansweredQuestions a:before,
.Box li.QnA-UnansweredQuestions a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.EditAccountLink a:before,
.Box li.EditAccountLink a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.PasswordLink a:before,
.Box li.PasswordLink a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "•••";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.PreferencesLink a:before,
.Box li.PreferencesLink a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.PictureLink a:before,
.Box li.PictureLink a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.QuoteSettingsLink a:before,
.Box li.QuoteSettingsLink a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.Activity a:before,
.Box li.Activity a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.Notifications a:before,
.Box li.Notifications a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.Inbox a:before,
.Box li.Inbox a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.Comments a:before,
.Box li.Comments a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.Reactions-BestOf a:before,
.Box li.Reactions-BestOf a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.AllCategories a:before,
.Box li.AllCategories a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.Discussions a:before,
.Box li.Discussions a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.Activities a:before,
.Box li.Activities a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.UserNotes a:before,
.Box li.UserNotes a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.MyBookmarks a:before,
.Box li.MyBookmarks a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.Groups a:before,
.Box li.Groups a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.link-social a:before,
.Box li.link-social a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.link-tokens a:before,
.Box li.link-tokens a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.Popup a[href*="/profile/signature"]:before,
.Box li.Popup a[href*="/profile/signature"]:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxFilter li.Popup a[href*="/profile/online"]:before,
.Box li.Popup a[href*="/profile/online"]:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxActivityFilter li:first-child a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxActivityFilter li:nth-child(2) a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.BoxActivityFilter li:nth-child(3) a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.Breadcrumbs,
.BreadcrumbsBox {
    display: block
}

.Breadcrumbs {
    color: #EAEAEA;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    padding: 12px 0;
    text-transform: uppercase
}

.Breadcrumbs a {
    color: #ffd478;
    font-size: inherit
}

.Breadcrumbs a:focus,
.Breadcrumbs a:hover {
    color: #ffd478;
    text-decoration: none
}

.Breadcrumbs .Crumb {
    opacity: .5
}

.Breadcrumbs .Last a {
    color: #ffd478
}

.Breadcrumbs .Last a:focus,
.Breadcrumbs .Last a:hover {
    color: #ffd478;
    text-decoration: none
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.Aside {
    margin: 0
}

.Alert,
.Count,
.Reactions .Count {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #171717;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 20px;
    color: #a3a3a3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-weight: inherit;
    justify-content: center;
    line-height: 1.5;
    padding: 0 6px;
    white-space: nowrap
}

a:focus .Count,
a:focus .Reactions .Count,
a:hover .Count,
a:hover .Reactions .Count {
    background-color: #424242;
    border-color: #424242;
    color: #EAEAEA
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.ui-datepicker {
    background-color: #EAEAEA;
    border-radius: 3px;
    color: #555a62
}

.ui-datepicker td a {
    text-align: center
}

.ui-datepicker a {
    background-color: hsla(0, 0%, 100%, .08);
    border: 1px solid #EAEAEA;
    border-radius: 3px;
    color: #EAEAEA
}

.ui-datepicker a:active,
.ui-datepicker a:focus,
.ui-datepicker a:hover {
    background-color: hsla(0, 0%, 100%, .08);
    border: 1px solid #ffd478;
    color: #ffd478
}

.ui-datepicker td {
    width: 37.14286px
}

.ui-datepicker .ui-datepicker-today a {
    background-color: rgba(0, 0, 0, .03)
}

.ui-datepicker .ui-datepicker-current-day a {
    background-color: hsla(0, 0%, 100%, .08);
    border-color: #ffd478;
    color: #ffd478
}

.ui-datepicker .ui-datepicker-header {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    background-color: #ededed;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.ui-datepicker .ui-datepicker-header .ui-icon {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    border-width: 0;
    color: #e2e3e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: center;
    position: static;
    white-space: nowrap;
    width: 24px
}

.ui-datepicker .ui-datepicker-next:focus,
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:focus,
.ui-datepicker .ui-datepicker-prev:hover {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
    color: #ffd478;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    display: inline-block;
    font-family: vanillicon;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.ui-datepicker .ui-datepicker-prev:before {
    content: ""
}

.ui-datepicker .ui-datepicker-next:before {
    content: ""
}

.ui-datepicker .ui-datepicker-title {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    line-height: inherit;
    margin: 0;
    order: 2;
    position: static
}

.ui-datepicker .ui-datepicker-next {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.TagCloud a {
    -o-text-overflow: ellipsis;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #a3a3a3;
    border-radius: 20px;
    color: #a3a3a3;
    display: inline-block;
    display: block;
    font-size: 12px;
    font-weight: inherit;
    height: auto;
    line-height: 1.5;
    max-width: 100%;
    max-width: 220px;
    overflow: hidden;
    padding: 2px 2px 2px 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TagCloud a:active,
.TagCloud a:focus,
.TagCloud a:hover {
    text-decoration: none
}

.TagCloud a .Count {
    background-color: rgba(0, 0, 0, 0);
    color: inherit;
    padding: 2
}

.TagCloud a:active,
.TagCloud a:focus,
.TagCloud a:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffd478;
    color: #ffd478
}

.TagCloud a:active .Count,
.TagCloud a:focus .Count,
.TagCloud a:hover .Count {
    background-color: #424242;
    color: #fff
}

.DataList .IdeationTag,
.DataList .RoleTracker,
.DataList .Tag,
.DataList .Tag-Poll,
.DataTableWrap .IdeationTag,
.DataTableWrap .RoleTracker,
.DataTableWrap .Tag,
.DataTableWrap .Tag-Poll,
.MessageList .IdeationTag,
.MessageList .RoleTracker,
.MessageList .Tag,
.MessageList .Tag-Poll {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #a3a3a3;
    border-radius: 20px;
    color: #a3a3a3;
    display: inline-block;
    font-size: 12px;
    font-weight: inherit;
    height: auto;
    line-height: 1.5;
    padding: 0 3px;
    white-space: nowrap
}

.DataList .IdeationTag:active,
.DataList .IdeationTag:focus,
.DataList .IdeationTag:hover,
.DataList .RoleTracker:active,
.DataList .RoleTracker:focus,
.DataList .RoleTracker:hover,
.DataList .Tag-Poll:active,
.DataList .Tag-Poll:focus,
.DataList .Tag-Poll:hover,
.DataList .Tag:active,
.DataList .Tag:focus,
.DataList .Tag:hover,
.DataTableWrap .IdeationTag:active,
.DataTableWrap .IdeationTag:focus,
.DataTableWrap .IdeationTag:hover,
.DataTableWrap .RoleTracker:active,
.DataTableWrap .RoleTracker:focus,
.DataTableWrap .RoleTracker:hover,
.DataTableWrap .Tag-Poll:active,
.DataTableWrap .Tag-Poll:focus,
.DataTableWrap .Tag-Poll:hover,
.DataTableWrap .Tag:active,
.DataTableWrap .Tag:focus,
.DataTableWrap .Tag:hover,
.MessageList .IdeationTag:active,
.MessageList .IdeationTag:focus,
.MessageList .IdeationTag:hover,
.MessageList .RoleTracker:active,
.MessageList .RoleTracker:focus,
.MessageList .RoleTracker:hover,
.MessageList .Tag-Poll:active,
.MessageList .Tag-Poll:focus,
.MessageList .Tag-Poll:hover,
.MessageList .Tag:active,
.MessageList .Tag:focus,
.MessageList .Tag:hover {
    text-decoration: none
}

.DataList .IdeationTag .Tag,
.DataList .RoleTracker .Tag,
.DataTableWrap .IdeationTag .Tag,
.DataTableWrap .RoleTracker .Tag,
.MessageList .IdeationTag .Tag,
.MessageList .RoleTracker .Tag {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
    color: inherit;
    padding: 0
}

.DataList .IdeationTag:active,
.DataList .IdeationTag:focus,
.DataList .IdeationTag:hover,
.DataList .RoleTracker:active,
.DataList .RoleTracker:focus,
.DataList .RoleTracker:hover,
.DataTableWrap .IdeationTag:active,
.DataTableWrap .IdeationTag:focus,
.DataTableWrap .IdeationTag:hover,
.DataTableWrap .RoleTracker:active,
.DataTableWrap .RoleTracker:focus,
.DataTableWrap .RoleTracker:hover,
.MessageList .IdeationTag:active,
.MessageList .IdeationTag:focus,
.MessageList .IdeationTag:hover,
.MessageList .RoleTracker:active,
.MessageList .RoleTracker:focus,
.MessageList .RoleTracker:hover {
    color: inherit
}

.DataList .RoleTracker,
.DataTableWrap .RoleTracker,
.MessageList .RoleTracker {
    background-color: rgba(0, 0, 0, 0)
}

.DataList .HasNew.HasNew,
.DataList .NewCommentCount,
.DataList .Tag-Announcement,
.DataTableWrap .HasNew.HasNew,
.DataTableWrap .NewCommentCount,
.DataTableWrap .Tag-Announcement,
.MessageList .HasNew.HasNew,
.MessageList .NewCommentCount,
.MessageList .Tag-Announcement {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #ffd478;
    border-radius: 20px;
    color: #ffd478;
    display: inline-block;
    font-size: 12px;
    font-weight: inherit;
    height: auto;
    line-height: 1.5;
    padding: 0 3px;
    white-space: nowrap
}

.DataList .HasNew.HasNew:active,
.DataList .HasNew.HasNew:focus,
.DataList .HasNew.HasNew:hover,
.DataList .NewCommentCount:active,
.DataList .NewCommentCount:focus,
.DataList .NewCommentCount:hover,
.DataList .Tag-Announcement:active,
.DataList .Tag-Announcement:focus,
.DataList .Tag-Announcement:hover,
.DataTableWrap .HasNew.HasNew:active,
.DataTableWrap .HasNew.HasNew:focus,
.DataTableWrap .HasNew.HasNew:hover,
.DataTableWrap .NewCommentCount:active,
.DataTableWrap .NewCommentCount:focus,
.DataTableWrap .NewCommentCount:hover,
.DataTableWrap .Tag-Announcement:active,
.DataTableWrap .Tag-Announcement:focus,
.DataTableWrap .Tag-Announcement:hover,
.MessageList .HasNew.HasNew:active,
.MessageList .HasNew.HasNew:focus,
.MessageList .HasNew.HasNew:hover,
.MessageList .NewCommentCount:active,
.MessageList .NewCommentCount:focus,
.MessageList .NewCommentCount:hover,
.MessageList .Tag-Announcement:active,
.MessageList .Tag-Announcement:focus,
.MessageList .Tag-Announcement:hover {
    text-decoration: none
}

.DataList .IdeationTag:active,
.DataList .IdeationTag:focus,
.DataList .IdeationTag:hover,
.DataList .MItem.RoleTracker:active,
.DataList .MItem.RoleTracker:focus,
.DataList .MItem.RoleTracker:hover,
.DataList .tag-tracker:active,
.DataList .tag-tracker:focus,
.DataList .tag-tracker:hover,
.DataTableWrap .IdeationTag:active,
.DataTableWrap .IdeationTag:focus,
.DataTableWrap .IdeationTag:hover,
.DataTableWrap .MItem.RoleTracker:active,
.DataTableWrap .MItem.RoleTracker:focus,
.DataTableWrap .MItem.RoleTracker:hover,
.DataTableWrap .tag-tracker:active,
.DataTableWrap .tag-tracker:focus,
.DataTableWrap .tag-tracker:hover,
.MessageList .IdeationTag:active,
.MessageList .IdeationTag:focus,
.MessageList .IdeationTag:hover,
.MessageList .MItem.RoleTracker:active,
.MessageList .MItem.RoleTracker:focus,
.MessageList .MItem.RoleTracker:hover,
.MessageList .tag-tracker:active,
.MessageList .tag-tracker:focus,
.MessageList .tag-tracker:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffd478;
    color: #ffd478
}

.Form-Tags .AvailableTag {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #a3a3a3;
    border-radius: 20px;
    color: #a3a3a3;
    display: inline-block;
    font-size: 12px;
    font-weight: inherit;
    height: auto;
    line-height: 1.5;
    padding: 0 3px;
    white-space: nowrap
}

.Form-Tags .AvailableTag:active,
.Form-Tags .AvailableTag:focus,
.Form-Tags .AvailableTag:hover {
    text-decoration: none
}

.Form-Tags .AvailableTag:focus,
.Form-Tags .AvailableTag:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffd478;
    color: #ffd478;
    text-decoration: none
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.AdvancedSearch .InputBox,
.AdvancedSearch select,
input.InputBox,
input[type=text],
select,
textarea,
ul.token-input-list {
    background: #EAEAEA;
    border: 1px solid #999;
    border-radius: 20px;
    color: #000;
    font-family: Open Sans, HelveticaNeue-Light, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 3px 12px;
    width: 100%
}

.AdvancedSearch .InputBox:active,
.AdvancedSearch .InputBox:focus,
.AdvancedSearch select:active,
.AdvancedSearch select:focus,
input.InputBox:active,
input.InputBox:focus,
input[type=text]:active,
input[type=text]:focus,
select:active,
select:focus,
textarea:active,
textarea:focus,
ul.token-input-list:active,
ul.token-input-list:focus {
    -webkit-box-shadow: none;
    background: #EAEAEA;
    border-color: #171717;
    box-shadow: none;
    color: #000;
    outline: none
}

textarea.isWysiwyg {
    padding: 12px
}

::-ms-clear {
    display: none
}

textarea {
    border-radius: 16px;
    overflow: auto
}

.AdvancedSearch select,
select {
    -moz-appearance: none;
    font-family: "system-ui", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    padding-bottom: 0;
    padding-top: 0
}

.AdvancedSearch select:focus,
select:focus {
    -moz-appearance: none
}

select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #000
}

select::-ms-expand {
    display: none
}

.FormWrapper {
    background: rgba(0, 0, 0, 0);
    border-radius: 20px;
    padding: 0
}

.FormWrapper label {
    color: #EAEAEA
}

.FormWrapper .Buttons .Back {
    padding-right: 12px
}

.editor-help-text {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.editor-help-text a {
    color: #e2e3e5
}

.editor-help-text a:focus,
.editor-help-text a:hover {
    color: #ffd478;
    text-decoration: none
}

.js-poll-result-btn {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: hsla(0, 0%, 100%, .08);
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    .js-poll-result-btn {
        max-width: 100%
    }
}

.js-poll-result-btn:active,
.js-poll-result-btn:focus,
.js-poll-result-btn:hover {
    background: hsla(0, 0%, 100%, .08);
    border-color: #ffd478;
    color: #ffd478
}

.FormTitleWrapper .Buttons,
.FormWrapper .Buttons {
    padding-bottom: 0;
    padding-top: 0
}

.FormTitleWrapper .Buttons .Back,
.FormTitleWrapper .Buttons .Button,
.FormWrapper .Buttons .Back,
.FormWrapper .Buttons .Button {
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 0;
    padding-right: 0
}

.FormTitleWrapper .Buttons .Back,
.FormWrapper .Buttons .Back {
    font-size: 14px;
    line-height: 36px
}

.FormTitleWrapper .Buttons .Back a:focus,
.FormTitleWrapper .Buttons .Back a:hover,
.FormWrapper .Buttons .Back a:focus,
.FormWrapper .Buttons .Back a:hover {
    text-decoration: none
}

@media screen and (max-width:768px) {
    .FormTitleWrapper .Buttons .Back,
    .FormWrapper .Buttons .Back {
        display: block;
        line-height: 1.5;
        margin-bottom: 12px;
        margin-left: 0;
        text-align: left
    }
}

.FormTitleWrapper .Buttons .Button,
.FormWrapper .Buttons .Button {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: hsla(0, 0%, 100%, .08);
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    .FormTitleWrapper .Buttons .Button,
    .FormWrapper .Buttons .Button {
        max-width: 100%
    }
}

.FormTitleWrapper .Buttons .Button:active,
.FormTitleWrapper .Buttons .Button:focus,
.FormTitleWrapper .Buttons .Button:hover,
.FormWrapper .Buttons .Button:active,
.FormWrapper .Buttons .Button:focus,
.FormWrapper .Buttons .Button:hover {
    background: hsla(0, 0%, 100%, .08);
    border-color: #ffd478;
    color: #ffd478
}

.FormTitleWrapper .Buttons .Button.Primary,
.FormWrapper .Buttons .Button.Primary {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: #eaeaea;
    border: 1px solid #171717;
    border-radius: 20px;
    color: #171717;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    .FormTitleWrapper .Buttons .Button.Primary,
    .FormWrapper .Buttons .Button.Primary {
        max-width: 100%
    }
}

.FormTitleWrapper .Buttons .Button.Primary:active,
.FormTitleWrapper .Buttons .Button.Primary:focus,
.FormTitleWrapper .Buttons .Button.Primary:hover,
.FormWrapper .Buttons .Button.Primary:active,
.FormWrapper .Buttons .Button.Primary:focus,
.FormWrapper .Buttons .Button.Primary:hover {
    background: #ffd478;
    border-color: #171717;
    color: #171717
}

.FormTitleWrapper .Buttons .Button.Hidden,
.FormWrapper .Buttons .Button.Hidden {
    display: none
}

#Form_OK,
.Button:not(.GroupOptionsTitle),
.Buttons .btn-primary {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: 424242;
    border: 1px solid #171717;
    border-radius: 20px;
    color: #171717;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    #Form_OK,
    .Button:not(.GroupOptionsTitle),
    .Buttons .btn-primary {
        max-width: 100%
    }
}

#Form_OK:active,
#Form_OK:focus,
#Form_OK:hover,
.Button:not(.GroupOptionsTitle):active,
.Button:not(.GroupOptionsTitle):focus,
.Button:not(.GroupOptionsTitle):hover,
.Buttons .btn-primary:active,
.Buttons .btn-primary:focus,
.Buttons .btn-primary:hover {
    background: #ffd478;
    border-color: #171717;
    color: #171717
}

.Button.Danger,
.Buttons .Close {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: hsla(0, 0%, 100%, .08);
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    .Button.Danger,
    .Buttons .Close {
        max-width: 100%
    }
}

.Button.Danger:active,
.Button.Danger:focus,
.Button.Danger:hover,
.Buttons .Close:active,
.Buttons .Close:focus,
.Buttons .Close:hover {
    background: hsla(0, 0%, 100%, .08);
    border-color: #ffd478;
    color: #ffd478
}

.ActivityFormWrap {
    margin-bottom: 12px
}

label {
    display: inline-block;
    margin-bottom: 3px
}

ul.token-input-list {
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    padding: 3px 12px
}

ul.token-input-list li input {
    font-size: 14px;
    font-weight: 400!important;
    height: 30px;
    line-height: normal;
    margin: 0!important;
    padding: 0
}

ul.token-input-list.token-input-focused {
    -webkit-box-shadow: none;
    background: #EAEAEA;
    border-color: #ffd478;
    box-shadow: none;
    outline: none
}

li.token-input-token {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #a3a3a3;
    border-radius: 20px;
    color: #171717;
    display: inline-block;
    font-size: 12px;
    font-weight: inherit;
    height: auto;
    line-height: 1.5;
    padding: 0 3px;
    white-space: nowrap
}

li.token-input-token:active,
li.token-input-token:focus,
li.token-input-token:hover {
    text-decoration: none
}

div.token-input-dropdown {
    -webkit-box-shadow: 0 -2px 10px 2px rgba(0, 0, 0, .1);
    border: 1px solid #424242;
    border-radius: 20px;
    box-shadow: 0 -2px 10px 2px rgba(0, 0, 0, .1);
    opacity: 1!important;
    visibility: visible!important
}

div.token-input-dropdown p,
div.token-input-dropdown ul li[class^=token-input-dropdown-item] {
    display: inline-block;
    line-height: 40px;
    padding-left: 18px;
    padding-right: 18px;
    width: 100%;
    color: #171717
}

@media screen and (max-width:768px) {
    div.token-input-dropdown p,
    div.token-input-dropdown ul li[class^=token-input-dropdown-item] {
        padding-left: 12px;
        padding-right: 12px
    }
}

.editor a {
    cursor: pointer
}

.editor .icon-caret-down:hover {
    background: none
}

.editor .icon {
    color: #a3a3a3;
}

.editor .icon:hover,
.editor .icon:focus,
.editor .icon:active {
    background-color: #424242;
}
.SelectWrapper {
    position: relative
}

.SelectWrapper select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%
}

.SelectWrapper:after {
    -ms-transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateY(-50%);
    color: inherit;
    color: #171717;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    pointer-events: none;
    position: absolute;
    right: 6px;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

.BigButton:not(.Danger),
.Button-Controls .Button.Primary,
.NewConversation.NewConversation {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 20px;
    color: #171717;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    .BigButton:not(.Danger),
    .Button-Controls .Button.Primary,
    .NewConversation.NewConversation {
        max-width: 100%
    }
}

.BigButton:not(.Danger):active,
.BigButton:not(.Danger):focus,
.BigButton:not(.Danger):hover,
.Button-Controls .Button.Primary:active,
.Button-Controls .Button.Primary:focus,
.Button-Controls .Button.Primary:hover,
.NewConversation.NewConversation:active,
.NewConversation.NewConversation:focus,
.NewConversation.NewConversation:hover {
    background: #ffd478;
    border-color: #ffd478;
    color: #171717
}

.BoxButtons .Button.Primary,
.groupToolbar .Button.Primary {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: #424242;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    .BoxButtons .Button.Primary,
    .groupToolbar .Button.Primary {
        max-width: 100%
    }
}

.BoxButtons .Button.Primary:active,
.BoxButtons .Button.Primary:focus,
.BoxButtons .Button.Primary:hover,
.groupToolbar .Button.Primary:active,
.groupToolbar .Button.Primary:focus,
.groupToolbar .Button.Primary:hover {
    background: #424242;
    border-color: #ffd478;
    color: #ffd478
}

.BigButton,
.ButtonGroup.Multi {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    max-width: 360px;
    width: 100%
}

@media screen and (max-width:768px) {
    .BigButton,
    .ButtonGroup.Multi {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        width: 100%
    }
}

.ButtonGroup.Multi>.Button:first-child {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    text-align: center;
    width: 100%
}

.ButtonGroup.Multi .Button.Handle,
.ButtonGroup.Multi.Open .Button.Handle {
    background-color: #ffd478;
    border-color: #ffd478;
    color: #EAEAEA;
    height: 100%;
    min-width: 36px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ButtonGroup.Multi .Button.Handle .SpDropdownHandle:before,
.ButtonGroup.Multi.Open .Button.Handle .SpDropdownHandle:before {
    height: 100%;
    padding: 0 12px
}

.ButtonGroup.Multi .Button.Handle:active,
.ButtonGroup.Multi .Button.Handle:focus,
.ButtonGroup.Multi .Button.Handle:hover,
.ButtonGroup.Multi.Open .Button.Handle:active,
.ButtonGroup.Multi.Open .Button.Handle:focus,
.ButtonGroup.Multi.Open .Button.Handle:hover {
    background-color: rgba(127, 78, 91, .05);
    color: #EAEAEA
}

.ButtonGroup.Multi:active .Button.Handle,
.ButtonGroup.Multi:focus .Button.Handle,
.ButtonGroup.Multi:hover .Button.Handle {
    background-color: rgba(127, 78, 91, .3);
    color: #EAEAEA;
    min-width: 36px
}

.change-picture .WarningMessage {
    margin: 12px 0
}

@media screen and (max-width:768px) {
    .change-picture .Button {
        text-align: center;
        width: 100%
    }
    .change-picture .change-picture-new {
        margin: 0 0 3px
    }
}

.CommentForm textarea.TextBox,
.DiscussionForm textarea.TextBox {
    min-height: 100px
}

.FormTitleWrapper .H {
    margin-bottom: 6px
}

.Form-HeaderWrap .Author {
    display: none
}

.FormTitleWrapper {
    margin-bottom: 14px
}

.CommentForm.CommentForm .FormWrapper,
.FormWrapper-Condensed .FormWrapper {
    border-width: 0;
    padding: 0
}

@media screen and (max-width:768px) {
    .CommentForm.CommentForm .FormWrapper.FormWrapper .Buttons,
    .FormWrapper-Condensed .FormWrapper.FormWrapper .Buttons {
        padding: 0
    }
}

.CommentForm .DraftButton {
    display: none!important
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.Dropdown.MenuItems {
    width: 100%
}

.OptionsMenu .Flyout {
    right: 0;
    top: 110%
}

@media screen and (max-width:768px) {
    .editor-dropdown-open,
    .richEditor-button.isOpen,
    .ToggleFlyout.Open {
        min-width: auto
    }
}

.editor-dropdown-open .Flyout,
.editor-dropdown-open .MenuItems,
.richEditor-button.isOpen .Flyout,
.richEditor-button.isOpen .MenuItems,
.ToggleFlyout.Open .Flyout,
.ToggleFlyout.Open .MenuItems {
    display: block
}

.Flyout.Flyout,
.MenuItems {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
    background-color: #EAEAEA;
    border: 1px solid #d6d7d9;
    border-radius: 6px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
    color: #555a62;
    min-width: 250px;
    padding: 6px 0;
    position: absolute;
    z-index: 1
}

@media screen and (max-width:768px) {
    .Flyout.Flyout,
    .MenuItems {
        z-index: 1
    }
}

.ButtonGroup.Big .Flyout.Flyout,
.ButtonGroup.Big .MenuItems {
    min-width: 0
}

.Flyout.Flyout .InProgress,
.MenuItems .InProgress {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    justify-content: center;
    padding-bottom: 24px;
    padding-top: 24px;
    position: relative;
    width: 100%
}

.Flyout.Flyout .InProgress:after,
.MenuItems .InProgress:after {
    -o-transition: opacity, .35s, ease-out;
    -webkit-animation: spinnerLoader .7s infinite ease-in-out;
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity, .35s, ease-out;
    animation: spinnerLoader .7s infinite ease-in-out;
    border: 4px solid rgba(152, 94, 109, .3);
    border-radius: 50%;
    border-top-color: #ffd478;
    content: "";
    display: block;
    height: 24px;
    transform: translateZ(0);
    transition: opacity, .35s, ease-out;
    width: 24px
}

.Flyout.Flyout .InProgress:after:after,
.MenuItems .InProgress:after:after {
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.Flyout.Flyout:after,
.Flyout.Flyout:before,
.MenuItems:after,
.MenuItems:before {
    content: none
}

.Flyout.Flyout .dd-separator,
.Flyout.Flyout .editor-action-separator,
.Flyout.Flyout .menu-separator,
.Flyout.Flyout hr,
.MenuItems .dd-separator,
.MenuItems .editor-action-separator,
.MenuItems .menu-separator,
.MenuItems hr {
    background-color: #eeefef;
    display: block;
    height: 1px;
    margin-bottom: 6px;
    margin-top: 6px;
    min-height: 0;
    padding: 0!important;
    width: 100%
}

.Flyout.Flyout .dd-separator:active,
.Flyout.Flyout .dd-separator:focus,
.Flyout.Flyout .dd-separator:hover,
.Flyout.Flyout .editor-action-separator:active,
.Flyout.Flyout .editor-action-separator:focus,
.Flyout.Flyout .editor-action-separator:hover,
.Flyout.Flyout .menu-separator:active,
.Flyout.Flyout .menu-separator:focus,
.Flyout.Flyout .menu-separator:hover,
.Flyout.Flyout hr:active,
.Flyout.Flyout hr:focus,
.Flyout.Flyout hr:hover,
.MenuItems .dd-separator:active,
.MenuItems .dd-separator:focus,
.MenuItems .dd-separator:hover,
.MenuItems .editor-action-separator:active,
.MenuItems .editor-action-separator:focus,
.MenuItems .editor-action-separator:hover,
.MenuItems .menu-separator:active,
.MenuItems .menu-separator:focus,
.MenuItems .menu-separator:hover,
.MenuItems hr:active,
.MenuItems hr:focus,
.MenuItems hr:hover {
    background: rgba(0, 0, 0, 0)
}

.Flyout.Flyout .editor-action,
.Flyout.Flyout .Item,
.MenuItems .editor-action,
.MenuItems .Item {
    padding: 4px 18px
}

.Flyout.Flyout .editor-action:not(.editor-action-separator),
.MenuItems .editor-action:not(.editor-action-separator) {
    color: inherit!important
}

.Flyout.Flyout .editor-action:not(.editor-action-separator):active,
.Flyout.Flyout .editor-action:not(.editor-action-separator):focus,
.Flyout.Flyout .editor-action:not(.editor-action-separator):hover,
.MenuItems .editor-action:not(.editor-action-separator):active,
.MenuItems .editor-action:not(.editor-action-separator):focus,
.MenuItems .editor-action:not(.editor-action-separator):hover {
    background-color: rgba(152, 94, 109, .05)!important;
    color: inherit!important
}

.Flyout.Flyout .editor-action,
.Flyout.Flyout .Item,
.Flyout.Flyout li,
.MenuItems .editor-action,
.MenuItems .Item,
.MenuItems li {
    -ms-flex-wrap: nowrap;
    border-bottom-width: 0;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    position: relative
}

.Flyout.Flyout .editor-action a:active,
.Flyout.Flyout .editor-action a:focus,
.Flyout.Flyout .editor-action a:hover,
.Flyout.Flyout .Item a:active,
.Flyout.Flyout .Item a:focus,
.Flyout.Flyout .Item a:hover,
.Flyout.Flyout li a:active,
.Flyout.Flyout li a:focus,
.Flyout.Flyout li a:hover,
.MenuItems .editor-action a:active,
.MenuItems .editor-action a:focus,
.MenuItems .editor-action a:hover,
.MenuItems .Item a:active,
.MenuItems .Item a:focus,
.MenuItems .Item a:hover,
.MenuItems li a:active,
.MenuItems li a:focus,
.MenuItems li a:hover {
    background-color: rgba(152, 94, 109, .05)!important;
    color: inherit!important;
    text-decoration: none
}

.Flyout.Flyout .editor-action .Count,
.Flyout.Flyout .Item .Count,
.Flyout.Flyout li .Count,
.MenuItems .editor-action .Count,
.MenuItems .Item .Count,
.MenuItems li .Count {
    margin-left: auto
}

.Flyout.Flyout .Item.Center a:active,
.Flyout.Flyout .Item.Center a:focus,
.Flyout.Flyout .Item.Center a:hover,
.Flyout.Flyout .Item.Title a:active,
.Flyout.Flyout .Item.Title a:focus,
.Flyout.Flyout .Item.Title a:hover,
.MenuItems .Item.Center a:active,
.MenuItems .Item.Center a:focus,
.MenuItems .Item.Center a:hover,
.MenuItems .Item.Title a:active,
.MenuItems .Item.Title a:focus,
.MenuItems .Item.Title a:hover {
    background-color: rgba(0, 0, 0, 0)!important
}

.Flyout.Flyout strong,
.MenuItems strong {
    font-family: Open Sans, HelveticaNeue-Light, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0
}

.Flyout.Flyout a,
.MenuItems a {
    color: #555a62
}

.Flyout.Flyout a:focus,
.Flyout.Flyout a:hover,
.MenuItems a:focus,
.MenuItems a:hover {
    color: #ffd478
}

.Flyout.Flyout .Meta,
.MenuItems .Meta {
    color: #6f737a
}

.Flyout.Flyout-withFrame {
    padding: 0
}

.MenuItems {
    padding: 8px 0
}

.MenuItems .editor-action,
.MenuItems a,
.MenuItems a:link,
.MenuItems li>a {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.25;
    min-height: 30px;
    padding: 4px 18px;
    width: 100%
}

@media screen and (max-width:768px) {
    .MenuItems .editor-action,
    .MenuItems a,
    .MenuItems a:link,
    .MenuItems li>a {
        font-size: 16px;
        font-weight: 600;
        min-height: 44px
    }
}

.emoji-wrap.emoji-wrap.emoji-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 12px;
    width: auto
}

.emoji-wrap.emoji-wrap.emoji-wrap:active,
.emoji-wrap.emoji-wrap.emoji-wrap:focus,
.emoji-wrap.emoji-wrap.emoji-wrap:hover {
    padding: 12px
}

.Flyout .Item+.Item,
.richEditorFlyout .Item+.Item {
    border-top: 1px solid #d6d7d9
}

.Flyout .Item.Title,
.Flyout .richEditorFlyout-header,
.richEditorFlyout .Item.Title,
.richEditorFlyout .richEditorFlyout-header {
    -ms-flex-align: center;
    -ms-flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    min-height: 44px;
    padding: 0 12px!important;
    position: relative;
    width: 100%;
    z-index: 1
}

.Flyout .Item.Title:active,
.Flyout .Item.Title:focus,
.Flyout .Item.Title:hover,
.Flyout .richEditorFlyout-header:active,
.Flyout .richEditorFlyout-header:focus,
.Flyout .richEditorFlyout-header:hover,
.richEditorFlyout .Item.Title:active,
.richEditorFlyout .Item.Title:focus,
.richEditorFlyout .Item.Title:hover,
.richEditorFlyout .richEditorFlyout-header:active,
.richEditorFlyout .richEditorFlyout-header:focus,
.richEditorFlyout .richEditorFlyout-header:hover {
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none
}

.Flyout .Item.Title strong,
.Flyout .richEditorFlyout-header strong,
.richEditorFlyout .Item.Title strong,
.richEditorFlyout .richEditorFlyout-header strong {
    display: block
}

.Flyout .Item.Title a,
.Flyout .richEditorFlyout-header a,
.richEditorFlyout .Item.Title a,
.richEditorFlyout .richEditorFlyout-header a {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    color: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    height: 36px;
    justify-content: center;
    min-width: 36px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    width: 36px
}

.Flyout .Item.Title a:active,
.Flyout .Item.Title a:focus,
.Flyout .Item.Title a:hover,
.Flyout .richEditorFlyout-header a:active,
.Flyout .richEditorFlyout-header a:focus,
.Flyout .richEditorFlyout-header a:hover,
.richEditorFlyout .Item.Title a:active,
.richEditorFlyout .Item.Title a:focus,
.richEditorFlyout .Item.Title a:hover,
.richEditorFlyout .richEditorFlyout-header a:active,
.richEditorFlyout .richEditorFlyout-header a:focus,
.richEditorFlyout .richEditorFlyout-header a:hover {
    color: #ffd478
}

.Flyout .Item.Title a:active:before,
.Flyout .Item.Title a:focus:before,
.Flyout .Item.Title a:hover:before,
.Flyout .richEditorFlyout-header a:active:before,
.Flyout .richEditorFlyout-header a:focus:before,
.Flyout .richEditorFlyout-header a:hover:before,
.richEditorFlyout .Item.Title a:active:before,
.richEditorFlyout .Item.Title a:focus:before,
.richEditorFlyout .Item.Title a:hover:before,
.richEditorFlyout .richEditorFlyout-header a:active:before,
.richEditorFlyout .richEditorFlyout-header a:focus:before,
.richEditorFlyout .richEditorFlyout-header a:hover:before {
    color: #ffd478
}

.Flyout .Item.Title a:before,
.Flyout .richEditorFlyout-header a:before,
.richEditorFlyout .Item.Title a:before,
.richEditorFlyout .richEditorFlyout-header a:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    color: #555a62;
    display: inline-block;
    display: block;
    font-family: kbicons;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    line-height: 36px;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.Flyout .Item.Center:last-child,
.richEditorFlyout .Item.Center:last-child {
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    min-height: 44px;
    padding: 12px;
    position: relative;
    z-index: 1
}

.Flyout .Item.Center:last-child:active,
.Flyout .Item.Center:last-child:focus,
.Flyout .Item.Center:last-child:hover,
.richEditorFlyout .Item.Center:last-child:active,
.richEditorFlyout .Item.Center:last-child:focus,
.richEditorFlyout .Item.Center:last-child:hover {
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none
}

.Flyout .Item.Center:last-child a,
.richEditorFlyout .Item.Center:last-child a {
    padding: 0!important
}

.Flyout .Item.Center:last-child a:active,
.Flyout .Item.Center:last-child a:focus,
.Flyout .Item.Center:last-child a:hover,
.richEditorFlyout .Item.Center:last-child a:active,
.richEditorFlyout .Item.Center:last-child a:focus,
.richEditorFlyout .Item.Center:last-child a:hover {
    color: #ffd478!important
}

.Flyout .Item.Center:last-child .button+.button,
.richEditorFlyout .Item.Center:last-child .button+.button {
    margin-left: 11px
}

.Flyout .Empty,
.richEditorFlyout .Empty {
    margin: 0
}

.Flyout .ItemContent,
.richEditorFlyout .ItemContent {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    line-height: inherit;
    margin: 0;
    max-width: calc(100% - 54px);
    padding-left: 10px;
    padding-right: 18px
}

.Flyout .ItemContent a,
.richEditorFlyout .ItemContent a {
    font-weight: 700
}

.Flyout .ItemContent a:focus,
.Flyout .ItemContent a:hover,
.richEditorFlyout .ItemContent a:focus,
.richEditorFlyout .ItemContent a:hover {
    color: #555a62
}

.Flyout .Excerpt,
.Flyout .ItemContent,
.Flyout .Subject,
.richEditorFlyout .Excerpt,
.richEditorFlyout .ItemContent,
.richEditorFlyout .Subject {
    line-height: 1.5
}

.Flyout .Meta,
.richEditorFlyout .Meta {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -3px;
    width: calc(100% + 6px)
}

.Flyout .MItem,
.richEditorFlyout .MItem {
    color: inherit;
    display: inline-block;
    font-size: 12px;
    margin: 0 3px
}

.Flyout .HasNew.HasNew,
.richEditorFlyout .HasNew.HasNew {
    background-color: #ffd478;
    border-radius: 50%;
    bottom: 0;
    color: rgba(0, 0, 0, 0);
    display: block;
    height: 12px;
    margin: auto 0;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 8px;
    top: 0;
    width: 12px
}

.PopList.PopList {
    font-size: 14px
}

.PopList.PopList .Item {
    padding: 8px
}

.PopList.PopList .PhotoWrap {
    height: 38px;
    width: 38px
}

.PopList.Activities .Item.Title a:before {
    content: ""
}

.PopList.Conversations .Item.Title a:before {
    content: ""
}

.editor-action-emoji .MenuItems {
    width: 266px
}

.editor-dd-link+.mobileFlyoutOverlay input.InputBox {
    margin: 8px;
    width: calc(100% - 16px)
}

.editor-dd-link+.mobileFlyoutOverlay .MenuButtons {
    border-top: 1px solid #eeefef;
    min-height: 30px;
    padding: 8px
}

.MenuItems-Reactions,
.OnlineUserWrap .OnlineUserName.OnlineUserName {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
    background-color: #EAEAEA;
    border: 1px solid #d6d7d9;
    border-radius: 6px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
    color: #555a62!important;
    z-index: 1
}

@media screen and (max-width:768px) {
    .MenuItems-Reactions,
    .OnlineUserWrap .OnlineUserName.OnlineUserName {
        z-index: 1
    }
}

.MenuItems-Reactions:after,
.MenuItems-Reactions:before,
.OnlineUserWrap .OnlineUserName.OnlineUserName:after,
.OnlineUserWrap .OnlineUserName.OnlineUserName:before {
    content: none!important
}

.OnlineUserWrap .OnlineUserName {
    padding: 4px 18px!important
}

@media screen and (max-width:768px) {
    .OnlineUserWrap .OnlineUserName {
        display: none
    }
}

.MenuItems-Reactions.MenuItems-Reactions {
    min-width: 0;
    padding: 0
}

.MenuItems-Reactions.MenuItems-Reactions li {
    padding: 8px
}

.MenuItems-Reactions.MenuItems-Reactions .PhotoWrap,
.MenuItems-Reactions.MenuItems-Reactions a {
    padding: 0!important
}

.MenuItems-Reactions.MenuItems-Reactions .PhotoWrap+a {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    line-height: 20px;
    max-width: calc(100% - 36px);
    min-height: 20px
}

.MenuItems-Reactions.MenuItems-Reactions .PhotoWrap+a:active,
.MenuItems-Reactions.MenuItems-Reactions .PhotoWrap+a:focus,
.MenuItems-Reactions.MenuItems-Reactions .PhotoWrap+a:hover {
    background-color: rgba(0, 0, 0, 0)!important;
    color: #ffd478!important
}

.MenuItems-Reactions.MenuItems-Reactions .PhotoWrap.PhotoWrap {
    height: 20px;
    margin-right: 8px;
    max-width: 100%;
    min-height: 0;
    width: 20px
}

.selectBox-content {
    margin-top: 0
}

.selectBox-item .dropdown-menu-link.selectBox-link {
    padding-left: 30px!important;
    position: static
}

.richEditorFlyout .richEditorFlyout-header {
    border-bottom: 1px solid #eeefef
}

.richEditorFlyout .richEditor-button:active,
.richEditorFlyout .richEditor-button:focus,
.richEditorFlyout .richEditor-button:hover {
    background-color: rgba(152, 94, 109, .05)
}

.MenuItems.ui-autocomplete {
    color: #555a62
}

.MenuItems.ui-autocomplete .ui-menu-item,
.MenuItems.ui-autocomplete .ui-menu-item>a {
    display: block
}

.MenuItems.ui-autocomplete a:active,
.MenuItems.ui-autocomplete a:focus,
.MenuItems.ui-autocomplete a:hover {
    color: #555a62
}

.MenuItems.ui-autocomplete a:active .Gloss,
.MenuItems.ui-autocomplete a:focus .Gloss,
.MenuItems.ui-autocomplete a:hover .Gloss {
    color: inherit
}

.MenuItems.ui-autocomplete .Title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    width: 100%
}

.MenuItems.ui-autocomplete .Aside {
    float: left;
    font-size: 12px;
    opacity: 1
}

.MenuItems.ui-autocomplete .Gloss {
    font-size: 12px;
    padding-left: 6px;
    width: auto
}

@media screen and (max-width:992px) {
    .ButtonGroup,
    .ButtonGroup .mobileFlyoutOverlay,
    .editor-dropdown,
    .editor-dropdown .mobileFlyoutOverlay,
    .ToggleFlyout,
    .ToggleFlyout .mobileFlyoutOverlay {
        cursor: pointer
    }
}

@media screen and (max-width:768px) {
    .mobileFlyoutOverlay {
        -ms-flex-align: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        align-items: center;
        background: rgba(0, 0, 0, .2);
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100vh;
        justify-content: center;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        width: 100vw;
        z-index: 1
    }
    .ButtonGroup.Open .mobileFlyoutOverlay,
    .editor-dropdown-open .mobileFlyoutOverlay,
    .richEditor-button.isOpen .mobileFlyoutOverlay,
    .ToggleFlyout.Open .mobileFlyoutOverlay {
        opacity: 1;
        pointer-events: auto;
        z-index: 1
    }
    .ButtonGroup.Open .Flyout.Flyout,
    .ButtonGroup.Open .MenuItems.MenuItems,
    .editor-dropdown-open .Flyout.Flyout,
    .editor-dropdown-open .MenuItems.MenuItems,
    .richEditor-button.isOpen .Flyout.Flyout,
    .richEditor-button.isOpen .MenuItems.MenuItems,
    .ToggleFlyout.Open .Flyout.Flyout,
    .ToggleFlyout.Open .MenuItems.MenuItems {
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        left: auto;
        max-width: calc(100% - 24px);
        opacity: 1;
        right: auto;
        top: auto;
        transition-delay: 0s;
        visibility: visible
    }
    .Flyout,
    .MenuItems {
        -o-transition: visibility 0s linear .35s, transform ease-out .35s, opacity ease-out .35s;
        -webkit-box-shadow: 0 -2px 10px 2px rgba(0, 0, 0, .1);
        -webkit-transition: visibility 0s linear .35s, opacity .35s ease-out, -webkit-transform .35s ease-out;
        box-shadow: 0 -2px 10px 2px rgba(0, 0, 0, .1);
        cursor: pointer;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-height: 80vh;
        max-width: 375px;
        opacity: 0;
        overflow: auto;
        position: fixed;
        transition: visibility 0s linear .35s, opacity .35s ease-out, -webkit-transform .35s ease-out;
        transition: visibility 0s linear .35s, transform .35s ease-out, opacity .35s ease-out;
        transition: visibility 0s linear .35s, transform .35s ease-out, opacity .35s ease-out, -webkit-transform .35s ease-out;
        visibility: hidden;
        width: 100%;
        z-index: 100
    }
    .Flyout a,
    .MenuItems a {
        color: #555a62
    }
    .Flyout a:focus,
    .Flyout a:hover,
    .MenuItems a:focus,
    .MenuItems a:hover {
        color: #ffd478
    }
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

@-webkit-keyframes chevron-pulse {
    0% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes chevron-pulse {
    0% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

.Hamburger-svgchevron path.a1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.Hamburger-svgchevron path.a2 {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.Hamburger-svgchevron path.a3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.Hamburger {
    -moz-user-select: none;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-user-select: none;
    -o-transition: .35s;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transition: .35s;
    -webkit-user-select: none;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    justify-content: center;
    outline: none;
    tap-highlight-color: rgba(0, 0, 0, 0);
    transition: .35s;
    user-select: none;
    width: 22px
}

@media screen and (max-width:768px) {
    .Hamburger {
        position: absolute
    }
}

.Hamburger-menuLines {
    -o-transition: .35s;
    -webkit-transition: .35s;
    background-color: #EAEAEA;
    border-radius: 2px;
    display: inline-block;
    height: 2px;
    position: relative;
    transition: .35s;
    width: 22px
}

.Hamburger-menuLines:after,
.Hamburger-menuLines:before {
    -ms-transform-origin: 5.5px center;
    -o-transition: .35s;
    -webkit-transform-origin: 5.5px center;
    -webkit-transition: .35s;
    background-color: #EAEAEA;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    transform-origin: 5.5px center;
    transition: .35s;
    width: 22px
}

.Hamburger-menuLines:before {
    top: 5.5px
}

.Hamburger-menuLines:after {
    top: -6.28571px
}

.isToggled .Hamburger-menuLines {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.Hamburger-menuXcross {
    height: 22px;
    padding: 0;
    width: 22px
}

.Hamburger-menuXcross.isToggled .Hamburger-menuLines {
    background: rgba(0, 0, 0, 0)
}

.Hamburger-menuXcross.isToggled .Hamburger-menuLines:after,
.Hamburger-menuXcross.isToggled .Hamburger-menuLines:before {
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    background-color: hsla(0, 0%, 100%, .6);
    left: 0;
    top: 0;
    transform-origin: 50% 50%;
    width: 22px
}

.Hamburger-menuXcross.isToggled .Hamburger-menuLines:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Hamburger-menuXcross.isToggled .Hamburger-menuLines:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.Herobanner {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #3f3e46;
    color: #EAEAEA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 370px;
    position: relative;
    width: 100%
}

@media screen and (max-width:768px) {
    .Herobanner {
        display: none
    }
}

.Herobanner .HomepageTitle {
    font-size: 48px
}

.Herobanner .followButton {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    color: #EAEAEA;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 48px;
    padding: 10px 5px
}

.Herobanner .followButton:active,
.Herobanner .followButton:focus,
.Herobanner .followButton:hover {
    color: #EAEAEA
}

.Herobanner .HomepageTitle,
.Herobanner .PageDescription {
    text-shadow: 0 0 1px #EAEAEA
}

.Herobanner>.Container {
    width: 100%;
    z-index: 1
}

.Herobanner .SearchBox.SearchBox {
    margin-left: auto
}

.Herobanner .SearchBox {
    max-width: 673px
}

@media screen and (min-width:768px) {
    .Herobanner .SearchBox {
        font-size: 16px;
        margin: 0 auto
    }
    .Herobanner .SearchBox form>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .Herobanner .SearchBox form>div:after {
        display: none
    }
}

.Herobanner .SearchBox .Handle.Handle {
    display: none
}

.Herobanner .SearchBox .InputAndButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.Herobanner .SearchBox #Form_Search,
.Herobanner .SearchBox .AdvancedSearch .BigInput {
    border: 1px solid #EAEAEA;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-right-radius: 0;
    height: 40px;
    line-height: 40px;
    padding: 3px 12px
}

.Herobanner .SearchBox #Form_Search:active,
.Herobanner .SearchBox #Form_Search:focus,
.Herobanner .SearchBox .AdvancedSearch .BigInput:active,
.Herobanner .SearchBox .AdvancedSearch .BigInput:focus {
    border: 1px solid #EAEAEA
}

.Herobanner .SearchBox #Form_Go,
.Herobanner .SearchBox .bwrap>.Button {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #EAEAEA;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: #171717;
    height: 40px;
    line-height: 40px;
    min-width: 110px;
    padding: 0 12px;
    position: static;
    width: auto
}

.Herobanner .SearchBox #Form_Go:before,
.Herobanner .SearchBox .bwrap>.Button:before {
    content: attr(title)
}

.Herobanner-bgImage {
    -webkit-filter: brightness(.75);
    background-position: 50%;
    background-size: cover;
    filter: brightness(.75);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width:768px) {
    .Herobanner-bgImage {
        display: none
    }
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.ItemIdea.ItemIdea.ItemIdea .idea-counter-module .idea-counter-box,
.ItemIdea.ItemIdea.ItemIdea .PhotoWrap.IndexPhoto {
    height: 42px;
    margin: 0;
    width: 42px
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.DataList,
.MessageList {
    margin: 0 0 18px
}

.DataList .Item,
.MessageList .Item {
    background: #000000;
    border-left: 1px solid #424242;
    border-right: 1px solid #424242;
    border-top: 1px solid #424242;
    padding: 14px
}

.DataList .Item:first-child,
.MessageList .Item:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.DataList .Item:last-child,
.MessageList .Item:last-child {
    border-bottom: 1px solid #424242;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.DataList .Item.Read,
.MessageList .Item.Read {
    opacity: 1
}

.DataList .Item.CategoryHeading+.Item:not(.CategoryHeading),
.MessageList .Item.CategoryHeading+.Item:not(.CategoryHeading) {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.DataList .CategoryHeading,
.MessageList .CategoryHeading {
    font-size: 32px;
    margin-bottom: 14px;
    padding: 0!important
}

.DataList .CategoryHeading .Options,
.MessageList .CategoryHeading .Options {
    display: none
}

@media screen and (max-width:768px) {
    .DataList .CategoryHeading,
    .MessageList .CategoryHeading {
        font-size: 18px
    }
}

.DataList .Item~.CategoryHeading,
.MessageList .Item~.CategoryHeading {
    margin-top: 14px
}

.DataList .Item~.CategoryHeading:before,
.MessageList .Item~.CategoryHeading:before {
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #424242;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left: 1px solid #424242;
    border-right: 1px solid #424242;
    content: "";
    height: 6px;
    position: absolute;
    top: -20px;
    width: calc(100% - 2px)
}

.DataList .Item.Read .Title,
.DataList .Item .Title,
.DataList .Item h3,
.MessageList .Item.Read .Title,
.MessageList .Item .Title,
.MessageList .Item h3 {
    color: #EAEAEA;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 6px
}

.DataList .Item.Read .Title:focus,
.DataList .Item.Read .Title:hover,
.DataList .Item .Title:focus,
.DataList .Item .Title:hover,
.DataList .Item h3:focus,
.DataList .Item h3:hover,
.MessageList .Item.Read .Title:focus,
.MessageList .Item.Read .Title:hover,
.MessageList .Item .Title:focus,
.MessageList .Item .Title:hover,
.MessageList .Item h3:focus,
.MessageList .Item h3:hover {
    color: #ffd478
}

.DataList .Item.Read .Title a,
.DataList .Item .Title a,
.DataList .Item h3 a,
.MessageList .Item.Read .Title a,
.MessageList .Item .Title a,
.MessageList .Item h3 a {
    color: inherit;
    display: inline;
    font-size: inherit;
    font-weight: inherit
}

.DataList .Item.Read .Title a:focus,
.DataList .Item.Read .Title a:hover,
.DataList .Item .Title a:focus,
.DataList .Item .Title a:hover,
.DataList .Item h3 a:focus,
.DataList .Item h3 a:hover,
.MessageList .Item.Read .Title a:focus,
.MessageList .Item.Read .Title a:hover,
.MessageList .Item .Title a:focus,
.MessageList .Item .Title a:hover,
.MessageList .Item h3 a:focus,
.MessageList .Item h3 a:hover {
    color: inherit
}

.DataList .CategoryDescription,
.DataList .Excerpt,
.MessageList .CategoryDescription,
.MessageList .Excerpt {
    color: #EAEAEA;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 6px;
    width: 100%
}

.DataList .CategoryDescription:empty,
.DataList .Excerpt:empty,
.MessageList .CategoryDescription:empty,
.MessageList .Excerpt:empty {
    display: none
}

.DataList .ItemContent.Discussion .Excerpt,
.MessageList .ItemContent.Discussion .Excerpt {
    margin-top: 6px
}

.DataList .Options,
.MessageList .Options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.DataList .Bookmark:before,
.DataList .OptionsMenu .Arrow:before,
.MessageList .Bookmark:before,
.MessageList .OptionsMenu .Arrow:before {
    font-size: 20px;
    line-height: 20px
}

.DataList .OptionsMenu .Arrow:before,
.MessageList .OptionsMenu .Arrow:before {
    font-size: 18px;
    margin-top: -1px
}

.DataList .LatestPostTitle,
.DataList .MostRecentBy,
.MessageList .LatestPostTitle,
.MessageList .MostRecentBy {
    -o-text-overflow: ellipsis;
    display: block;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.DataList .AuthorInfo,
.DataList .Meta,
.MessageList .AuthorInfo,
.MessageList .Meta {
    color: #e2e3e5;
    font-size: 12px;
    font-weight: 400
}

.DataList .AuthorWrap,
.DataList .Meta,
.MessageList .AuthorWrap,
.MessageList .Meta {
    margin-left: -6px;
    margin-right: -6px
}

@media screen and (max-width:768px) {
    .DataList .AuthorWrap,
    .DataList .Meta,
    .MessageList .AuthorWrap,
    .MessageList .Meta {
        line-height: 1.5;
        margin-top: 12px
    }
}

.DataList .Author .Username,
.DataList .ChildCategories,
.DataList .MItem,
.DataList .MItem.Category,
.MessageList .Author .Username,
.MessageList .ChildCategories,
.MessageList .MItem,
.MessageList .MItem.Category {
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: inherit
}

.DataList .Author .Username a,
.DataList .ChildCategories a,
.DataList .MItem.Category a,
.DataList .MItem a,
.MessageList .Author .Username a,
.MessageList .ChildCategories a,
.MessageList .MItem.Category a,
.MessageList .MItem a {
    color: #e2e3e5;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.DataList .Author .Username a:focus,
.DataList .Author .Username a:hover,
.DataList .ChildCategories a:focus,
.DataList .ChildCategories a:hover,
.DataList .MItem.Category a:focus,
.DataList .MItem.Category a:hover,
.DataList .MItem a:focus,
.DataList .MItem a:hover,
.MessageList .Author .Username a:focus,
.MessageList .Author .Username a:hover,
.MessageList .ChildCategories a:focus,
.MessageList .ChildCategories a:hover,
.MessageList .MItem.Category a:focus,
.MessageList .MItem.Category a:hover,
.MessageList .MItem a:focus,
.MessageList .MItem a:hover {
    color: #ffd478;
    text-decoration: none
}

.DataList .MItem,
.DataList .Tag,
.MessageList .MItem,
.MessageList .Tag {
    margin-left: 6px;
    margin-right: 6px
}

.DataList .MItem.Hidden,
.MessageList .MItem.Hidden {
    display: none
}

.DataList .HasNew,
.DataList .Tag:not([class*=Status-Tag]),
.MessageList .HasNew,
.MessageList .Tag:not([class*=Status-Tag]) {
    margin-bottom: 3px
}

.DataList .MItem.DiscussionAuthor,
.MessageList .MItem.DiscussionAuthor {
    display: none
}

.DataList .MItem.Category,
.MessageList .MItem.Category {
    display: inline
}

.DataList .MItem.Category a,
.MessageList .MItem.Category a {
    -o-text-overflow: ellipsis;
    display: block;
    display: inherit;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.DataList .MostRecent>*,
.DataList .MostRecentBy>*,
.MessageList .MostRecent>*,
.MessageList .MostRecentBy>* {
    white-space: normal
}

.DataList .MostRecent a,
.DataList .MostRecentBy a,
.MessageList .MostRecent a,
.MessageList .MostRecentBy a {
    display: inline
}

.DataList .MostRecentBy,
.MessageList .MostRecentBy {
    display: inherit
}

.DataList .MItem.RSS,
.MessageList .MItem.RSS {
    display: none
}

.DataList .ChildCategories,
.MessageList .ChildCategories {
    -ms-flex-wrap: wrap;
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -3px
}

.DataList .ChildCategories b,
.MessageList .ChildCategories b {
    margin-bottom: 3px;
    margin-right: 3px
}

.DataList .ChildCategories a,
.MessageList .ChildCategories a {
    color: #e2e3e5;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: 3px
}

.DataList .ChildCategories a:active,
.DataList .ChildCategories a:focus,
.DataList .ChildCategories a:hover,
.MessageList .ChildCategories a:active,
.MessageList .ChildCategories a:focus,
.MessageList .ChildCategories a:hover {
    color: #ffd478
}

.DataList .ChildCategories .Comma,
.MessageList .ChildCategories .Comma {
    margin-right: 3px
}

.DataList a.Delete,
.MessageList a.Delete {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    color: hsla(0, 0%, 100%, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Arial, sans-serif;
    font-size: 20px;
    justify-content: center;
    padding: 0;
    visibility: visible
}

.DataList a.Delete:hover,
.MessageList a.Delete:hover {
    background: rgba(0, 0, 0, 0);
    color: #EAEAEA
}

.DataList .PhotoWrap,
.MessageList .PhotoWrap {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
    align-items: center;
    border-radius: 6px;
    border-radius: 50%;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    margin: 0 12px 0 0;
    overflow: hidden;
    padding: 0;
    width: 42px
}

.DataList .PhotoWrap img,
.MessageList .PhotoWrap img {
    height: auto;
    margin: 0;
    width: 100%
}

.DataList .PhotoWrap.NoPhoto,
.MessageList .PhotoWrap.NoPhoto {
    display: none
}

.DataList .IndexPhoto,
.MessageList .IndexPhoto {
    margin-right: 0
}

.DataList .ItemIdea.ItemIdea.ItemIdea .idea-counter-module .idea-counter-box,
.DataList .ItemIdea.ItemIdea.ItemIdea .PhotoWrap.IndexPhoto,
.MessageList .ItemIdea.ItemIdea.ItemIdea .idea-counter-module .idea-counter-box,
.MessageList .ItemIdea.ItemIdea.ItemIdea .PhotoWrap.IndexPhoto {
    height: 42px;
    margin: 0 12px 0 0;
    width: 42px
}

.DataList .ItemIdea.ItemIdea.ItemIdea .Meta .ViewCount,
.MessageList .ItemIdea.ItemIdea.ItemIdea .Meta .ViewCount {
    margin-left: 0
}

.DataList .Item-Col .Options,
.MessageList .Item-Col .Options {
    visibility: visible
}

.DataList .Item-Col .Options .OptionsLink,
.MessageList .Item-Col .Options .OptionsLink {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: hsla(0, 0%, 100%, .08);
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    margin-left: 3px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    .DataList .Item-Col .Options .OptionsLink,
    .MessageList .Item-Col .Options .OptionsLink {
        max-width: 100%
    }
}

.DataList .Item-Col .Options .OptionsLink:active,
.DataList .Item-Col .Options .OptionsLink:focus,
.DataList .Item-Col .Options .OptionsLink:hover,
.MessageList .Item-Col .Options .OptionsLink:active,
.MessageList .Item-Col .Options .OptionsLink:focus,
.MessageList .Item-Col .Options .OptionsLink:hover {
    background: hsla(0, 0%, 100%, .08);
    border-color: #ffd478;
    color: #ffd478
}

.DataList .Item-Col .Options .Bullet,
.MessageList .Item-Col .Options .Bullet {
    display: none
}

.DataList .NoteType,
.MessageList .NoteType {
    font-family: Open Sans, HelveticaNeue-Light, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

.DataList .CategoryPhoto,
.MessageList .CategoryPhoto {
    height: inherit
}

.DataList .MItem.MItem-Resolved,
.MessageList .MItem.MItem-Resolved {
    display: inline-block;
    font-size: inherit;
    height: 14px;
    line-height: inherit;
    margin-bottom: 0;
    padding: 0;
    vertical-align: middle;
    width: 13px
}

.DataList .resolved2-resolved,
.DataList .resolved2-unresolved,
.MessageList .resolved2-resolved,
.MessageList .resolved2-unresolved {
    display: block;
    top: auto
}

.DataList .Hero,
.MessageList .Hero {
    padding: 0
}

.DataList mark,
.MessageList mark {
    background-color: rgba(255, 206, 0, .5)
}

.DataList .Reactions,
.MessageList .Reactions {
    margin: 0 -3px
}

.DataList .Reactions .Bullet,
.MessageList .Reactions .Bullet {
    display: none
}

.DataList .Reactions .ToggleFlyout,
.MessageList .Reactions .ToggleFlyout {
    display: inline-block
}

.DataList .Reactions .ReactButton,
.MessageList .Reactions .ReactButton {
    margin: 3px 3px 0
}

@media screen and (max-width:768px) {
    .DataList .Reactions .ReactButton,
    .MessageList .Reactions .ReactButton {
        line-height: 2.5em
    }
}

.DataList .Reactions .ReactButton-Flag,
.MessageList .Reactions .ReactButton-Flag {
    margin-left: 0
}

.DataList,
.PageTitle+.ItemDiscussion {
    -webkit-box-shadow: none;
    border-radius: 6px;
    box-shadow: none
}

.DataList.CategoryList .CategoryHeading {
    border-top-width: 0
}

.DataList.CategoryList .Item[class*=Depth] {
    padding-left: 14px!important
}

.DataList.Discussions .Item .Title {
    display: block
}

.DataList.Discussions .Item .Options .ToggleFlyout {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2
}

.DataList.Discussions .ItemDiscussion-withPhoto.ItemDiscussion-withPhoto .Discussion.ItemContent {
    padding-left: 54px
}

.MessageList .ItemComment .Options .ToggleFlyout,
.MessageList .PageTitle .Options .ToggleFlyout {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2
}

.MessageList .PageTitle {
    margin-bottom: 14px
}

.MessageList .PageTitle h1 {
    font-size: 32px;
    line-height: 1.25
}

@media screen and (max-width:768px) {
    .MessageList .PageTitle h1 {
        font-size: 18px
    }
}

.MessageList .PageTitle .Options .Bookmark {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2
}

.MessageList .ItemComment.ItemComment,
.MessageList .ItemDiscussion.ItemDiscussion {
    padding: 0
}

.MessageList .ItemComment,
.MessageList .ItemDiscussion {
    position: relative
}

.MessageList .ItemComment .Item-Header,
.MessageList .ItemDiscussion .Item-Header {
    background: rgba(0, 0, 0, 0);
    margin: 0;
    min-height: 66px;
    padding: 12px;
    width: 100%
}

.MessageList .ItemComment .Item-Header .PhotoWrap,
.MessageList .ItemDiscussion .Item-Header .PhotoWrap {
    left: 12px;
    margin: 0;
    position: absolute;
    top: 12px
}

.MessageList .ItemComment .MItem.RoleTracker,
.MessageList .ItemDiscussion .MItem.RoleTracker {
    padding: 0 3px
}

.MessageList .ItemComment .MItem.RoleTracker a,
.MessageList .ItemDiscussion .MItem.RoleTracker a {
    color: inherit;
    margin: 0
}

.MessageList .ItemComment .MItem.RoleTracker a:active,
.MessageList .ItemComment .MItem.RoleTracker a:focus,
.MessageList .ItemComment .MItem.RoleTracker a:hover,
.MessageList .ItemDiscussion .MItem.RoleTracker a:active,
.MessageList .ItemDiscussion .MItem.RoleTracker a:focus,
.MessageList .ItemDiscussion .MItem.RoleTracker a:hover {
    text-decoration: none
}

.MessageList .ItemComment .AuthorWrap,
.MessageList .ItemComment .Meta,
.MessageList .ItemDiscussion .AuthorWrap,
.MessageList .ItemDiscussion .Meta {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5;
    padding-left: 56px
}

.MessageList .ItemComment .AuthorWrap>*,
.MessageList .ItemComment .Meta>*,
.MessageList .ItemDiscussion .AuthorWrap>*,
.MessageList .ItemDiscussion .Meta>* {
    display: inline;
    font-size: inherit;
    line-height: inherit
}

.MessageList .ItemComment .InlineTags,
.MessageList .ItemDiscussion .InlineTags {
    padding-left: 0
}

.MessageList .ItemComment .InlineTags a,
.MessageList .ItemDiscussion .InlineTags a {
    color: #e2e3e5;
    font-size: inherit
}

.MessageList .ItemComment .InlineTags a:active,
.MessageList .ItemComment .InlineTags a:focus,
.MessageList .ItemComment .InlineTags a:hover,
.MessageList .ItemDiscussion .InlineTags a:active,
.MessageList .ItemDiscussion .InlineTags a:focus,
.MessageList .ItemDiscussion .InlineTags a:hover {
    color: #ffd478
}

.MessageList .ItemComment .Meta,
.MessageList .ItemDiscussion .Meta {
    width: 100%
}

@media screen and (max-width:768px) {
    .MessageList .ItemComment .Meta,
    .MessageList .ItemDiscussion .Meta {
        margin-top: 0
    }
}

.MessageList .ItemComment .MItem,
.MessageList .ItemDiscussion .MItem {
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .MessageList .ItemComment .MItem,
    .MessageList .ItemDiscussion .MItem {
        margin-bottom: 3px
    }
}

.MessageList .ItemComment .AuthorWrap,
.MessageList .ItemDiscussion .AuthorWrap {
    max-width: calc(100% - 45px)
}

.MessageList .ItemComment .MItem.Category,
.MessageList .ItemDiscussion .MItem.Category {
    display: none
}

.MessageList .ItemComment .MItem.Rank,
.MessageList .ItemComment .MItem.RoleTitle,
.MessageList .ItemDiscussion .MItem.Rank,
.MessageList .ItemDiscussion .MItem.RoleTitle {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #a3a3a3;
    border-radius: 20px;
    color: #a3a3a3;
    color: inherit;
    display: inline-block;
    font-size: 12px;
    font-weight: inherit;
    height: auto;
    line-height: 1.5;
    padding: 0 3px;
    white-space: nowrap
}

.MessageList .ItemComment .MItem.Rank:active,
.MessageList .ItemComment .MItem.Rank:focus,
.MessageList .ItemComment .MItem.Rank:hover,
.MessageList .ItemComment .MItem.RoleTitle:active,
.MessageList .ItemComment .MItem.RoleTitle:focus,
.MessageList .ItemComment .MItem.RoleTitle:hover,
.MessageList .ItemDiscussion .MItem.Rank:active,
.MessageList .ItemDiscussion .MItem.Rank:focus,
.MessageList .ItemDiscussion .MItem.Rank:hover,
.MessageList .ItemDiscussion .MItem.RoleTitle:active,
.MessageList .ItemDiscussion .MItem.RoleTitle:focus,
.MessageList .ItemDiscussion .MItem.RoleTitle:hover {
    text-decoration: none
}

.MessageList .ItemComment .Username,
.MessageList .ItemDiscussion .Username {
    color: #e2e3e5;
    font-weight: 400
}

.MessageList .ItemComment .Username:focus,
.MessageList .ItemComment .Username:hover,
.MessageList .ItemDiscussion .Username:focus,
.MessageList .ItemDiscussion .Username:hover {
    color: #ffd478
}

.MessageList .ItemComment .flair,
.MessageList .ItemDiscussion .flair {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 -3px;
    width: calc(100% + 6px)
}

.MessageList .ItemComment .flair-item,
.MessageList .ItemDiscussion .flair-item {
    display: inline-block;
    margin: 0 3px
}

.MessageList .ItemComment .flair-item img,
.MessageList .ItemDiscussion .flair-item img {
    margin: 0
}

.MessageList .ItemComment .Item-BodyWrap,
.MessageList .ItemDiscussion .Item-BodyWrap {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 12px
}

.MessageList .ItemComment .Item-Body>*,
.MessageList .ItemDiscussion .Item-Body>* {
    margin: 0 0 12px
}

.MessageList .ItemComment .Item-Body>:last-child,
.MessageList .ItemDiscussion .Item-Body>:last-child {
    margin: 0
}

.Activities,
.Conversations,
.MessageList {
    clear: both
}

@media screen and (max-width:768px) {
    .Activities .Item.Activity .Title,
    .Conversations .Item.Activity .Title,
    .MessageList .Item.Activity .Title {
        padding-right: 12px
    }
}

.Activities .Item.Activity .Author,
.Conversations .Item.Activity .Author,
.MessageList .Item.Activity .Author {
    display: block
}

@media screen and (max-width:768px) {
    .Activities .Item.Activity .Author .PhotoWrap,
    .Conversations .Item.Activity .Author .PhotoWrap,
    .MessageList .Item.Activity .Author .PhotoWrap {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .Activities .Item.Activity .Delete,
    .Conversations .Item.Activity .Delete,
    .MessageList .Item.Activity .Delete {
        position: absolute
    }
}

.Activities .ItemComment .Options,
.Conversations .ItemComment .Options,
.MessageList .ItemComment .Options {
    margin-right: 14px;
    margin-top: 14px
}

@media screen and (max-width:768px) {
    .Activities .ItemComment .Options,
    .Conversations .ItemComment .Options,
    .MessageList .ItemComment .Options {
        position: absolute;
        right: 0
    }
}

.DataList-Search {
    margin-top: 18px
}

.DataList-Search .Item-Body,
.DataList-Search h3 {
    padding-left: 56px
}

.DataList-Search .PhotoWrap {
    left: 14px;
    position: absolute;
    top: 14px
}

.DataList-Search .Meta {
    margin-left: 0;
    margin-right: 0
}

.DataList-Search .MItem-Author a {
    color: #e2e3e5;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.DataList-Search .MItem-Author a:focus,
.DataList-Search .MItem-Author a:hover {
    color: #ffd478;
    text-decoration: none
}

.Group-Content .DataList .ItemContent.Discussion {
    padding-left: 0
}

.Group-Content .DataList .Options {
    position: absolute;
    right: 14px
}

@media screen and (max-width:768px) {
    .Group-Content .DataList .Meta {
        margin-top: 0
    }
}

.ApplicantList .DataList .PhotoWrap {
    margin-right: 0
}

.ApplicantList .DataList .ItemContent {
    padding-left: 56px
}

.DataList-Notes .Item-Col {
    padding-left: 0
}

.DataList-Notes .Meta {
    margin: 0 0 6px
}

.DataList-Notes .NoteType {
    color: #EAEAEA;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 6px
}

.CategoryBox+.CategoryBox {
    margin-top: 14px
}

.CategoryBox .H {
    color: inherit;
    font-family: Open Sans, HelveticaNeue-Light, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 14px
}

.CategoryBox .H a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

.CategoryBox .H a:focus,
.CategoryBox .H a:hover {
    color: inherit
}

@media screen and (max-width:768px) {
    .CategoryBox .H {
        font-size: 18px
    }
}

.CategoryBox>.OptionsMenu {
    float: right;
    margin-right: 14px
}

.CategoryBox .Bookmark:before,
.CategoryBox .OptionsMenu .Arrow:before {
    font-size: 20px;
    line-height: 20px
}

.CategoryBox .OptionsMenu .Arrow:before {
    font-size: 18px;
    margin-top: -1px
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2019 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.DataList.Discussions .CatalogueRow.ItemDiscussion-withPhoto .Discussion.ItemContent {
    padding-left: 112px
}

@media screen and (max-width:410px) {
    .DataList.Discussions .CatalogueRow.ItemDiscussion-withPhoto .Discussion.ItemContent {
        padding-left: 0
    }
}

.catalogue-image-wrapper.catalogue-image-wrapper {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
    height: 100px;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
    width: 100px
}

@media screen and (max-width:410px) {
    .catalogue-image-wrapper.catalogue-image-wrapper {
        float: none;
        height: 100px;
        margin-bottom: 12px;
        margin-right: 0;
        width: 100%
    }
}

.catalogue-image-wrapper.catalogue-image-wrapper a {
    display: block;
    height: inherit;
    width: inherit
}

.catalogue-image-wrapper.catalogue-image-wrapper img {
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 100%;
    left: 50%;
    max-height: none;
    max-width: none;
    position: absolute;
    transform: translateX(-50%);
    width: auto
}

@media screen and (max-width:410px) {
    .catalogue-image-wrapper.catalogue-image-wrapper img {
        -ms-transform: translateX(0) translateY(-50%);
        -webkit-transform: translateX(0) translateY(-50%);
        height: auto;
        left: auto;
        top: 50%;
        transform: translateX(0) translateY(-50%);
        width: 100%
    }
}

@media screen and (max-width:410px) {
    .DataTable .CatalogueRow .Options {
        margin-bottom: 12px
    }
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.SpBookmarks:before,
.SpInbox:before,
.SpNotifications:before {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    display: inline-block;
    font-family: kbicons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.SpNotifications:before {
    content: "";
    font-size: 24px
}

.SpInbox:before {
    content: "";
    font-size: 24px
}

.SpBookmarks:before {
    content: "";
    font-size: 22px
}

.Open .SpNotifications:before {
    content: ""
}

.Open .SpInbox:before {
    content: ""
}

.Open .SpBookmarks:before {
    content: ""
}

.MeBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 0
}

.MeBox .MeButton {
    border-radius: 3px;
    font-size: 20px;
    height: 32px;
    padding: 0;
    width: 32px
}

.MeBox .MeButton,
.MeBox .MeButton .Alert {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.MeBox .MeButton .Alert {
    border-radius: 18px;
    border-style: solid;
    border-width: 1px;
    height: 18px;
    line-height: 18px;
    min-width: 18px;
    right: -8px;
    top: -9px
}

@media screen and (max-width:768px) {
    .MeBox .MeButton .Alert {
        top: 0
    }
}

.MeBox .MeBox-mobileClose {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: hsla(0, 0%, 100%, .7);
    display: none;
    font-size: 24px;
    outline: none
}

@media screen and (min-width:768px) {
    .MeBox .MeBox-mobileClose {
        display: none
    }
}

.MeBox .MeButton-user .ProfilePhoto {
    border-radius: 28px;
    height: 28px;
    width: 28px
}

.MeBox .Flyout {
    top: 100%
}

.MeBox .SignInIcons:empty {
    display: none
}

.MeBox.FlyoutRight .Flyout {
    right: 0
}

.SignInIcons {
    margin-left: 18px
}

.MeBox .WhoIs,
.UserBox .WhoIs {
    line-height: inherit;
    min-height: 0
}

@media screen and (max-width:768px) {
    .MeBox-header {
        display: none
    }
}

.MeBox-header .SignInLinks .Bullet {
    display: none
}

.MeBox-header .MeBox,
.MeBox-header .MeMenu,
.MeBox-header .WhoIs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.MeBox-header .MeMenu {
    margin-left: 18px
}

.MeBox-header .MeMenu .ToggleFlyout+.ToggleFlyout {
    margin-left: 8px
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.DismissMessage {
    border-radius: 6px;
    color: #EAEAEA;
    font-family: Open Sans, HelveticaNeue-Light, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 14px;
    padding: 14px
}

.DismissMessage a {
    text-decoration: none
}

.DismissMessage ul {
    list-style: initial
}

.DismissMessage ol,
.DismissMessage ul {
    -webkit-padding-start: 40px;
    padding-inline-start: 40px
}

.DismissMessage ol {
    list-style: decimal
}

a.Dismiss.Dismiss {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    color: hsla(0, 0%, 100%, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    font-family: Arial, sans-serif;
    font-size: 20px;
    justify-content: center;
    padding: 0;
    position: static;
    visibility: visible
}

a.Dismiss.Dismiss:hover {
    background: rgba(0, 0, 0, 0);
    color: #EAEAEA
}

.WarningMessage {
    background-color: #41391c;
    border-color: #ffce00
}

.WarningMessage a {
    color: #cca500
}

.CasualMessage,
.InfoMessage {
    background-color: #2c2332;
    border-color: #ffd478
}

.CasualMessage a,
.InfoMessage a {
    color: #784b56
}

.AlertMessage {
    background-color: #411b26;
    border-color: #ff3933
}

.AlertMessage a {
    color: #e60700
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.PrevNextPager {
    width: 100%
}

.PrevNextPager .Next,
.PrevNextPager .Previous {
    height: auto;
    min-height: 0
}

.PrevNextPager .Next {
    margin-left: auto
}

.MorePager {
    color: #e2e3e5;
    margin-top: 0;
    text-align: center
}

.MorePager:focus,
.MorePager:hover {
    color: #ffd478
}

.MorePager a,
.MorePager a:focus,
.MorePager a:hover {
    color: inherit
}

.PrevNextPager .Next,
.PrevNextPager .Previous {
    -ms-flex: initial;
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-box-flex: initial;
    -webkit-transition: background .1s ease, border .1s ease;
    background: hsla(0, 0%, 100%, .08);
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    flex: initial;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    min-width: 120px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    .PrevNextPager .Next,
    .PrevNextPager .Previous {
        max-width: 100%
    }
}

.PrevNextPager .Next:active,
.PrevNextPager .Next:focus,
.PrevNextPager .Next:hover,
.PrevNextPager .Previous:active,
.PrevNextPager .Previous:focus,
.PrevNextPager .Previous:hover {
    background: hsla(0, 0%, 100%, .08);
    border-color: #ffd478;
    color: #ffd478
}

.CommentsWrap:after,
.PagerWrap:after {
    clear: both;
    content: "";
    display: table
}

.PagerWrap {
    float: right;
    margin: 0
}

.PagerNub {
    display: none
}

.CommentHeading {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin: 0 0 6px;
    min-height: 36px
}

.BeforeCommentHeading {
    margin-bottom: 14px
}

.PageControls {
    margin: initial;
    margin-bottom: 14px;
    min-height: 0
}

.PageControls:after {
    clear: both;
    content: "";
    display: table
}

.PageControls .H {
    margin-bottom: 14px
}

.QuickSearch .MenuItems {
    right: -2px;
    top: 100%
}

.QuickSearch .MenuItems:after {
    clear: both;
    content: "";
    display: table
}

.QuickSearch .MenuItems .InputBox {
    margin-right: 12px
}

.QuickSearch .MenuItems .bwrap {
    margin-left: 3px;
    position: static
}

.QuickSearch .MenuItems .bwrap button {
    padding: 0
}

.QuickSearch .MenuItems form>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.more.More,
.more.More:focus,
.more.More:hover,
.MoreWrap a,
.MoreWrap a:focus,
.MoreWrap a:hover,
a.MoreWrap,
a.MoreWrap:focus,
a.MoreWrap:hover {
    color: #ffd478
}

.Pager {
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-wrap: wrap
}

@media screen and (max-width:768px) {
    .Pager {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        float: none;
        justify-content: center;
        margin-bottom: 12px;
        width: 100%
    }
    .Pager .QuickSearch {
        display: none
    }
}

.Pager .QuickSearchButton {
    margin: 0 0 0 12px
}

.Pager>a,
.Pager span {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -o-transition: color .25s ease-out;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transition: color .25s ease-out;
    align-items: center;
    background: #000000;
    border: 1px solid #424242;
    color: #EAEAEA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    line-height: 36px;
    margin: 0 0 0 -1px;
    min-width: 36px;
    padding: 0;
    transition: color .25s ease-out
}

.Pager>a:focus,
.Pager>a:hover,
.Pager span:focus,
.Pager span:hover {
    background: #1f2230;
    z-index: 1
}

.Pager>a.Highlight,
.Pager>a.Highlight:focus,
.Pager>a.Highlight:hover {
    background: #1f2230;
    border: 1px solid #424242;
    color: #ffd478;
    position: relative;
    z-index: 1
}

.Pager>a.Ellipsis {
    background: none;
    font-size: 0;
    padding-bottom: 0
}

.Pager>a.Ellipsis:after {
    content: "•••";
    font-size: 11px;
    font-weight: 400
}

.Pager .Next,
.Pager .Previous {
    padding: 0 12px;
    text-align: center
}

.Pager .Previous {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px
}

.Pager .Next {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.Pager .QuickSearchButton,
.Pager .QuickSearchWrap .Button {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: #ffd478;
    border: 1px solid #ffd478;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    .Pager .QuickSearchButton,
    .Pager .QuickSearchWrap .Button {
        max-width: 100%
    }
}

.Pager .QuickSearchButton:active,
.Pager .QuickSearchButton:focus,
.Pager .QuickSearchButton:hover,
.Pager .QuickSearchWrap .Button:active,
.Pager .QuickSearchWrap .Button:focus,
.Pager .QuickSearchWrap .Button:hover {
    background: #ffd478;
    border-color: #ffd478;
    color: #EAEAEA
}

.Pager .QuickSearchButton {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    min-width: 36px
}

.Pager .QuickSearchButton.QuickSearchButton span {
    color: inherit;
    display: inherit
}

.Pager .QuickSearchButton.QuickSearchButton span:focus,
.Pager .QuickSearchButton.QuickSearchButton span:hover {
    background-color: rgba(0, 0, 0, 0);
    color: inherit
}

.Pager .QuickSearchWrap {
    width: 300px
}

.Pager .bwrap .Button {
    height: 36px;
    line-height: 36px
}

.selectBox-toggle {
    color: #ffd478
}

@media screen and (max-width:500px) {
    .PagerLinkCount-13 .Pager-p:not(.Highlight):not(.LastPage) {
        display: none
    }
    .Pager {
        -ms-flex-wrap: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: nowrap
    }
    .Pager a,
    .Pager span {
        -ms-flex: 1;
        -webkit-box-flex: 1;
        flex: 1;
        min-width: 34px;
        padding-left: 0;
        padding-right: 0;
        white-space: nowrap
    }
}

@media screen and (max-width:470px) {
    .PagerLinkCount-11 .Pager-p:not(.Highlight):not(.LastPage) {
        display: none
    }
}

.PageControls.PageControls .discussion-sorts {
    margin-right: 12px
}

@media screen and (max-width:768px) {
    .PageControls.PageControls {
        -ms-flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        margin: 0
    }
    .PageControls.PageControls .selectBox {
        display: inline-block
    }
}

.PageControls.PageControls .BoxNewConversation,
.PageControls.PageControls .BoxNewDiscussion {
    display: none
}

.PageControls.PageControls .discussion-sort-filter-module {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none!important
}

.PageControls.PageControls .selectBox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none;
    height: 38px
}

@media screen and (max-width:768px) {
    .PageControls.PageControls .selectBox {
        margin: 0
    }
}

.Button-Controls.Button-Controls .BigButton,
.Button-Controls.Button-Controls .ButtonGroup.Multi {
    min-width: 200px
}

.Button-Controls.Button-Controls .BoxNewDiscussion {
    display: block
}

@media screen and (max-width:768px) {
    .PageControls.Top .NumberedPager {
        display: none
    }
}

.PageControls.Bottom .NewDiscussion {
    display: none
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.Item .Poll {
    background: rgba(0, 0, 0, 0);
    border-left-width: 0;
    position: relative
}

.Item .Poll h2 {
    color: inherit;
    font-family: Open Sans, HelveticaNeue-Light, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: inherit;
    font-weight: inherit;
    text-transform: none
}

.Item .Poll h2 span {
    color: inherit
}

.Item .Poll .VoteUsers {
    position: relative;
    z-index: 3
}

.Item .Poll .VoteUsers .PhotoWrap {
    height: 20px;
    margin-left: 4px;
    position: relative;
    width: 20px
}

.Item .Poll .VoteUsers .PhotoWrap:first-child {
    margin-left: 0
}

.Item .Poll .VoteUsers .PhotoWrap img {
    height: inherit;
    margin: 0;
    min-height: auto;
    min-width: auto;
    width: inherit
}

.Item .Poll .VoteOption {
    display: block;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    z-index: 3
}

.Item .Poll .VoteBar {
    margin: 0;
    position: static
}

.Item .Poll .PollOption {
    background-color: #1f2230;
    border-radius: 20px;
    margin: 12px 0;
    min-height: 32px;
    overflow: hidden;
    padding: 6px 50px 6px 12px;
    position: relative
}

.Item .Poll .PollColor {
    background-color: #ffd478!important;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    min-height: 32px;
    opacity: .3;
    position: absolute;
    top: 0
}

.Item .Poll .VotePercent {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    line-height: 32px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

div.Popup {
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    left: 50vw!important;
    position: fixed;
    top: 50vh!important;
    transform: translateX(-50%) translateY(-50%)
}

div.Popup .Border {
    background: none
}

div.Popup .Body {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4);
    background-color: #EAEAEA;
    border-radius: 6px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4);
    color: #555a62;
    padding: 12px 18px
}

div.Popup .Body .FormWrapper {
    padding: 0
}

div.Popup .Body a {
    color: #171717
}

div.Popup .Body a:focus,
div.Popup .Body a:hover {
    color: #000000;
    text-decoration: underline
}

div.Popup .Body input.InputBox,
div.Popup .Body input[type=text],
div.Popup .Body select,
div.Popup .Body textarea,
div.Popup .Body ul.token-input-list {
    border-color: #171717
}

div.Popup .Body .WarningMessage {
    background-color: #EAEAEA;
    border-color: #ffce00;
    color: #555a62
}

div.Popup .Body .Buttons .Close:focus,
div.Popup .Body .Buttons .Close:hover {
    color: #EAEAEA
}

div.Popup .Content,
div.Popup .Footer {
    color: inherit
}

div.Popup .Content {
    float: none;
    width: auto!important
}

div.Popup a.Close {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    color: rgba(85, 90, 98, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Arial, sans-serif;
    font-size: 20px;
    justify-content: center;
    padding: 0;
    right: 28px;
    top: 24px;
    visibility: visible
}

div.Popup a.Close:hover {
    background: rgba(0, 0, 0, 0);
    color: #555a62
}

div.Popup .Buttons>:first-child {
    margin-right: 3px
}

div.Popup .Button.change-picture-new {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: #ffd478;
    border: 1px solid #ffd478;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    div.Popup .Button.change-picture-new {
        max-width: 100%
    }
}

div.Popup .Button.change-picture-new:active,
div.Popup .Button.change-picture-new:focus,
div.Popup .Button.change-picture-new:hover {
    background: #ffd478;
    border-color: #ffd478;
    color: #EAEAEA
}

div.Popup .Button.change-picture-remove {
    -o-transition: background .1s ease, border .1s ease;
    -webkit-appearance: none;
    -webkit-transition: background .1s ease, border .1s ease;
    background: hsla(0, 0%, 100%, .08);
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    color: #EAEAEA;
    display: inline-block;
    font-family: Open Sans, Segoe UI, Helvetica Neue, Helvetica, Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    text-decoration: none;
    transition: background .1s ease, border .1s ease
}

@media screen and (max-width:768px) {
    div.Popup .Button.change-picture-remove {
        max-width: 100%
    }
}

div.Popup .Button.change-picture-remove:active,
div.Popup .Button.change-picture-remove:focus,
div.Popup .Button.change-picture-remove:hover {
    background: hsla(0, 0%, 100%, .08);
    border-color: #ffd478;
    color: #ffd478
}

.InformMessages .InformMessage,
.InformMessages .InformMessage:hover {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4)!important;
    background-color: #EAEAEA!important;
    border-radius: 6px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4)!important;
    color: #555a62!important;
    text-shadow: none
}

.InformMessages .InformMessage:hover a,
.InformMessages .InformMessage a {
    color: #ffd478
}

.InformMessages .InformMessage .Close,
.InformMessages .InformMessage:hover .Close {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    color: rgba(85, 90, 98, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex!important;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-size: 20px!important;
    justify-content: center;
    margin: 3px;
    padding: 0;
    visibility: visible
}

.InformMessages .InformMessage .Close:hover,
.InformMessages .InformMessage:hover .Close:hover {
    background: rgba(0, 0, 0, 0);
    color: #555a62
}

#Form_Cancel:focus,
#Form_Cancel:hover {
    background-color: hsla(0, 0%, 100%, .08);
    border-color: #ffd478;
    color: #ffd478
}

.Overlay {
    background: rgba(0, 0, 0, .4)
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.Reactions .ReactButton {
    color: #e2e3e5
}

.Reactions .ReactButton:hover {
    color: #ffd478
}

.RecordReactions {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -3px;
    margin-right: -3px
}

.RecordReactions .PhotoWrap {
    height: 24px;
    position: relative;
    width: 24px
}

.RecordReactions .ReactSprite {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    color: #EAEAEA;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 14px;
    margin-right: 0;
    overflow: hidden;
    width: 14px
}

.RecordReactions .UserReactionWrap {
    margin: 0 3px 3px;
    width: 24px
}

.RecordReactions .ReactAwesome:before {
    font-size: 11px;
    margin-left: 1.5px;
    margin-top: 1px
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

body.hasRichEditor .FormWrapper.FormWrapper-Condensed {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
    padding-right: 0!important
}

body.hasRichEditor .FormWrapper.FormWrapper-Condensed .richEditor {
    padding-left: 0;
    padding-right: 0
}

body.hasRichEditor .richEditor-frame {
    border: 1px solid #999;
    border-radius: 20px;
    overflow: initial
}

body.hasRichEditor .CommentOptions {
    display: block
}

body.hasRichEditor .bodybox-wrap,
body.hasRichEditor .CommentOptions {
    margin-bottom: 12px
}

body.hasRichEditor .Popup .NoteForm {
    padding: 0
}

body.hasRichEditor .Popup .richEditor,
body.hasRichEditor .richEditor {
    padding-left: 0
}

body.hasRichEditor .CommentForm.CommentForm {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
    padding: 0
}

body.hasRichEditor .CommentForm.CommentForm .Buttons {
    padding-right: 0
}

@media screen and (max-width:768px) {
    body.hasRichEditor .embedDialogue.embedDialogue {
        position: static
    }
}

body.hasRichEditor #ConversationForm .FormWrapper,
body.hasRichEditor #EventAddEditForm .FormWrapper,
body.hasRichEditor #GroupForm .FormWrapper,
body.hasRichEditor #MessageForm .FormWrapper {
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width:992px) {
    body.hasRichEditor #MessageForm .FormWrapper-Condensed.FormWrapper-Condensed,
    body.hasRichEditor.Profile .FormWrapper-Condensed.FormWrapper-Condensed {
        padding-left: 18px
    }
}

@media screen and (max-width:768px) {
    body.hasRichEditor #MessageForm .FormWrapper-Condensed.FormWrapper-Condensed,
    body.hasRichEditor.Profile .FormWrapper-Condensed.FormWrapper-Condensed {
        padding-left: 0
    }
}

body.hasRichEditor.Section-PostDiscussion #DiscussionForm .FormWrapper {
    padding-left: 0;
    padding-right: 0
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.InputAndButton .BigInput,
.InputBox.js-search {
    border-color: #999;
    font-size: inherit;
    padding: 3px 36px 3px 12px;
    width: 100%
}

.InputAndButton .BigInput::-webkit-input-placeholder,
.InputBox.js-search::-webkit-input-placeholder {
    color: #999
}

.InputAndButton .BigInput:-ms-input-placeholder,
.InputBox.js-search:-ms-input-placeholder {
    color: #999
}

.InputAndButton .BigInput::-ms-input-placeholder,
.InputBox.js-search::-ms-input-placeholder {
    color: #999
}

.InputAndButton .BigInput::placeholder,
.InputBox.js-search::placeholder {
    color: #999
}

.groupSearch-search {
    position: relative
}

.groupSearch-search:before {
    -webkit-font-smoothing: antialiased;
    bottom: 0;
    color: inherit;
    color: #EAEAEA;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    line-height: 36px;
    min-width: 1em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    top: 0;
    width: 36px
}

.groupSearch-search .groupSearch-button.groupSearch-button {
    bottom: 0
}

.AdvancedSearch .bwrap .Button,
.groupSearch-search .groupSearch-button.groupSearch-button,
.InputBox.js-search+input,
.SearchForm .SiteSearch .Button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-width: 0;
    height: 36px;
    line-height: 36px;
    min-width: 0;
    padding: 0 3px;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px
}

.AdvancedSearch .bwrap .Button {
    color: #EAEAEA
}

.AdvancedSearch {
    margin: 0;
    max-width: 100%;
    padding-right: 0
}

.AdvancedSearch .bwrap.bwrap {
    position: static
}

.AdvancedSearch .Handle.Handle {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    opacity: 1;
    right: 36px;
    width: 36px
}

.AdvancedSearch .Handle.Handle .Arrow {
    border-color: rgba(0, 0, 0, 0);
    font-size: 20px;
    height: auto;
    position: static;
    width: auto
}

.AdvancedSearch .Handle.Handle .Arrow:after {
    -webkit-font-smoothing: antialiased;
    color: inherit;
    color: #EAEAEA;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    min-width: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.InputBox.js-search+input,
.InputBox.js-search+input:active,
.InputBox.js-search+input:focus,
.InputBox.js-search+input:hover {
    color: rgba(0, 0, 0, 0)
}

.SearchForm .InputBox {
    border-radius: 20px
}

.SiteSearch .Button,
.SiteSearch .Button:active,
.SiteSearch .Button:focus,
.SiteSearch .Button:hover {
    color: rgba(0, 0, 0, 0)
}

.SearchBox {
    margin-bottom: 18px;
    position: relative;
    width: 100%
}

.SearchBox:after {
    clear: both;
    content: "";
    display: table
}

@media screen and (max-width:768px) {
    .SearchBox {
        max-width: 100%
    }
}

.SearchBox .Sprite.SpSearch {
    display: none
}

.SearchBox form>div:after {
    -webkit-font-smoothing: antialiased;
    bottom: 0;
    color: inherit;
    color: #EAEAEA;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    line-height: 36px;
    min-width: 1em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    top: 0;
    width: 36px
}

.SearchBox form>div:after,
.SearchForm form>div:after {
    -webkit-font-smoothing: antialiased;
    bottom: 0;
    color: inherit;
    color: #EAEAEA;
    content: "";
    display: inline-block;
    font-family: vanillicon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    line-height: 36px;
    min-width: 1em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    top: 0;
    width: 36px
}

.SearchBoxMobile .Handle.Handle {
    display: none
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.ActivateSlider {
    -webkit-box-shadow: none;
    background-color: rgba(0, 0, 0, .03);
    border: 1px solid #424242;
    border-radius: 20px;
    box-shadow: none
}

.DataList-Connections .Button.ActivateSlider-Button {
    background: #EAEAEA;
    border: 1px solid #885462;
    border-radius: 20px;
    color: #ffd478;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    margin: 0;
    min-height: 36px;
    padding: 0 12px;
    white-space: nowrap
}

.DataList-Connections .Button.ActivateSlider-Button:focus,
.DataList-Connections .Button.ActivateSlider-Button:hover {
    text-decoration: none
}

.DataList-Connections .ActivateSlider {
    min-width: 125px;
    width: auto
}

.DataList-Connections .ActivateSlider-Active .ActivateSlider-Button {
    margin-left: 10.5px
}

.DataList-Connections .ActivateSlider-InActive .ActivateSlider-Button {
    margin-right: 10.5px
}

.DataList-Connections .ActivateSlider-Active .Button {
    background: #ffd478;
    border-color: #885462;
    color: #EAEAEA
}


/*!
* @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
* @copyright 2009-2018 Vanilla Forums Inc.
* @license GPL-2.0-only
*/

.CategoryGroup .Empty {
    -webkit-box-shadow: none;
    border: 1px solid #424242;
    border-radius: 6px;
    box-shadow: none;
    padding: 14px
}

.categoryList-heading {
    font-size: 32px;
    margin-bottom: 14px
}

@media screen and (max-width:768px) {
    .categoryList-heading {
        font-size: 18px
    }
}

.DataTable,
.Groups .DataTable {
    margin: 0 0 18px;
    table-layout: fixed;
    width: 100%
}

.DataTable .Item:first-child td:first-child,
.Groups .DataTable .Item:first-child td:first-child {
    border-top-left-radius: 6px
}

.DataTable .Item:first-child td:last-child,
.Groups .DataTable .Item:first-child td:last-child {
    border-top-right-radius: 6px
}

.DataTable .Item:first-child td,
.Groups .DataTable .Item:first-child td {
    border-top: 1px solid #424242
}

.DataTable .Item:last-child td:first-child,
.Groups .DataTable .Item:last-child td:first-child {
    border-bottom-left-radius: 6px
}

.DataTable .Item:last-child td:last-child,
.Groups .DataTable .Item:last-child td:last-child {
    border-bottom-right-radius: 6px
}

.DataTable .Item td,
.Groups .DataTable .Item td {
    background: #000000;
    border-bottom: 1px solid #424242;
    padding-bottom: 14px;
    padding-top: 14px
}

.DataTable .Item td:first-child,
.Groups .DataTable .Item td:first-child {
    border-left: 1px solid #424242;
    padding-left: 14px
}

.DataTable .Item td:last-child,
.Groups .DataTable .Item td:last-child {
    border-right: 1px solid #424242;
    padding-right: 14px
}

.DataTable .Item .CategoryName h2,
.Groups .DataTable .Item .CategoryName h2 {
    color: #EAEAEA
}

.DataTable .Item .CategoryName h2:focus,
.DataTable .Item .CategoryName h2:hover,
.Groups .DataTable .Item .CategoryName h2:focus,
.Groups .DataTable .Item .CategoryName h2:hover {
    color: #ffd478
}

.DataTable .Item.Read,
.Groups .DataTable .Item.Read {
    opacity: 1
}

.DataTable thead,
.Groups .DataTable thead {
    display: table;
    table-layout: fixed;
    width: inherit
}

.DataTable thead tr,
.Groups .DataTable thead tr {
    border: none
}

.DataTable thead td,
.Groups .DataTable thead td {
    vertical-align: middle
}

.DataTable thead td,
.DataTable thead td:first-child,
.DataTable thead td:last-child,
.Groups .DataTable thead td,
.Groups .DataTable thead td:first-child,
.Groups .DataTable thead td:last-child {
    border: 0
}

.DataTable thead .Wrap,
.Groups .DataTable thead .Wrap {
    padding: 0;
    white-space: nowrap;
    word-break: normal
}

.DataTable .Bookmark:before,
.DataTable .SpFlyoutHandle:before,
.Groups .DataTable .Bookmark:before,
.Groups .DataTable .SpFlyoutHandle:before {
    font-size: 14px
}

.DataTable .Title.Title,
.DataTable h2,
.DataTable h3,
.Groups .DataTable .Title.Title,
.Groups .DataTable h2,
.Groups .DataTable h3 {
    color: #EAEAEA;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 6px
}

.DataTable .Title.Title:focus,
.DataTable .Title.Title:hover,
.DataTable h2:focus,
.DataTable h2:hover,
.DataTable h3:focus,
.DataTable h3:hover,
.Groups .DataTable .Title.Title:focus,
.Groups .DataTable .Title.Title:hover,
.Groups .DataTable h2:focus,
.Groups .DataTable h2:hover,
.Groups .DataTable h3:focus,
.Groups .DataTable h3:hover {
    color: #ffd478
}

.DataTable .Title.Title a,
.DataTable h2 a,
.DataTable h3 a,
.Groups .DataTable .Title.Title a,
.Groups .DataTable h2 a,
.Groups .DataTable h3 a {
    color: inherit;
    display: inline;
    font-size: inherit;
    font-weight: inherit
}

.DataTable .Title.Title a:focus,
.DataTable .Title.Title a:hover,
.DataTable h2 a:focus,
.DataTable h2 a:hover,
.DataTable h3 a:focus,
.DataTable h3 a:hover,
.Groups .DataTable .Title.Title a:focus,
.Groups .DataTable .Title.Title a:hover,
.Groups .DataTable h2 a:focus,
.Groups .DataTable h2 a:hover,
.Groups .DataTable h3 a:focus,
.Groups .DataTable h3 a:hover {
    color: inherit
}

.DataTable .CategoryDescription,
.DataTable .Excerpt,
.Groups .DataTable .CategoryDescription,
.Groups .DataTable .Excerpt {
    color: #EAEAEA;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 6px;
    width: 100%
}

.DataTable .CategoryDescription:empty,
.DataTable .Excerpt:empty,
.Groups .DataTable .CategoryDescription:empty,
.Groups .DataTable .Excerpt:empty {
    display: none
}

.DataTable .ItemContent.Discussion .Excerpt,
.Groups .DataTable .ItemContent.Discussion .Excerpt {
    margin-top: 6px
}

.DataTable .Options,
.Groups .DataTable .Options {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:768px) {
    .DataTable .Options,
    .Groups .DataTable .Options {
        right: 0
    }
}

.DataTable .Options .Bookmark,
.Groups .DataTable .Options .Bookmark {
    margin-left: 3px
}

.DataTable .Bookmark:before,
.DataTable .OptionsMenu .Arrow:before,
.Groups .DataTable .Bookmark:before,
.Groups .DataTable .OptionsMenu .Arrow:before {
    font-size: 20px;
    line-height: 20px
}

.DataTable .AuthorInfo,
.DataTable .Meta,
.Groups .DataTable .AuthorInfo,
.Groups .DataTable .Meta {
    color: #e2e3e5;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

.DataTable .MItem.Category,
.Groups .DataTable .MItem.Category {
    -o-text-overflow: ellipsis;
    display: block;
    display: inline;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:768px) {
    .DataTable .MItem.Category,
    .Groups .DataTable .MItem.Category {
        max-width: calc(100% - 21px)
    }
}

.DataTable .AuthorInfo *,
.DataTable .Meta>*,
.Groups .DataTable .AuthorInfo *,
.Groups .DataTable .Meta>* {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

.DataTable .AuthorInfo * a,
.DataTable .Meta>* a,
.Groups .DataTable .AuthorInfo * a,
.Groups .DataTable .Meta>* a {
    color: #e2e3e5;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.DataTable .AuthorInfo * a:focus,
.DataTable .AuthorInfo * a:hover,
.DataTable .Meta>* a:focus,
.DataTable .Meta>* a:hover,
.Groups .DataTable .AuthorInfo * a:focus,
.Groups .DataTable .AuthorInfo * a:hover,
.Groups .DataTable .Meta>* a:focus,
.Groups .DataTable .Meta>* a:hover {
    color: #ffd478
}

.DataTable .HasNew,
.DataTable .Tag:not([class*=Status-Tag]),
.Groups .DataTable .HasNew,
.Groups .DataTable .Tag:not([class*=Status-Tag]) {
    margin-bottom: 3px
}

.DataTable .MItem,
.DataTable .NewCommentCount.NewCommentCount,
.Groups .DataTable .MItem,
.Groups .DataTable .NewCommentCount.NewCommentCount {
    font-size: 12px;
    line-height: inherit;
    margin-left: 0
}

.DataTable .MItem,
.Groups .DataTable .MItem {
    color: #e2e3e5
}

.DataTable .MItem:last-child,
.Groups .DataTable .MItem:last-child {
    margin-right: 0
}

.DataTable .MItem:focus,
.DataTable .MItem:hover,
.Groups .DataTable .MItem:focus,
.Groups .DataTable .MItem:hover {
    color: #ffd478
}

.DataTable .MItem a,
.Groups .DataTable .MItem a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.DataTable .MItem a:focus,
.DataTable .MItem a:hover,
.Groups .DataTable .MItem a:focus,
.Groups .DataTable .MItem a:hover {
    color: inherit
}

.DataTable .BigCount .Meta,
.DataTable .Block.Wrap .Meta,
.DataTable .LatestPostTitle,
.DataTable .UserLink.BlockTitle,
.Groups .DataTable .BigCount .Meta,
.Groups .DataTable .Block.Wrap .Meta,
.Groups .DataTable .LatestPostTitle,
.Groups .DataTable .UserLink.BlockTitle {
    margin-left: 12px
}

.DataTable .LatestPostTitle,
.DataTable .UserLink,
.Groups .DataTable .LatestPostTitle,
.Groups .DataTable .UserLink {
    color: #e2e3e5
}

.DataTable .LatestPostTitle:focus,
.DataTable .LatestPostTitle:hover,
.DataTable .UserLink:focus,
.DataTable .UserLink:hover,
.Groups .DataTable .LatestPostTitle:focus,
.Groups .DataTable .LatestPostTitle:hover,
.Groups .DataTable .UserLink:focus,
.Groups .DataTable .UserLink:hover {
    color: #ffd478
}

@media screen and (max-width:768px) {
    .DataTable .Meta,
    .DataTable .MItem.Category,
    .Groups .DataTable .Meta,
    .Groups .DataTable .MItem.Category {
        margin-top: 12px
    }
}

.DataTable .MItem.RSS,
.Groups .DataTable .MItem.RSS {
    display: none
}

.DataTable .Block.Wrap,
.Groups .DataTable .Block.Wrap {
    line-height: 1.5
}

.DataTable td.BigCount,
.Groups .DataTable td.BigCount {
    width: 110px
}

.DataTable td.FirstUser,
.DataTable td.LastUser,
.DataTable td.LatestPost,
.Groups .DataTable td.FirstUser,
.Groups .DataTable td.LastUser,
.Groups .DataTable td.LatestPost {
    max-width: 170px;
    width: 170px
}

.DataTable td.FirstUser .MItem,
.DataTable td.LastUser .MItem,
.DataTable td.LatestPost .MItem,
.Groups .DataTable td.FirstUser .MItem,
.Groups .DataTable td.LastUser .MItem,
.Groups .DataTable td.LatestPost .MItem {
    margin-bottom: 3px
}

.DataTable tbody .Options,
.Groups .DataTable tbody .Options {
    bottom: auto;
    top: 3px
}

.DataTable tbody,
.Groups .DataTable tbody {
    -webkit-box-shadow: none;
    border-radius: 6px;
    border-spacing: 0;
    box-shadow: none;
    display: table;
    margin: 0;
    table-layout: fixed;
    width: inherit
}

.DataTable tbody td.FirstUser,
.DataTable tbody td.LastUser,
.DataTable tbody td.LatestPost,
.Groups .DataTable tbody td.FirstUser,
.Groups .DataTable tbody td.LastUser,
.Groups .DataTable tbody td.LatestPost {
    font-size: 12px;
    margin-top: 0;
    position: relative
}

.DataTable tbody td.FirstUser a,
.DataTable tbody td.LastUser a,
.DataTable tbody td.LatestPost a,
.Groups .DataTable tbody td.FirstUser a,
.Groups .DataTable tbody td.LastUser a,
.Groups .DataTable tbody td.LatestPost a {
    font-size: inherit
}

.DataTable tbody td.FirstUser .Wrap,
.DataTable tbody td.LastUser .Wrap,
.DataTable tbody td.LatestPost .Wrap,
.Groups .DataTable tbody td.FirstUser .Wrap,
.Groups .DataTable tbody td.LastUser .Wrap,
.Groups .DataTable tbody td.LatestPost .Wrap {
    padding-left: 42px
}

.DataTable tbody td.FirstUser .PhotoWrap,
.DataTable tbody td.LastUser .PhotoWrap,
.DataTable tbody td.LatestPost .PhotoWrap,
.Groups .DataTable tbody td.FirstUser .PhotoWrap,
.Groups .DataTable tbody td.LastUser .PhotoWrap,
.Groups .DataTable tbody td.LatestPost .PhotoWrap {
    height: 42px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 42px
}

.DataTable tbody td.FirstUser .PhotoWrap img,
.DataTable tbody td.LastUser .PhotoWrap img,
.DataTable tbody td.LatestPost .PhotoWrap img,
.Groups .DataTable tbody td.FirstUser .PhotoWrap img,
.Groups .DataTable tbody td.LastUser .PhotoWrap img,
.Groups .DataTable tbody td.LatestPost .PhotoWrap img {
    height: 100%;
    width: 100%
}

.DataTable tbody td.FirstUser .Bullet,
.DataTable tbody td.LastUser .Bullet,
.DataTable tbody td.LatestPost .Bullet,
.Groups .DataTable tbody td.FirstUser .Bullet,
.Groups .DataTable tbody td.LastUser .Bullet,
.Groups .DataTable tbody td.LatestPost .Bullet {
    display: none
}

@media screen and (max-width:410px) {
    .DataTable.CategoryTable tbody tr:first-child td,
    .Groups .DataTable.CategoryTable tbody tr:first-child td {
        border-top-right-radius: 6px
    }
    .DataTable.CategoryTable tbody tr:last-child td,
    .Groups .DataTable.CategoryTable tbody tr:last-child td {
        border-bottom-right-radius: 6px
    }
    .DataTable.CategoryTable tbody tr td,
    .Groups .DataTable.CategoryTable tbody tr td {
        border-right: 1px solid #424242;
        padding-right: 14px
    }
}

@media screen and (max-width:1272px) {
    .DataTable.CategoryTable tbody tr:first-child .CountComments,
    .Groups .DataTable.CategoryTable tbody tr:first-child .CountComments {
        border-top-right-radius: 6px
    }
    .DataTable.CategoryTable tbody tr:last-child .CountComments,
    .Groups .DataTable.CategoryTable tbody tr:last-child .CountComments {
        border-bottom-right-radius: 6px
    }
    .DataTable.CategoryTable tbody tr .CountComments,
    .Groups .DataTable.CategoryTable tbody tr .CountComments {
        border-right: 1px solid #424242;
        padding-right: 14px
    }
}

@media screen and (max-width:768px) {
    .DataTable.CategoryTable tbody tr:first-child .CountDiscussions,
    .Groups .DataTable.CategoryTable tbody tr:first-child .CountDiscussions {
        border-top-right-radius: 6px
    }
    .DataTable.CategoryTable tbody tr:last-child .CountDiscussions,
    .Groups .DataTable.CategoryTable tbody tr:last-child .CountDiscussions {
        border-bottom-right-radius: 6px
    }
    .DataTable.CategoryTable tbody tr .CountDiscussions,
    .Groups .DataTable.CategoryTable tbody tr .CountDiscussions {
        border-right: 1px solid #424242;
        padding-right: 14px
    }
}

.DataTable.CategoryTable thead .CategoryName,
.Groups .DataTable.CategoryTable thead .CategoryName {
    padding-left: 14px
}

.DataTable.CategoryTable tbody .Options,
.Groups .DataTable.CategoryTable tbody .Options {
    top: auto
}

.DataTable.CategoryTable tbody td.CategoryName,
.Groups .DataTable.CategoryTable tbody td.CategoryName {
    margin-bottom: 0
}

.DataTable.CategoryTable tbody td.CategoryName .Wrap,
.Groups .DataTable.CategoryTable tbody td.CategoryName .Wrap {
    padding-left: 0
}

.DataTable.CategoryTable tbody td.CategoryName .PhotoWrap,
.Groups .DataTable.CategoryTable tbody td.CategoryName .PhotoWrap {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
    align-items: center;
    border-radius: 6px;
    border-radius: 50%;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    margin: 0 12px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 42px
}

.DataTable.CategoryTable tbody td.CategoryName .PhotoWrap img,
.Groups .DataTable.CategoryTable tbody td.CategoryName .PhotoWrap img {
    height: auto;
    margin: 0;
    width: 100%
}

.DataTable.CategoryTable tbody td.CategoryName .PhotoWrap.NoPhoto,
.Groups .DataTable.CategoryTable tbody td.CategoryName .PhotoWrap.NoPhoto {
    display: none
}

.DataTable.CategoryTable tbody td.CategoryName .PhotoWrap img,
.Groups .DataTable.CategoryTable tbody td.CategoryName .PhotoWrap img {
    position: absolute
}

.DataTable.CategoryTable tbody td.LatestPost,
.Groups .DataTable.CategoryTable tbody td.LatestPost {
    font-weight: inherit
}

.DataTable.CategoryTable tbody td.LatestPost .Meta span:last-child,
.Groups .DataTable.CategoryTable tbody td.LatestPost .Meta span:last-child {
    display: none
}

.DataTable.CategoryTable tbody td.LatestPost a,
.Groups .DataTable.CategoryTable tbody td.LatestPost a {
    display: block;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 0
}

.DataTable.CategoryTable tbody td.LatestPost .LatestPostTitle,
.Groups .DataTable.CategoryTable tbody td.LatestPost .LatestPostTitle {
    font-weight: inherit
}

.DataTable.CategoryTable tbody td.LatestPost .UserLink,
.Groups .DataTable.CategoryTable tbody td.LatestPost .UserLink {
    -o-text-overflow: ellipsis;
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.DataTable.CategoryTable .ChildCategories,
.Groups .DataTable.CategoryTable .ChildCategories {
    -ms-flex-wrap: wrap;
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: -3px
}

.DataTable.CategoryTable .ChildCategories b,
.Groups .DataTable.CategoryTable .ChildCategories b {
    margin-right: 3px
}

.DataTable.CategoryTable .ChildCategories a,
.Groups .DataTable.CategoryTable .ChildCategories a {
    color: #e2e3e5;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.DataTable.CategoryTable .ChildCategories a:focus,
.DataTable.CategoryTable .ChildCategories a:hover,
.Groups .DataTable.CategoryTable .ChildCategories a:focus,
.Groups .DataTable.CategoryTable .ChildCategories a:hover {
    color: #ffd478
}

.DataTable.CategoryTable .ChildCategories .Comma,
.Groups .DataTable.CategoryTable .ChildCategories .Comma {
    margin-right: 3px
}

@media screen and (max-width:1272px) {
    .DataTable.CategoryTable td.LatestPost,
    .Groups .DataTable.CategoryTable td.LatestPost {
        display: none
    }
}

@media screen and (max-width:992px) {
    .DataTable.CategoryTable td.LatestPost,
    .Groups .DataTable.CategoryTable td.LatestPost {
        display: none
    }
}

@media screen and (max-width:768px) {
    .DataTable.CategoryTable td.CountComments,
    .DataTable.CategoryTable td.LatestPost,
    .Groups .DataTable.CategoryTable td.CountComments,
    .Groups .DataTable.CategoryTable td.LatestPost {
        display: none
    }
}

@media screen and (max-width:410px) {
    .DataTable.CategoryTable td.CountComments,
    .DataTable.CategoryTable td.CountDiscussions,
    .Groups .DataTable.CategoryTable td.CountComments,
    .Groups .DataTable.CategoryTable td.CountDiscussions {
        display: none
    }
}

.DataTable.DiscussionsTable.DiscussionsTable,
.Groups .DataTable.DiscussionsTable.DiscussionsTable {
    table-layout: fixed
}

@media screen and (max-width:410px) {
    .DataTable.DiscussionsTable.DiscussionsTable tbody tr:first-child td,
    .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr:first-child td {
        border-top-right-radius: 6px
    }
    .DataTable.DiscussionsTable.DiscussionsTable tbody tr:last-child td,
    .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr:last-child td {
        border-bottom-right-radius: 6px
    }
    .DataTable.DiscussionsTable.DiscussionsTable tbody tr td:not(.CheckBoxColumn),
    .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr td:not(.CheckBoxColumn) {
        border-right: 1px solid #424242;
        padding-right: 14px
    }
    .DataTable.DiscussionsTable.DiscussionsTable tbody tr .CheckBoxColumn.CheckBoxColumn,
    .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr .CheckBoxColumn.CheckBoxColumn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
}

@media screen and (max-width:1272px) {
    .DataTable.DiscussionsTable.DiscussionsTable tbody tr:first-child .CountViews,
    .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr:first-child .CountViews {
        border-top-right-radius: 6px
    }
    .DataTable.DiscussionsTable.DiscussionsTable tbody tr:last-child .CountViews,
    .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr:last-child .CountViews {
        border-bottom-right-radius: 6px
    }
    .DataTable.DiscussionsTable.DiscussionsTable tbody tr .CountViews,
    .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr .CountViews {
        border-right: 1px solid #424242;
        padding-right: 14px
    }
}

@media screen and (max-width:768px) {
    .DataTable.DiscussionsTable.DiscussionsTable tbody tr:first-child .CountComments,
    .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr:first-child .CountComments {
        border-top-right-radius: 6px
    }
    .DataTable.DiscussionsTable.DiscussionsTable tbody tr:last-child .CountComments,
    .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr:last-child .CountComments {
        border-bottom-right-radius: 6px
    }
    .DataTable.DiscussionsTable.DiscussionsTable tbody tr .CountComments,
    .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr .CountComments {
        border-right: 1px solid #424242;
        padding-right: 14px
    }
}

.DataTable.DiscussionsTable.DiscussionsTable .MiniPager,
.Groups .DataTable.DiscussionsTable.DiscussionsTable .MiniPager {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    display: block;
    margin: 0;
    order: 2;
    text-align: right;
    width: 100%
}

@media screen and (max-width:768px) {
    .DataTable.DiscussionsTable.DiscussionsTable .MiniPager,
    .Groups .DataTable.DiscussionsTable.DiscussionsTable .MiniPager {
        display: none
    }
}

.DataTable.DiscussionsTable.DiscussionsTable .MiniPager a,
.Groups .DataTable.DiscussionsTable.DiscussionsTable .MiniPager a {
    background-color: hsla(0, 0%, 100%, .08);
    border: none;
    border-radius: 6px;
    color: #EAEAEA;
    display: inline;
    font-size: inherit;
    font-weight: 600;
    line-height: 1.5;
    padding: 0 3px;
    white-space: nowrap
}

.DataTable.DiscussionsTable.DiscussionsTable .MiniPager a:focus,
.DataTable.DiscussionsTable.DiscussionsTable .MiniPager a:hover,
.Groups .DataTable.DiscussionsTable.DiscussionsTable .MiniPager a:focus,
.Groups .DataTable.DiscussionsTable.DiscussionsTable .MiniPager a:hover {
    background-color: hsla(0, 0%, 100%, .08);
    color: #ffd478
}

.DataTable.DiscussionsTable.DiscussionsTable td.CheckBoxColumn,
.Groups .DataTable.DiscussionsTable.DiscussionsTable td.CheckBoxColumn {
    width: 35px
}

.DataTable.DiscussionsTable.DiscussionsTable td.CheckBoxColumn .Wrap,
.Groups .DataTable.DiscussionsTable.DiscussionsTable td.CheckBoxColumn .Wrap{padding:3px 0}.DataTable.DiscussionsTable.DiscussionsTable td.DiscussionName,.Groups .DataTable.DiscussionsTable.DiscussionsTable td.DiscussionName{padding-left:14px;padding-right:6px;width:100%}.DataTable.DiscussionsTable.DiscussionsTable .ItemIdea td.DiscussionName,.Groups .DataTable.DiscussionsTable.DiscussionsTable .ItemIdea td.DiscussionName{position:relative}.DataTable.DiscussionsTable.DiscussionsTable .ItemIdea td.DiscussionName .idea-counter-module,.Groups .DataTable.DiscussionsTable.DiscussionsTable .ItemIdea td.DiscussionName .idea-counter-module{left:0;margin:0;position:absolute}.DataTable.DiscussionsTable.DiscussionsTable .ItemIdea td.DiscussionName .Wrap,.Groups .DataTable.DiscussionsTable.DiscussionsTable .ItemIdea td.DiscussionName .Wrap{padding-left:54px}@media screen and (max-width:1272px){.DataTable.DiscussionsTable.DiscussionsTable td.FirstUser,.DataTable.DiscussionsTable.DiscussionsTable td.LastUser,.Groups .DataTable.DiscussionsTable.DiscussionsTable td.FirstUser,.Groups .DataTable.DiscussionsTable.DiscussionsTable td.LastUser{display:none}}@media screen and (max-width:768px){.DataTable.DiscussionsTable.DiscussionsTable td.CountViews,.Groups .DataTable.DiscussionsTable.DiscussionsTable td.CountViews{display:none}}@media screen and (max-width:410px){.DataTable.DiscussionsTable.DiscussionsTable td.BigCount,.Groups .DataTable.DiscussionsTable.DiscussionsTable td.BigCount{display:none}.DataTable.DiscussionsTable.DiscussionsTable .MItem.Category a,.Groups .DataTable.DiscussionsTable.DiscussionsTable .MItem.Category a{max-width:30ex}}.categoryList-heading{color:#fff}.CategoryGroup.HideTable{display:none}body.UserLoggedOut .DiscussionsTable tbody td.DiscussionName .Wrap{padding-right:0}.Frame-contentWrap:after{clear:both;content:"";display:table}body.Categories.Section-DiscussionList .DataTable.DiscussionsTable,body.Section-DiscussionList.mine .DataTable.DiscussionsTable,body.Section-Group .DataTable.DiscussionsTable{width:100%}@media screen and (max-width:768px){.GroupWrap .DataTable tbody tr:first-child td{border-top-right-radius:6px}.GroupWrap .DataTable tbody tr:last-child td{border-bottom-right-radius:6px}.GroupWrap .DataTable tbody tr td{border-right:1px solid #424242;padding-right:14px}}@media screen and (max-width:1272px){.GroupWrap .DataTable tbody tr:first-child .CountDiscussions{border-top-right-radius:6px}.GroupWrap .DataTable tbody tr:last-child .CountDiscussions{border-bottom-right-radius:6px}.GroupWrap .DataTable tbody tr .CountDiscussions{border-right:1px solid #424242;padding-right:14px}}@media screen and (max-width:768px){.GroupWrap .DataTable tbody tr:first-child .CountMembers{border-top-right-radius:6px}.GroupWrap .DataTable tbody tr:last-child .CountMembers{border-bottom-right-radius:6px}.GroupWrap .DataTable tbody tr .CountMembers{border-right:1px solid #424242;padding-right:14px}}.GroupWrap .DataTable .Title.Title{display:inline-block;padding-right:0;width:auto}.GroupWrap .DataTable .EventTitle .Title{display:inline}.GroupWrap .DataTable .Title-Icon{color:#fff}.GroupWrap .DataTable .Buttons{margin-left:3px;margin-right:0}.GroupWrap .DataTable .Excerpt,.GroupWrap .DataTable .Title-Wrapper{margin:0 0 6px}.GroupWrap .DataTable .Meta{margin-left:-6px;margin-right:-6px}@media screen and (max-width:768px){.GroupWrap .DataTable .Meta{margin-top:0}}.GroupWrap .DataTable .Invitation .MItem,.GroupWrap .DataTable .Invitation .MItem:focus,.GroupWrap .DataTable .Invitation .MItem:hover{color:#e2e3e5}@media screen and (max-width:768px){.GroupWrap .DataTable .Invitation .UserName{border-bottom-right-radius:0;border-top-right-radius:0}.GroupWrap .DataTable .Invitation .UserName .Meta{display:none}}@media screen and (max-width:768px){.GroupWrap .DataTable .Invitation .BlockColumn-Buttons{min-width:105px}}@media screen and (max-width:768px){.GroupWrap .DataTable .Event .EventTitle .Wrap{-ms-flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}.GroupWrap .DataTable .Event .EventTitle .Wrap .DateTile{bottom:0;height:42px;margin-top:0;position:absolute;top:0;width:42px}.GroupWrap .DataTable .Event .EventTitle .Wrap .OptionsMenu{position:absolute;right:0;top:0;width:auto}.GroupWrap .DataTable .Event .EventTitle .Wrap .Description,.GroupWrap .DataTable .Event .EventTitle .Wrap .Title{padding-left:54px}.GroupWrap .DataTable .Event .EventTitle .Wrap .Title-Wrapper{padding-right:0}.GroupWrap .DataTable .Event .EventTitle .Wrap .Button,.GroupWrap .DataTable .Event .EventTitle .Wrap .ButtonGroup,.GroupWrap .DataTable .Event .EventTitle .Wrap .Options{width:100%}.GroupWrap .DataTable .Event .EventTitle .Wrap .Options{-ms-flex-order:2;-webkit-box-ordinal-group:3;margin-top:12px;order:2}.GroupWrap .DataTable .Event .EventTitle .Wrap .Button{text-align:center}}.GroupWrap .DataTable .Event .OptionsMenu{margin-right:3px}.GroupWrap .DataTable .LastUser,.GroupWrap .DataTable .LatestPost{max-width:30ex;width:30ex}.GroupWrap .DataTable .Group-Name .Title-Wrapper,.GroupWrap .DataTable .Group-Name .Wrap{padding-left:0;padding-right:0}.GroupWrap .DataTable .Group-Name .PhotoWrap{margin-right:12px}@media screen and (max-width:768px){.GroupWrap .DataTable .Group-Name .PhotoWrap{display:none}}.GroupWrap .DataTable .Group-Name .Buttons .Button:nth-child(2){background-color:rgba(0,0,0,0);border-color:#ffd478;color:#ffd478}.GroupWrap .DataTable .Group-Name .Buttons .Button:nth-child(2):focus,.GroupWrap .DataTable .Group-Name .Buttons .Button:nth-child(2):hover{background-color:#ffd478;border-color:#ffd478;color:#fff}@media screen and (max-width:768px){.GroupWrap .DataTable .Group-Name .Wrap{-ms-flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}.GroupWrap .DataTable .Group-Name .Options{-ms-flex-order:2;-webkit-box-ordinal-group:3;margin-left:auto;margin-right:0;order:2}.GroupWrap .DataTable .Group-Name .GroupDescription,.GroupWrap .DataTable .Group-Name .Options{margin-top:12px}.GroupWrap .DataTable .Group-Name .OptionsMenu{position:absolute;right:0;top:0}.GroupWrap .DataTable .Group-Name .Title-Wrapper{padding-right:20px}}.GroupWrap .DataTable .Options{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start;position:static}.GroupWrap .DataTable .EventLocation .Text{-o-text-overflow:ellipsis;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.GroupWrap .DataTable tr.Invitation td.UserName{border-right:none}.GroupWrap .DataTable tr.Invitation .Title,.GroupWrap .DataTable tr.Invitation .Title-Wrapper{padding-right:0}}@media screen and (max-width:1272px){.GroupWrap .DataTable td.EventLocation,.GroupWrap .DataTable td.LatestPost{display:none}}@media screen and (max-width:768px){.GroupWrap .DataTable td.CountDiscussions,.GroupWrap .DataTable td.CountMembers,.GroupWrap .DataTable td.EventDate{display:none}.GroupWrap .DataTable td.EventTitle{border-bottom-right-radius:6px;border-right:1px solid #424242;border-top-right-radius:6px;padding-right:14px}}.MemberList .DataTable td.UserName{width:70%}@media screen and (max-width:768px){.MemberList .DataTable td.UserName{border-right-width:0;border-top-left-radius:0;border-top-right-radius:0;padding-right:0}}.MemberList .DataTable td.BlockColumn-Buttons,.MemberList .DataTable td.Buttons,.MemberList .DataTable td.JoinDate{width:260px}@media screen and (max-width:768px){.MemberList .DataTable td.BlockColumn-Buttons{width:160px}.MemberList .DataTable td.BlockColumn-Buttons .Button{display:block;text-align:center;width:100%}.MemberList .DataTable td.BlockColumn-Buttons .Button+.Button{margin-top:3px}}@media screen and (max-width:768px){.MemberList .DataTable td.JoinDate{display:none}}.MemberList .DataTable .Title-Wrapper{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:42px;padding-right:0;width:calc(100% - 54px)}.MemberList .DataTable .PhotoWrap{display:inline-block;margin-bottom:0}.Group-Box .DiscussionsTable td.DiscussionName.DiscussionName .Wrap{display:block;padding-left:0}.Group-Box .DiscussionsTable .Options{float:right;margin:0;position:static}.Group-Box .DiscussionsTable .DiscussionName .Title.Title{padding-right:0}@media screen and (max-width:768px){.Group-Box .DiscussionsTable .DiscussionName .Title.Title{margin-bottom:12px}}.DataTable-ReactionsLog{border-radius:4px;overflow:hidden}.DataTable-ReactionsLog tbody{border-spacing:0;margin-top:0}.DataTable-ReactionsLog .Options.Options{bottom:0;top:0}.DataTable-ReactionsLog .Options .Hijack{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Arial,sans-serif;font-size:20px;justify-content:center;padding:0;visibility:visible}.DataTable-ReactionsLog .Options .Hijack:hover{background:rgba(0,0,0,0);color:#fff}.DataTable-ReactionsLog .Item{background-color:}.DataTable-ReactionsLog .Item td{background-color:#1f2230;border:0!important;border-radius:0!important;vert-align:middle}.DataTable-ReactionsLog .ReactionsLog-Date{width:16ex}.DataTable-ReactionsLog .ReactionsLog-User{width:50%}.DataTable-ReactionsLog .ReactionsLog-User a{-o-text-overflow:ellipsis;color:#e2e3e5;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DataTable-ReactionsLog .ReactionsLog-User a:focus,.DataTable-ReactionsLog .ReactionsLog-User a:hover{color:#ffd478}.DataTable-ReactionsLog .ReactionsLog-Reaction{text-align:center;width:12ex}.DataTable-ReactionsLog .ReactionsLog-Options{position:relative;width:2ex}.DataTable-ReactionsLog .Options a{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Arial,sans-serif;font-size:20px;justify-content:center;padding:0;visibility:visible}.DataTable-ReactionsLog .Options a:hover{background:rgba(0,0,0,0);color:#fff}table.PreferenceGroup tbody tr:hover td{background:#1f2230!important}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */.userContent h3:focus,.UserContent h3:focus,.userContent h3:hover,.UserContent h3:hover{color:#fff!important}.userContent .embedImage-img,.UserContent .embedImage-img{display:block;margin:0 auto;position:relative}.userContent .post-text-align-justify .embedImage-img,.UserContent .post-text-align-justify .embedImage-img,.userContent .post-text-align-left .embedImage-img,.UserContent .post-text-align-left .embedImage-img,.userContent .post-text-align-right .embedImage-img,.UserContent .post-text-align-right .embedImage-img{display:initial}.userContent .bbcode_center .embedImage-img,.UserContent .bbcode_center .embedImage-img,.userContent .bbcode_left .embedImage-img,.UserContent .bbcode_left .embedImage-img,.userContent .bbcode_right .embedImage-img,.UserContent .bbcode_right .embedImage-img{display:inline-block}.userContent .bbcode_right .embedImage-img,.UserContent .bbcode_right .embedImage-img{margin-left:auto}.userContent .bbcode_left .embedImage-img,.UserContent .bbcode_left .embedImage-img{margin-right:auto}.userContent li a,.UserContent li a,.userContent p a,.UserContent p a{color:#a3a3a3}.userContent li a:focus,.UserContent li a:focus,.userContent li a:hover,.UserContent li a:hover,.userContent p a:focus,.UserContent p a:focus,.userContent p a:hover,.UserContent p a:hover{color:#ffd478;text-decoration:underline}.userContent li a:visited,.UserContent li a:visited,.userContent p a:visited,.UserContent p a:visited{color:#ffd478}.userContent div.Spoiler,.UserContent div.Spoiler,.userContent div.Spoiler.SpoilerConfigured,.UserContent div.Spoiler.SpoilerConfigured{background-color:#1d202e;border:none;border-radius:6px;margin-right:0;margin-top:0;padding:3px 0}.userContent div.SpoilerTitle,.UserContent div.SpoilerTitle{font-size:16px;line-height:40px;min-height:40px;padding:0 20px;position:relative;text-align:center}.userContent div.SpoilerTitle:after,.UserContent div.SpoilerTitle:after,.userContent div.SpoilerTitle:before,.UserContent div.SpoilerTitle:before{-webkit-font-smoothing:antialiased;color:inherit;display:inline-block;font-family:vanillicon;font-size:20px;font-style:normal;font-variant:normal;font-weight:400;height:40px;line-height:inherit;line-height:40px;min-width:1em;position:relative;text-align:center;text-decoration:inherit;text-transform:none;width:40px}.userContent div.SpoilerTitle:before,.UserContent div.SpoilerTitle:before{-webkit-font-smoothing:antialiased;color:inherit;content:"";display:inline-block;font-family:vanillicon;font-style:normal;font-variant:normal;font-weight:400;line-height:inherit;margin-right:3px;min-width:1em;text-align:center;text-decoration:inherit;text-transform:none}.userContent div.Spoiler div.SpoilerTitle input,.UserContent div.Spoiler div.SpoilerTitle input{background-color:rgba(0,0,0,0);border-width:0;color:rgba(0,0,0,0);left:0;margin:0;padding:0;position:absolute;right:0;width:calc(100% - 10px)}.userContent div.Spoiler div.SpoilerText,.UserContent div.Spoiler div.SpoilerText{border-left-width:0;margin:0;padding:0 14px 14px}.userContent .codeBlock,.UserContent .codeBlock,.userContent code,.UserContent code,.userContent pre,.UserContent pre{border:0;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.85em;margin:0;vertical-align:middle}.userContent pre,.UserContent pre,.userContent pre.codeBlock,.UserContent pre.codeBlock{-ms-flex-negative:0;background-color:#1d202e;color:#ccc;display:block;flex-shrink:0;max-width:100%;overflow-x:auto;padding:14px;position:relative}.userContent .codeBlock,.UserContent .codeBlock,.userContent code,.UserContent code{background-color:rgba(0,0,0,0);color:inherit;display:inline;padding:0}.userContent p .codeBlock,.UserContent p .codeBlock,.userContent p code,.UserContent p code{background-color:#1d202e;display:inline;padding:.2em .4em;white-space:normal}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */.Footer{background:#000;color:#fff;font-size:14px;line-height:1.5;padding:18px 0}.Footer a{color:#a3a3a3}.Footer a:hover{color:#ffd478}.Footer .row{-ms-flex-align:center;-ms-flex-pack:justify;-ms-flex-wrap:wrap;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;margin:-3px}.Footer .col{padding:0 3px}@media screen and (max-width:768px){.Footer .col{margin:6px 0;text-align:center;width:100%}.Footer .col:first-child{margin-top:0}.Footer .col:last-child{margin-bottom:0}}.Footer .col-copyRight{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.Footer .col-logo{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.Footer .col-copyRight,.Footer .col-logo{-ms-flex:1;-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1}@media screen and (max-width:768px){.Footer .col-copyRight,.Footer .col-logo{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}}.Vanilla-logo{height:28px;opacity:.6;width:120px}@media screen and (max-width:768px){.Vanilla-logo{margin:0 auto}}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */.Header{-webkit-box-shadow:none;background-color:#000;border-bottom:0;box-shadow:none;color:#fff}.Header .row{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:48px}.Header .Hamburger,.Header .mobileMeBox-button{display:none}@media screen and (max-width:768px){.Header .Hamburger,.Header .mobileMeBox-button{display:-webkit-box;display:-ms-flexbox;display:flex}}.Header .MeButton{background-color:rgba(0,0,0,0);color:#fff}.Header .MeButton:active,.Header .MeButton:focus,.Header .MeButton:hover{background-color:#424242;color:#fff}.Header .MeButton:active .Alert,.Header .MeButton:focus .Alert,.Header .MeButton:hover .Alert{background-color:#424242;border-color:#424242;color:#fff}.Header .ToggleFlyout.Open .MeButton{background-color:#424242}.Header .WhoIs>.Username{color:#fff}.Header .SignInLinks a{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:rgba(0,0,0,0);border:1px solid #fff;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){.Header .SignInLinks a{max-width:100%}}.Header .SignInLinks a:active,.Header .SignInLinks a:focus,.Header .SignInLinks a:hover{background:#424242;border-color:#fff;color:#fff}.Header-logo{-ms-flex-align:center;-ms-flex-preferred-size:30px;-webkit-box-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;flex-basis:40px;padding:3px 0}.Header-logo:active,.Header-logo:focus,.Header-logo:hover{color:#fff}.Header-logo img{height:auto;max-height:28px;width:auto}@media screen and (max-width:768px){.Header-logo{-ms-flex-preferred-size:initial;display:none;flex-basis:auto}}.Header-desktopNav{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:768px){.Header-desktopNav{display:none}}.Header-desktopNav .Navigation-linkContainer a{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;border-radius:3px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;height:36px;justify-content:center;margin:0 6px;padding:0 6px}.Header-desktopNav .Navigation-linkContainer a:active,.Header-desktopNav .Navigation-linkContainer a:focus,.Header-desktopNav .Navigation-linkContainer a:hover{background:#424242;color:#fff}.Header-desktopNav .Navigation-linkContainer:after{display:none}@media screen and (max-width:768px){.Header-desktopCommunityChooser.Header-desktopCommunityChooser{display:none}}.Header-flexSpacer{-ms-flex:1;-webkit-box-flex:1;flex:1}@media screen and (max-width:768px){.Header-flexSpacer{display:none}}.Header-logo.mobile{display:none}@media screen and (max-width:768px){.Header-logo.mobile{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}}.Header-right{-ms-flex-align:center;-ms-flex-item-align:stretch;-webkit-box-align:center;align-items:center;align-self:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.Header-logo img{max-height:unset}}@media screen and (max-width:768px){.Header.hasOpenNavigation{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom-width:0}}.mobileMebox,.Navigation{-o-transition:height .3s ease;-webkit-transition:height .3s ease;display:none;overflow:hidden;position:relative;transition:height .3s ease;width:100%;will-change:height}@media screen and (max-width:768px){.mobileMebox,.Navigation{display:block}}.mobileMebox.needsInitialization,.Navigation.needsInitialization{left:-100%;position:fixed;top:-100%;visibility:hidden}.Navigation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.3);background:#424242;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:0 5px 10px 0 rgba(0,0,0,.3);color:#fff}@media screen and (max-width:768px){.Navigation .Container{padding:0 0 6px}}.Navigation .BoxButtons .Button:not(.Handle){-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:#49648b;border:1px solid #49648b;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease;width:100%}@media screen and (max-width:768px){.Navigation .BoxButtons .Button:not(.Handle){max-width:100%}}.Navigation .BoxButtons .Button:not(.Handle):active,.Navigation .BoxButtons .Button:not(.Handle):focus,.Navigation .BoxButtons .Button:not(.Handle):hover{background:#5777a6;border-color:#5777a6;color:#fff}.Navigation .ButtonGroup.Multi:active .Button.Handle,.Navigation .ButtonGroup.Multi:active.Open .Button.Handle,.Navigation .ButtonGroup.Multi:focus .Button.Handle,.Navigation .ButtonGroup.Multi:focus.Open .Button.Handle,.Navigation .ButtonGroup.Multi:hover .Button.Handle,.Navigation .ButtonGroup.Multi:hover.Open .Button.Handle{background-color:#5777a6;border-color:#5777a6;color:#fff}.Navigation .ButtonGroup.Multi .Button.Handle,.Navigation .ButtonGroup.Multi.Open .Button.Handle{background-color:#49648b;border-color:#49648b;color:#fff}.Navigation .ButtonGroup.Multi .Button.Handle:active,.Navigation .ButtonGroup.Multi .Button.Handle:focus,.Navigation .ButtonGroup.Multi .Button.Handle:hover,.Navigation .ButtonGroup.Multi.Open .Button.Handle:active,.Navigation .ButtonGroup.Multi.Open .Button.Handle:focus,.Navigation .ButtonGroup.Multi.Open .Button.Handle:hover{background:rgba(73,100,139,.05);border-color:#49648b;color:#fff}.Navigation .NewDiscussion.mobile{width:100%}.Navigation .MeBox-SignIn{-ms-flex-wrap:wrap;flex-wrap:wrap}.Navigation .SignInIcons.SignInIcons{display:block;margin-left:0;margin-top:12px;text-align:center;width:100%}.Navigation .SocialIcon{margin:0 3px}.Navigation .MeBox.mobile,.Navigation .MeBox.mobile .MeBox{width:100%}.Navigation .MeBox.mobile .MeBox>.PhotoWrap.PhotoWrap{-ms-flex-pack:start;-webkit-box-pack:start;-webkit-box-shadow:none;border-radius:0;box-shadow:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:42px;justify-content:flex-start;margin-right:0;width:25%}.Navigation .MeBox.mobile .MeBox>.PhotoWrap.PhotoWrap img{border-radius:6px;border-radius:50%;overflow:hidden;width:32px}.Navigation .MeBox.mobile .MeBox .WhoIs>.Username,.Navigation .MeBox.mobile .MeBox>.PhotoWrap{display:none}.Navigation .MeBox.mobile .MeBox .WhoIs{width:100%}.Navigation .MeBox.mobile .MeBox .MeMenu{-ms-flex-pack:justify;-webkit-box-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:0}.Navigation .SignInLinks.SignInLinks{text-align:center;width:100%}.Navigation .SignInLinks.SignInLinks a{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:#49648b;border:1px solid #49648b;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){.Navigation .SignInLinks.SignInLinks a{max-width:100%}}.Navigation .SignInLinks.SignInLinks a:active,.Navigation .SignInLinks.SignInLinks a:focus,.Navigation .SignInLinks.SignInLinks a:hover{background:#5777a6;border-color:#5777a6;color:#fff}.Navigation .SignInLinks.SignInLinks .Bullet{font-size:0;width:20px}.Navigation .SignIn.mobile{width:100%}.Navigation-row{display:-webkit-box;display:-ms-flexbox;display:flex;padding:18px}.Navigation-link,.Navigation-row{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.Navigation-link{color:#fff;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;font-weight:400;min-height:32px;padding:0 18px;width:100%}.Navigation-link:focus,.Navigation-link:hover{color:#fff}.Navigation-linkContainer{-ms-flex-align:center;-ms-flex-direction:column;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;padding:0;position:relative}.Navigation-linkContainer a{margin:0}.Navigation-linkContainer a:hover{background:none}.Navigation-linkContainer:after{background:#1c1e26;content:"";display:block;height:1px;margin:6px 0;width:100%}.Navigation-linkContainer:last-child:after{content:none}.UserLoggedOut .Navigation-row.NewDiscussion{display:none}.mobileMeBox-button,.mobileMebox-buttonClose{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:rgba(0,0,0,0);border-width:0;cursor:pointer;outline:none;user-select:none}.mobileMeBox-button,.mobileMebox-buttonClose{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:0}.mobileMebox-buttonClose{border-radius:3px;color:#fff;font-size:20px;height:32px;line-height:32px;margin-left:auto;opacity:.6;width:32px}.mobileMebox-buttonClose span{font-size:inherit}.mobileMeBox-button{-moz-user-select:none;-ms-user-select:none;-o-transition:.35s;-webkit-transition:.35s;-webkit-user-select:none;height:28px;right:12px;transition:.35s;user-select:none;width:28px}@media screen and (max-width:768px){.mobileMeBox-button{position:absolute}}.mobileMeBox-button .PhotoWrap{height:28px;width:28px}.mobileMeBox-button .PhotoWrap:hover a.ChangePicture{display:none}.mobileMebox{background-color:#424242}.mobileMebox .Container{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mobileMebox .MeBox{display:block;padding:6px 0;width:80%}.mobileMebox .MeMenu{-ms-flex-pack:justify;-webkit-box-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;width:100%}.mobileMebox .MeButton-user:before{-webkit-font-smoothing:antialiased;color:inherit;content:"";display:inline-block;font-family:kbicons;font-size:26px;font-style:normal;font-variant:normal;font-weight:400;line-height:inherit;min-width:1em;text-align:center;text-decoration:inherit;text-transform:none}.mobileMebox .MeButton-user .ProfilePhoto{display:none}.mobileMebox .Open .MeButton-user:before{content:""}.mobileMebox .MeButton:active,.mobileMebox .MeButton:focus,.mobileMebox .MeButton:hover{background-color:rgba(0,0,0,0)}.mobileMebox .MeButton .Alert{background-color:#49648b;border-color:#49648b;color:#fff}@media screen and (max-width:768px){.mobileMebox .MeButton .Alert{top:-6px}}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */.Panel-main{line-height:1.25}@media screen and (max-width:992px){.Panel-main .BoxCategories,.Panel-main .SearchBox{display:none}.Panel-main .BoxNewDiscussion.BoxNewDiscussion{margin:18px 0}.Panel-main .BigButton,.Panel-main .ButtonGroup.Multi{margin-left:auto;margin-right:auto}}@media screen and (max-width:992px) and (max-width:500px){.Panel-main .BigButton,.Panel-main .ButtonGroup.Multi{max-width:100%}}@media screen and (max-width:992px){.Panel-main .Box h4{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:700;justify-content:space-between}}.Panel-main .ApplyButton,.Panel-main .Button.Primary,.Panel-main .SocialIcon{-ms-flex-pack:center;-webkit-box-pack:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}.Panel-main .TagCloud{background:rgba(0,0,0,0)}.Panel-main .TagCloud li{background:rgba(0,0,0,0);margin:0;padding:0}.Panel-header{display:none}.Panel{background:rgba(0,0,0,0);border:none;border-radius:0;margin-left:auto;padding:0;width:220px}@media screen and (max-width:992px){.Panel{width:100%}}.Panel h4{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;justify-content:space-between;margin-bottom:0;padding:5px}.Panel h4 .Count{margin-bottom:-3px;margin-right:6px}.Panel .PanelInfo li{padding:0}.Panel .vanilla-connect a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.Panel .vanilla-connect .Button+.Button{margin-top:3px}.Panel .BoxButtons .Button:not(.Handle){padding:0;width:100%}.Panel .BoxButtons{margin:0 0 18px}.Panel .PhotoWrap{height:24px;width:24px}.Panel .PhotoWrapLarge{border-radius:0;height:220px;overflow:hidden;position:relative;width:220px}.Panel .PhotoWrapLarge img{left:0;margin:auto;min-height:50%;min-width:50%;position:absolute;right:0;top:0}.Panel .PhotoWrapLarge:hover a.ChangePicture{display:block;z-index:1}.Panel .PanelInThisDiscussion a{-o-transition:color ease-out .35s,background-color ease-out .35s;-webkit-transition:color .35s ease-out,background-color .35s ease-out;background-color:rgba(0,0,0,0);border:none;border-radius:6px;color:#fff;display:block;padding:5px;transition:color .35s ease-out,background-color .35s ease-out;width:100%}.Panel .PanelInThisDiscussion a:active,.Panel .PanelInThisDiscussion a:focus,.Panel .PanelInThisDiscussion a:hover{background-color:rgba(0,0,0,0);border-color:none;color:#ffd478}.Panel .InThisConversation li:not(.Heading)+li:not(.Heading),.Panel .Leaderboard li:not(.Heading)+li:not(.Heading){margin-top:0}.Panel .InThisConversation li:not(.Heading)+li:not(.Heading) a,.Panel .Leaderboard li:not(.Heading)+li:not(.Heading) a{margin-top:-1px}.Panel .InThisConversation a,.Panel .Leaderboard a{-o-transition:color ease-out .35s,background-color ease-out .35s;-webkit-transition:color .35s ease-out,background-color .35s ease-out;background-color:rgba(0,0,0,0);border:none;border-radius:6px;color:#fff;padding:5px;transition:color .35s ease-out,background-color .35s ease-out;width:100%}.Panel .InThisConversation a:active,.Panel .InThisConversation a:focus,.Panel .InThisConversation a:hover,.Panel .Leaderboard a:active,.Panel .Leaderboard a:focus,.Panel .Leaderboard a:hover{background-color:rgba(0,0,0,0);border-color:none;color:#a3a3a3}.Panel .InThisConversation .ProfilePhoto.ProfilePhoto,.Panel .Leaderboard .ProfilePhoto.ProfilePhoto{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.2);align-items:center;border-radius:6px;border-radius:50%;box-shadow:inset 0 0 1px rgba(0,0,0,.2);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:42px;height:38px;justify-content:center;overflow:hidden;padding:0;width:42px;width:38px}.Panel .InThisConversation .ProfilePhoto.ProfilePhoto img,.Panel .Leaderboard .ProfilePhoto.ProfilePhoto img{height:auto;margin:0;width:100%}.Panel .InThisConversation .ProfilePhoto.ProfilePhoto.NoPhoto,.Panel .Leaderboard .ProfilePhoto.ProfilePhoto.NoPhoto{display:none}.Panel .InThisConversation .Username,.Panel .Leaderboard .Username{-o-text-overflow:ellipsis;display:block;display:inline-block;line-height:38px;margin-left:10px;max-width:100%;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Panel .InThisConversation .Username:active,.Panel .InThisConversation .Username:focus,.Panel .InThisConversation .Username:hover,.Panel .Leaderboard .Username:active,.Panel .Leaderboard .Username:focus,.Panel .Leaderboard .Username:hover{color:#ffd478}.Panel .InThisConversation .Conversation-User,.Panel .Leaderboard .Conversation-User{display:-webkit-box;display:-ms-flexbox;display:flex}.Box li,.Box li:first-child{border:none}.BoxCategories.BoxCategories .PanelCategories li,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li,body.Section-EditProfile .Box .PanelCategories li{padding:0}.BoxCategories.BoxCategories .PanelCategories li.Depth2,.BoxCategories.BoxCategories .PanelCategories li.Depth3,.BoxCategories.BoxCategories .PanelCategories li.Depth4,.BoxCategories.BoxCategories .PanelCategories li.Depth5,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth2,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth3,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth4,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth5,body.Section-EditProfile .Box .PanelCategories li.Depth2,body.Section-EditProfile .Box .PanelCategories li.Depth3,body.Section-EditProfile .Box .PanelCategories li.Depth4,body.Section-EditProfile .Box .PanelCategories li.Depth5{position:relative}.BoxCategories.BoxCategories .PanelCategories li.Depth2 a,.BoxCategories.BoxCategories .PanelCategories li.Depth3 a,.BoxCategories.BoxCategories .PanelCategories li.Depth4 a,.BoxCategories.BoxCategories .PanelCategories li.Depth5 a,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth2 a,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth3 a,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth4 a,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth5 a,body.Section-EditProfile .Box .PanelCategories li.Depth2 a,body.Section-EditProfile .Box .PanelCategories li.Depth3 a,body.Section-EditProfile .Box .PanelCategories li.Depth4 a,body.Section-EditProfile .Box .PanelCategories li.Depth5 a{padding-left:24px}.BoxCategories.BoxCategories .PanelCategories li.Depth2:before,.BoxCategories.BoxCategories .PanelCategories li.Depth3:before,.BoxCategories.BoxCategories .PanelCategories li.Depth4:before,.BoxCategories.BoxCategories .PanelCategories li.Depth5:before,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth2:before,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth3:before,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth4:before,.BoxFilter:not(.BoxBestOfFilter) .PanelCategories li.Depth5:before,body.Section-EditProfile .Box .PanelCategories li.Depth2:before,body.Section-EditProfile .Box .PanelCategories li.Depth3:before,body.Section-EditProfile .Box .PanelCategories li.Depth4:before,body.Section-EditProfile .Box .PanelCategories li.Depth5:before{-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";display:block;height:6px;left:7px;position:absolute;top:50%;transform:translateY(-50%);width:6px;z-index:1}.BoxCategories.BoxCategories li,.BoxFilter:not(.BoxBestOfFilter) li,body.Section-EditProfile .Box li{border-radius:20px}.BoxCategories.BoxCategories li:not(.Heading)+li:not(.Heading),.BoxFilter:not(.BoxBestOfFilter) li:not(.Heading)+li:not(.Heading),body.Section-EditProfile .Box li:not(.Heading)+li:not(.Heading){margin-top:0}.BoxCategories.BoxCategories li.Heading,.BoxFilter:not(.BoxBestOfFilter) li.Heading,body.Section-EditProfile .Box li.Heading{-ms-flex-align:center;-webkit-box-align:center;align-items:center;border:none;border-radius:6px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:600;padding:5px}.BoxCategories.BoxCategories li.Heading .Aside,.BoxFilter:not(.BoxBestOfFilter) li.Heading .Aside,body.Section-EditProfile .Box li.Heading .Aside{-ms-flex-order:2;-webkit-box-ordinal-group:3;margin-left:auto;order:2}.BoxCategories.BoxCategories a,.BoxFilter:not(.BoxBestOfFilter) a,body.Section-EditProfile .Box a{-ms-flex-align:center;-o-transition:color ease-out .35s,background-color ease-out .35s;-webkit-box-align:center;-webkit-transition:color .35s ease-out,background-color .35s ease-out;align-items:center;background-color:rgba(0,0,0,0);border:none;border-radius:6px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px;transition:color .35s ease-out,background-color .35s ease-out;width:100%}.BoxCategories.BoxCategories a:active,.BoxCategories.BoxCategories a:focus,.BoxCategories.BoxCategories a:hover,.BoxFilter:not(.BoxBestOfFilter) a:active,.BoxFilter:not(.BoxBestOfFilter) a:focus,.BoxFilter:not(.BoxBestOfFilter) a:hover,body.Section-EditProfile .Box a:active,body.Section-EditProfile .Box a:focus,body.Section-EditProfile .Box a:hover{background-color:rgba(0,0,0,0);border-color:none;color:#ffd478}.BoxCategories.BoxCategories li:not(.Heading)+li:not(.Heading) a,.BoxFilter:not(.BoxBestOfFilter) li:not(.Heading)+li:not(.Heading) a,body.Section-EditProfile .Box li:not(.Heading)+li:not(.Heading) a{margin-top:-1px}.BoxCategories.BoxCategories.BadgeGrid a,.BoxFilter:not(.BoxBestOfFilter).BadgeGrid a,body.Section-EditProfile .Box.BadgeGrid a{border-radius:0;padding:0;width:auto}.BoxCategories.BoxCategories .Active a,.BoxFilter:not(.BoxBestOfFilter) .Active a,body.Section-EditProfile .Box .Active a{font-weight:600}.WhosOnline.Box .PhotoWrap.PhotoWrap{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.2);align-items:center;border-radius:6px;border-radius:50%;box-shadow:inset 0 0 1px rgba(0,0,0,.2);display:inline-block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:42px;height:38px;justify-content:center;margin:0 2px 2px;min-height:0;overflow:hidden;padding:0;width:42px;width:38px}.WhosOnline.Box .PhotoWrap.PhotoWrap img{height:auto;margin:0;width:100%}.WhosOnline.Box .PhotoWrap.PhotoWrap.NoPhoto{display:none}.PhotoGrid{margin:0 -2px;width:calc(100% + 4px)}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */.Section-ActivityList .SearchBox{display:none}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */body.Badges .Cell{padding:0}body.Badges .CellWrap{margin-top:12px}body.Badges .Content h1{display:block}body.Badges .Content h2{border-bottom:1px solid #424242;margin-top:50px}body.Badges .Content .Badge-Details{margin-bottom:50px}body.Badges .Content .Badge-Earned .PhotoWrap{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.2);align-items:center;border-radius:6px;border-radius:50%;box-shadow:inset 0 0 1px rgba(0,0,0,.2);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:42px;height:38px;justify-content:center;margin-right:12px;overflow:hidden;padding:0;width:42px;width:38px}body.Badges .Content .Badge-Earned .PhotoWrap img{height:auto;margin:0;width:100%}body.Badges .Content .Badge-Earned .PhotoWrap.NoPhoto{display:none}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */body.Section-BestOf .Frame-content>.Container{max-width:800px}body.Section-BestOf .Frame-content .Content{width:100%}body.Section-BestOf .Frame-content .Panel,body.Section-BestOf .SearchBox{display:none}body.Section-BestOf .Frame-content>.Container{max-width:1236px}body.Section-BestOf .FilterMenu{-ms-flex-align:center;-ms-flex-wrap:wrap;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin:18px -3px;width:calc(100% + 6px)}body.Section-BestOf .FilterMenu>li{margin:0 3px 6px}body.Section-BestOf .FilterMenu a{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:hsla(0,0%,100%,.08);border:1px solid #fff;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){body.Section-BestOf .FilterMenu a{max-width:100%}}body.Section-BestOf .FilterMenu a:active,body.Section-BestOf .FilterMenu a:focus,body.Section-BestOf .FilterMenu a:hover{background:hsla(0,0%,100%,.08);border-color:#ffd478;color:#ffd478}body.Section-BestOf .FilterMenu .ReactSprite{height:inherit;line-height:34px}body.Section-BestOf .FilterMenu .BestOfEverything .ReactSprite{display:none}body.Section-BestOf .FilterMenu li.Active a{background-color:hsla(0,0%,100%,.08);border-color:#ffd478;color:#ffd478}body.Section-BestOf .Frame-details{padding-bottom:6px}body.Section-BestOf .MainContent{margin:0;min-height:150px;width:100%}body.Section-BestOf .DismissMessage{margin-bottom:24px;margin-left:0;margin-right:0}body.Section-BestOf .Tiles{margin:0 -6px;position:relative;width:calc(100% + 6px)}body.Section-BestOf .Tiles:after{clear:both;content:"";display:table}@media screen and (max-width:768px){body.Section-BestOf .Tiles{margin:0;width:100%}body.Section-BestOf .Tiles .Tile:first-child{margin-top:0}}body.Section-BestOf .Tile{background:#000;border-radius:6px;display:block;margin:0 6px 12px;padding:14px;position:relative;width:calc(33.33333% - 12px)}@media screen and (max-width:992px){body.Section-BestOf .Tile{width:calc(50% - 12px)}}body.Section-BestOf .Tile .AuthorWrap{background-color:rgba(0,0,0,0);border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin-bottom:-14px;margin-left:-14px;margin-right:-14px;min-height:70px;padding:14px}body.Section-BestOf .Tile .Title,body.Section-BestOf .Tile .Title a{background:none;color:#fff;display:block;font-size:16px;font-weight:600;line-height:21px;margin-bottom:6px}body.Section-BestOf .Tile .Title:focus,body.Section-BestOf .Tile .Title:hover,body.Section-BestOf .Tile .Title a:focus,body.Section-BestOf .Tile .Title a:hover{color:#ffd478}body.Section-BestOf .Tile .Title a,body.Section-BestOf .Tile .Title a a{color:inherit;display:inline;font-size:inherit;font-weight:inherit}body.Section-BestOf .Tile .Title a:focus,body.Section-BestOf .Tile .Title a:hover,body.Section-BestOf .Tile .Title a a:focus,body.Section-BestOf .Tile .Title a a:hover{color:inherit}body.Section-BestOf .Tile .Message{display:block;line-height:20px;margin:0 0 6px;max-height:400px;overflow:hidden;position:relative}body.Section-BestOf .Tile .Reactions{padding-left:48px}@media screen and (max-width:768px){body.Section-BestOf .Tile .Reactions{margin-left:-6px;padding-left:0}}body.Section-BestOf .Tile .ReactSprite{margin-right:0}body.Section-BestOf .Item .Item-BodyWrap,body.Section-BestOf .Item .Item-Header,body.Section-BestOf .Tile .Item-BodyWrap,body.Section-BestOf .Tile .Item-Header{margin-bottom:6px}body.Section-BestOf .Item .Author,body.Section-BestOf .Item .Meta,body.Section-BestOf .Tile .Author,body.Section-BestOf .Tile .Meta{line-height:1.5}body.Section-BestOf .Item .Author,body.Section-BestOf .Tile .Author{display:block}body.Section-BestOf .Item .Author a,body.Section-BestOf .Tile .Author a{color:#e2e3e5;font-size:12px;font-weight:400;line-height:inherit}body.Section-BestOf .Item .Author a:active,body.Section-BestOf .Item .Author a:focus,body.Section-BestOf .Item .Author a:hover,body.Section-BestOf .Tile .Author a:active,body.Section-BestOf .Tile .Author a:focus,body.Section-BestOf .Tile .Author a:hover{color:#ffd478}body.Section-BestOf .Item .Author a:not(.PhotoWrap),body.Section-BestOf .Tile .Author a:not(.PhotoWrap){margin-left:12px}body.Section-BestOf .Item .PhotoWrap,body.Section-BestOf .Tile .PhotoWrap{margin:0}body.Section-BestOf .Item .ProfilePhoto.ProfilePhoto,body.Section-BestOf .Tile .ProfilePhoto.ProfilePhoto{height:auto;width:100%}body.Section-BestOf .Item .ReactButton,body.Section-BestOf .Tile .ReactButton{margin:0 6px}@media screen and (max-width:768px){body.Section-BestOf .Item .ReactButton,body.Section-BestOf .Tile .ReactButton{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center;min-height:42px;min-width:42px}body.Section-BestOf .Item .ReactButton .ReactSprite:before,body.Section-BestOf .Tile .ReactButton .ReactSprite:before{font-size:20px}}body.Section-BestOf .Item .Meta{padding-left:54px}@media screen and (max-width:768px){body.Section-BestOf .Item .Meta{margin-top:0}}body.Section-BestOf.UserLoggedOut .Author{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}body.Section-BestOf.UserLoggedOut .Author .PhotoWrap{margin:0 3px 0 0}@media screen and (max-width:768px){body.Section-BestOf .ImageWrap{width:100%}body.Section-BestOf .Tile{margin:12px 0}}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */body.Drafts .Content .BoxDiscussionFilter{display:none}body.Drafts .Content .Item.Draft{position:relative}body.Drafts .Content .Item.Draft .DraftLink:before{bottom:0;content:"";left:0;position:absolute;right:40px;top:0}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */body.Section-Entry .Frame-content>.Container{max-width:800px}body.Section-Entry .Frame-content .Content{width:100%}body.Section-Entry .Frame-content .Panel,body.Section-Entry .SearchBox{display:none}body.Section-Entry .Methods b{display:inline-block;margin:10px 0 3px}body.Section-Entry .ForgotPassword{margin-left:6px}body.Section-Entry .CreateAccount a,body.Section-Entry .ForgotPassword{color:#a3a3a3}body.Section-Entry .CreateAccount a:focus,body.Section-Entry .CreateAccount a:hover,body.Section-Entry .ForgotPassword:focus,body.Section-Entry .ForgotPassword:hover{color:#ffd478;text-decoration:underline}body.Section-Entry label.CheckBoxLabel,body.Section-Entry label.RadioLabel{font-size:14px!important}body.Section-Entry label.CheckBoxLabel a,body.Section-Entry label.RadioLabel a{color:#a3a3a3;font-size:inherit}body.Section-Entry label.CheckBoxLabel a:focus,body.Section-Entry label.CheckBoxLabel a:hover,body.Section-Entry label.RadioLabel a:focus,body.Section-Entry label.RadioLabel a:hover{color:#ffd478;text-decoration:underline}body.Section-Entry .Legal br{display:none}@media screen and (max-width:768px){body.Section-Entry .g-recaptcha{-ms-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8)}body.Section-Entry .MainForm,body.Section-Entry .Methods{display:block;margin-bottom:0;padding:0;width:100%}body.Section-Entry .Methods a{color:#a3a3a3}body.Section-Entry .Methods a:active,body.Section-Entry .Methods a:focus,body.Section-Entry .Methods a:hover{color:#ffd478}body.Section-Entry .MainForm .InputBox{max-width:100%}body.Section-Entry .Methods{margin-left:0}}.SignInPopup .input.Password{width:100%}.MultipleEntryMethods .Methods{float:left;margin-left:0;padding:0}@media screen and (max-width:768px){.MultipleEntryMethods .Methods{float:none}.MultipleEntryMethods .Methods b{display:inline-block;margin:18px 0 0}}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */.Section-Group .Excerpt+.HasNew{margin-left:3px}.Section-Group .H{display:block;float:none;font-size:32px;text-align:center;width:100%}@media screen and (max-width:768px){.Section-Group .H{text-align:left}}.Section-Group .PageControls.PageControls .BoxNewDiscussion{margin-right:0}@media screen and (max-width:768px){.Section-Group .BoCloseButtons,.Section-Group .Button-Controls{display:block;width:100%}}@media screen and (max-width:768px){.Section-Group .Button-Controls .ButtonGroup.Multi{padding:0}.Section-Group .Button-Controls .ButtonGroup.Multi .Primary:first-child{width:100%}}@media screen and (max-width:768px){.Section-Group .Button-Controls .Button:not(.Handle),.Section-Group .Button-Controls .ButtonGroup,.Section-Group .Button-Controls .NewEventButton{margin:0;text-align:center;width:100%}}@media screen and (max-width:768px){.Section-Group .BoxButtons{display:block;width:100%}}.Section-Group.Section-Discussion .H{text-align:left}.Section-Group.Section-Discussion .Group-Header{display:none}.Section-Group.NoPanel .Frame-content>.Container,.Section-GroupList .Frame-content>.Container{max-width:1236px}.Section-Group.NoPanel .MainContent,.Section-GroupList .MainContent{width:100%}.Section-GroupList .groupToolbar{-ms-flex-pack:end;-webkit-box-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end}@media screen and (max-width:768px){.Section-GroupList .groupToolbar-newGroup{text-align:center;width:100%}}.Section-GroupList .MainContent h1{display:none}.Section-GroupList .MainContent .Groups.H,.Section-GroupList .MainContent .H{display:block;float:none;font-size:32px;margin-bottom:14px;text-align:center}.Section-GroupList .MainContent>.Button.Primary{float:right}@media screen and (max-width:768px){.Section-GroupList .MainContent>.Button.Primary{text-align:center;width:100%}}.Section-GroupList .Panel,.Section-GroupList .UserLink{display:none}.Section-GroupList .Item-Icon{margin:0 0 12px}.Section-GroupList .DataList .Item .GroupDescription,.Section-GroupList .DataList .Item .Title{margin:0}.Section-GroupList .DataList .Item .ItemContent.ItemContent{padding-left:0}.Section-GroupList .DataList .Item .Options{-ms-flex-direction:row;-webkit-box-direction:normal;-webkit-box-orient:horizontal;flex-direction:row}.Section-GroupList .DataList .Item .Options .Buttons{margin-left:3px}@media screen and (max-width:768px){.Section-GroupList .DataList .Item{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column}.Section-GroupList .DataList .Item>.PhotoWrap{display:none}.Section-GroupList .DataList .Item .Options{-ms-flex-order:2;-ms-flex-pack:end;-webkit-box-ordinal-group:3;-webkit-box-pack:end;justify-content:flex-end;margin-top:12px;order:2}.Section-GroupList .DataList .Item .Excerpt{margin-top:12px}.Section-GroupList .DataList .Item .Title{padding-right:20px}}.Group-Box{clear:both}.Button.GroupOptionsTitle,.Button.GroupOptionsTitle:active,.Button.GroupOptionsTitle:focus,.ButtonGroup.Open .Button.GroupOptionsTitle{background-color:rgba(0,0,0,0);border:none;color:rgba(0,0,0,0);max-width:20px;padding:0}.Button.GroupOptionsTitle .SpDropdownHandle,.Button.GroupOptionsTitle:active .SpDropdownHandle,.Button.GroupOptionsTitle:focus .SpDropdownHandle,.ButtonGroup.Open .Button.GroupOptionsTitle .SpDropdownHandle{display:none}.Button.GroupOptionsTitle:active:before,.Button.GroupOptionsTitle:before,.Button.GroupOptionsTitle:focus:before,.ButtonGroup.Open .Button.GroupOptionsTitle:before{-webkit-font-smoothing:antialiased;color:inherit;color:#fff;content:"";display:inline-block;font-family:vanillicon;font-size:20px;font-style:normal;font-variant:normal;font-weight:400;line-height:inherit;line-height:20px;min-width:1em;text-align:center;text-decoration:inherit;text-transform:none}.Group-Header{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;position:relative}.Group-Header .Group-Buttons,.Group-Header .OptionsMenu{display:inline-block;float:none}.Group-Banner{-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.4);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 3px 1px rgba(0,0,0,.4);height:230px;margin-bottom:18px}@media screen and (max-width:992px){.Group-Banner{height:180px}}.Button-Controls.Button-Controls{-ms-flex-order:2;-ms-flex-pack:end;-webkit-box-ordinal-group:3;-webkit-box-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;margin-right:0;order:2}@media screen and (max-width:768px){.Button-Controls.Button-Controls{-ms-flex-wrap:wrap;flex-wrap:wrap}.Button-Controls.Button-Controls .Button+.Button{margin-top:18px}}.Button-Controls.Button-Controls .Button:nth-child(2){background-color:rgba(0,0,0,0);border-color:#ffd478;color:#ffd478;margin-left:3px}.Button-Controls.Button-Controls .Button:nth-child(2):focus,.Button-Controls.Button-Controls .Button:nth-child(2):hover{background-color:#ffd478;border-color:#ffd478;color:#fff}@media screen and (max-width:768px){.Button-Controls.Button-Controls .Button:nth-child(2){margin-left:0}}.GroupOptions{position:absolute;right:0;top:248px}@media screen and (max-width:992px){.GroupOptions{top:198px}}.Group-Icon-Big-Wrap{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);background-color:#fff;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.2);height:140px;margin:-68px 18px 18px;position:absolute;top:230px;width:140px}.Group-Icon-Big-Wrap .Group-Icon-Big{border:3px solid #fff;border-radius:inherit;height:100%;width:100%}@media screen and (max-width:768px){.Group-Icon-Big-Wrap{display:none}}.Group-Title{font-size:18px;margin:0 0 12px;padding-right:20px}.Group-Title a{font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:16px;font-size:inherit;font-weight:700;line-height:1.5;text-shadow:none}.Group-Title a:focus,.Group-Title a:hover{color:#ffd478}.Group-Description{margin-bottom:18px}@media screen and (max-width:768px){.Group-Description{display:none}}.Group-Header-Info{padding-left:176px}@media screen and (max-width:768px){.Group-Header-Info{margin-bottom:18px;padding-left:0}}body.noGroupIcon .Group-Header-Info{padding-left:0}.Group-Meta.Group-Meta{font-size:12px;margin:0 -3px}.Group-Meta.Group-Meta a{color:#e2e3e5;font-size:inherit}.Group-Meta.Group-Meta a:focus,.Group-Meta.Group-Meta a:hover{color:#ffd478;text-decoration:underline}.Group-Meta.Group-Meta .MItem{margin:0 3px}.Group-Meta.Group-Meta .MItem:nth-child(-n+2) .label{font-weight:700}.Group-Content{display:inline-block;width:100%}.Group-Box .MItem{line-height:1.5;white-space:normal}.Group-Box .MItem.Hidden{display:none}.Group-Box .MItem a{-o-text-overflow:ellipsis;display:block;display:inline-block;max-width:100%;max-width:300px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.Group-Header.Group-Header.Group-Header.NoBanner{margin-bottom:18px}.Group-Header.NoBanner{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:140px}.Group-Header.NoBanner .Group,.Group-Header.NoBanner .Group-Title{padding-top:0}.Group-Header.NoBanner .Group-Header-Info{padding-left:158px}@media screen and (max-width:768px){.Group-Header.NoBanner .Group-Header-Info{padding-left:0}}.Group-Header.NoBanner .Group-Icon-Big-Wrap{-ms-flex:1 0 140px;-webkit-box-flex:1;flex:1 0 140px;margin:0 18px 0 0;position:absolute;z-index:1}.Group-Header.NoBanner .GroupOptions{right:0;top:0}@media screen and (max-width:768px){.Section-Members .DataList .Item{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column}.Section-Members .DataList .Item .Options{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.Section-Members .DataList .Item .PhotoWrap{left:14px;position:absolute;top:14px}.Section-Members .DataList .Item .Meta{margin-top:0}}.Section-Members .DataList .Item .Buttons{margin-right:0}.Section-Members .DataList .Item .Title{margin-bottom:0}.Section-Members .DataList .Item .Excerpt:empty{display:none}.Section-Members .DataList .Item .Meta{margin-bottom:0}.Section-Members .DataList .Item .MItem{line-height:21px}.Section-Members .Group-Box,.Section-Members .Group-Header+form{margin-bottom:18px}.Section-Members .Group-RemoveMember{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:#ffd478;border:1px solid #ffd478;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){.Section-Members .Group-RemoveMember{max-width:100%}}.Section-Members .Group-RemoveMember:active,.Section-Members .Group-RemoveMember:focus,.Section-Members .Group-RemoveMember:hover{background:#ffd478;border-color:#ffd478;color:#fff}.Group-MembersPreview .PhotoGrid{margin:0 -3px}.Group-MembersPreview .PhotoWrap.PhotoWrap.PhotoWrap{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.2);align-items:center;border-radius:6px;border-radius:50%;box-shadow:inset 0 0 1px rgba(0,0,0,.2);display:inline-block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:42px;justify-content:center;margin:0 3px;overflow:hidden;padding:0;width:42px}.Group-MembersPreview .PhotoWrap.PhotoWrap.PhotoWrap img{height:auto;margin:0;width:100%}.Group-MembersPreview .PhotoWrap.PhotoWrap.PhotoWrap.NoPhoto{display:none}.Group-MembersPreview .PhotoGridSmall img{margin:0}.Section-Event.Section-Event .AttendeeList.AttendeeList h3{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:18px}@media screen and (max-width:768px){.Section-Event.Section-Event .AttendeeList.AttendeeList h3{font-size:18px}}.Section-Event.Section-Event .FormWrapper.Attending{margin:12px 0}.Section-Event.Section-Event .MaybeAttending,.Section-Event.Section-Event .NotAttending,.Section-Event.Section-Event .YesAttending{margin-bottom:12px}.Section-Event.Section-Event .EventTime label.When,.Section-Event.Section-Event .FormTitleWrapper h2{display:none}.Section-Event.Section-Event .EventTime label{display:block}.Section-Event.Section-Event .EventTime .Timebased a{color:#a3a3a3}.Section-Event.Section-Event .Buttons{-ms-flex-pack:end;-webkit-box-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end}.Section-Event.Section-Event .Buttons .Primary{-ms-flex-order:2;-webkit-box-ordinal-group:3;margin-left:3px;order:2}.Section-Event.Section-Event .EventTitle .ButtonGroup{margin-top:0}@media screen and (max-width:768px){.Section-Event.Section-Event .FieldInfo{display:block;margin-bottom:12px;width:100%}}#Form_memberFilter{height:38px}@media screen and (max-width:768px){#Form_memberFilter{margin-bottom:3px;margin-right:0;width:100%}}.group-members-filter-box{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}@media screen and (max-width:768px){.group-members-filter-box{-ms-flex-pack:end;-ms-flex-wrap:wrap;-webkit-box-pack:end;flex-wrap:wrap;justify-content:flex-end}}.group-members-filter-box .Button{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:hsla(0,0%,100%,.08);border:1px solid #fff;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){.group-members-filter-box .Button{max-width:100%}}.group-members-filter-box .Button:active,.group-members-filter-box .Button:focus,.group-members-filter-box .Button:hover{background:hsla(0,0%,100%,.08);border-color:#ffd478;color:#ffd478}.group-members-filter-box .Button+.Button{margin-left:3px}.group-members-filter-box .Button.search{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:#ffd478;border:1px solid #ffd478;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){.group-members-filter-box .Button.search{max-width:100%}}.group-members-filter-box .Button.search:active,.group-members-filter-box .Button.search:focus,.group-members-filter-box .Button.search:hover{background:#ffd478;border-color:#ffd478;color:#fff}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */.Section-Conversation .H,.Section-ConversationList .H{margin-bottom:14px}.Section-Conversation .Conversation .PhotoWrap,.Section-Conversation .DataList.Conversations .PhotoWrap,.Section-ConversationList .Conversation .PhotoWrap,.Section-ConversationList .DataList.Conversations .PhotoWrap{left:14px;margin-right:0;position:absolute;top:14px}.Section-Conversation .Conversation .Author+a,.Section-Conversation .Conversation .Excerpt,.Section-Conversation .Conversation .Meta,.Section-Conversation .DataList.Conversations .Author+a,.Section-Conversation .DataList.Conversations .Excerpt,.Section-Conversation .DataList.Conversations .Meta,.Section-ConversationList .Conversation .Author+a,.Section-ConversationList .Conversation .Excerpt,.Section-ConversationList .Conversation .Meta,.Section-ConversationList .DataList.Conversations .Author+a,.Section-ConversationList .DataList.Conversations .Excerpt,.Section-ConversationList .DataList.Conversations .Meta{display:block;padding-left:56px}.Section-ConversationList .Frame-content>.Container{max-width:800px}.Section-ConversationList .Frame-content .Content{width:100%}.Section-Conversation .SearchBox,.Section-ConversationList .Frame-content .Panel{display:none}.Section-Conversation .Conversation-User img{border-radius:6px;border-radius:50%;overflow:hidden}.Section-Conversation .DataListWrap{margin:0}.Section-Conversation .MessageList .Message{padding-left:56px}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */body.Post .FormWrapper .AvailableTags a{display:inline-block;line-height:1.5;margin:3px 0}body.Post .FormWrapper .editor-help-text{font-size:inherit}body.Post .FormWrapper .SearchBox{display:none}body.Post .FormWrapper .Buttons{-ms-flex-align:center;-ms-flex-direction:row-reverse;-ms-flex-pack:start;-ms-flex-wrap:wrap;-webkit-box-align:center;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;-webkit-box-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-start}body.Post .FormWrapper .Buttons .Button{margin:0 0 3px 3px}body.Post .FormWrapper .SelectWrapper{width:100%}body.Post .FormWrapper .ShowTags{display:block;margin-top:3px}.Section-Post .SearchBox,body.announcement .SearchBox,body.Messages.inbox .SearchBox,body.Post .SearchBox,body.Section-PostConversation .SearchBox{display:none}body.announcement .Frame-content>.Container{max-width:800px}body.announcement .Frame-content .Content{width:100%}body.announcement .Frame-content .Panel{display:none}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */body.Section-Profile .BadgeGrid h4,body.Section-Profile .Profile h2{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:18px}@media screen and (max-width:768px){body.Section-Profile .BadgeGrid h4,body.Section-Profile .Profile h2{font-size:18px}}body.Section-Profile .Profile>.User{background-color:rgba(0,0,0,0);border:none;border-radius:0;position:relative}body.Section-Profile .Profile>.User>*+*{margin-top:18px}body.Section-Profile .User .H{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:992px){body.Section-Profile .User .H{display:none}}body.Section-Profile .Gloss,body.Section-Profile .Profile-rank{border:1px solid #ffd478;border-radius:20px;color:#ffd478;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:10px;font-weight:400;padding:3px;text-transform:uppercase}body.Section-Profile .H .Gloss{margin-left:1em;margin-top:.5em}body.Section-Profile .Gloss:empty{display:none}body.Section-Profile .MainContent>.FormTitleWrapper{padding:0}body.Section-Profile .MainContent .DismissMessage{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1;width:100%}body.Section-Profile .Profile-header{-ms-flex-align:center;-ms-flex-wrap:wrap;-webkit-box-align:center;align-items:center;display:none;flex-wrap:wrap;margin:0 0 18px;width:100%}@media screen and (max-width:992px){body.Section-Profile .Profile-header{display:-webkit-box;display:-ms-flexbox;display:flex}}body.Section-Profile .Profile-header .Profile-username{margin:0}@media screen and (max-width:768px){body.Section-Profile .Profile-header .Profile-username{font-size:16px}}@media screen and (max-width:992px){body.Section-Profile .Profile-name{text-align:center;width:100%}}@media screen and (max-width:992px){body.Section-Profile .Profile-photo{-ms-flex-pack:center;-webkit-box-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;width:100%}body.Section-Profile .Profile-photo a.ChangePicture{padding-top:20px}}body.Section-Profile .Profile-photo .WhosOnline{display:none}body.Section-Profile .Profile-photo>.PhotoLarge{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.2);align-items:center;border-radius:6px;border-radius:50%;box-shadow:inset 0 0 1px rgba(0,0,0,.2);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:145px;justify-content:center;margin-bottom:8px;overflow:hidden;padding:0;width:145px}body.Section-Profile .Profile-photo>.PhotoLarge img{height:auto;margin:0;width:100%}body.Section-Profile .Profile-photo>.PhotoLarge.NoPhoto{display:none}body.Section-Profile .Profile-photo .PhotoWrapLarge{display:block;height:145px;position:absolute;width:145px}body.Section-Profile .ProfileOptions{float:right;margin:0;z-index:1}body.Section-Profile .ProfileOptions .Dropdown{text-align:left}body.Section-Profile .ProfileOptions .MemberButtons{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:hsla(0,0%,100%,.08);border:1px solid #fff;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;margin-right:3px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){body.Section-Profile .ProfileOptions .MemberButtons{max-width:100%}}body.Section-Profile .ProfileOptions .MemberButtons:active,body.Section-Profile .ProfileOptions .MemberButtons:focus,body.Section-Profile .ProfileOptions .MemberButtons:hover{background:hsla(0,0%,100%,.08);border-color:#ffd478;color:#ffd478}@media screen and (max-width:768px){body.Section-Profile .ProfileOptions .MemberButtons{margin-right:0}}body.Section-Profile .ProfileOptions .Button-EditProfile{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:#ffd478;border:1px solid #ffd478;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){body.Section-Profile .ProfileOptions .Button-EditProfile{max-width:100%}}body.Section-Profile .ProfileOptions .Button-EditProfile:active,body.Section-Profile .ProfileOptions .Button-EditProfile:focus,body.Section-Profile .ProfileOptions .Button-EditProfile:hover{background:#ffd478;border-color:#ffd478;color:#fff}body.Section-Profile .ProfileOptions .ButtonGroup.Open .NavButton.Handle{background-color:#ffd478;border-color:#ffd478;color:#fff}body.Section-Profile .ProfileOptions .ProfileButtons-BackToProfile{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:hsla(0,0%,100%,.08);border:1px solid #fff;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){body.Section-Profile .ProfileOptions .ProfileButtons-BackToProfile{max-width:100%}}body.Section-Profile .ProfileOptions .ProfileButtons-BackToProfile:active,body.Section-Profile .ProfileOptions .ProfileButtons-BackToProfile:focus,body.Section-Profile .ProfileOptions .ProfileButtons-BackToProfile:hover{background:hsla(0,0%,100%,.08);border-color:#ffd478;color:#ffd478}@media screen and (max-width:992px){body.Section-Profile .ProfileOptions{-ms-flex-pack:end;-webkit-box-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;float:none;justify-content:flex-end;margin-left:auto;padding-right:0;padding-top:0}}@media screen and (max-width:768px){body.Section-Profile .ProfileOptions{-ms-flex-pack:center;-ms-flex-wrap:wrap;-webkit-box-pack:center;flex-wrap:wrap;justify-content:center;margin-bottom:18px;margin-left:0;width:100%}body.Section-Profile .ProfileOptions .Button-EditProfile,body.Section-Profile .ProfileOptions .ButtonGroup,body.Section-Profile .ProfileOptions .MemberButtons{width:inherit}body.Section-Profile .ProfileOptions .Button-EditProfile,body.Section-Profile .ProfileOptions .MemberButtons{text-align:center}body.Section-Profile .ProfileOptions .MemberButtons{margin-bottom:18px}}body.Section-Profile .Panel-main .PhotoWrapLarge{margin-bottom:18px}@media screen and (max-width:992px){body.Section-Profile .Panel-main>.PhotoWrap{display:none}}body.Section-Profile .Content .BoxProfileFilter,body.Section-Profile .SearchBox,body.Section-Profile .User>#Status{display:none}body.Section-Profile .User .DismissMessage{margin-top:12px}body.Section-Profile .Box li{border:none}body.Section-Profile .About.P .About,body.Section-Profile .change-picture,body.Section-Profile .FormTitleWrapper,body.Section-Profile.quotes .Frame-content form{margin-bottom:18px;padding:12px}@media screen and (max-width:768px){body.Section-Profile .About.P .About,body.Section-Profile .change-picture,body.Section-Profile .FormTitleWrapper,body.Section-Profile.quotes .Frame-content form{padding:0}}body.Section-Profile .Content .BadgeGrid .PhotoGrid,body.Section-Profile .DataCounts{-ms-flex-pack:start;-ms-flex-wrap:wrap;-webkit-box-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:-6px;width:calc(100% + 12px)}@media screen and (max-width:768px){body.Section-Profile .Content .BadgeGrid .PhotoGrid,body.Section-Profile .DataCounts{-ms-flex-pack:start;-ms-flex-wrap:wrap;-webkit-box-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:-6px;width:calc(100% + 12px)}}@media screen and (max-width:410px){body.Section-Profile .Content .BadgeGrid .PhotoGrid,body.Section-Profile .DataCounts{-ms-flex-pack:start;-ms-flex-wrap:wrap;-webkit-box-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:-6px;width:calc(100% + 12px)}}body.Section-Profile .Content .BadgeGrid a,body.Section-Profile .CountItemWrap{margin:18px 6px;width:calc(20% - 12px)}@media screen and (max-width:768px){body.Section-Profile .Content .BadgeGrid a,body.Section-Profile .CountItemWrap{margin-left:6px;margin-right:6px;width:calc(25% - 12px)}}@media screen and (max-width:410px){body.Section-Profile .Content .BadgeGrid a,body.Section-Profile .CountItemWrap{margin-left:6px;margin-right:6px;width:calc(33.33333% - 12px)}}body.Section-Profile .Content .BadgeGrid a,body.Section-Profile .CountItem{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}body.Section-Profile .CountItemWrap .TextColor{-ms-flex-align:center;-ms-flex-direction:column;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;align-items:center;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;width:100%}body.Section-Profile .CountItemWrap .CountTotal{display:block;width:100%}body.Section-Profile .CountItem{border:none;margin:0;padding:0}body.Section-Profile .About.P .About{-ms-flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-top:0}@media screen and (max-width:992px){body.Section-Profile .About.P .About{padding:0}}body.Section-Profile .About .Value{padding-left:0;width:100%}body.Section-Profile .Content .Box.BadgeGrid{margin:0}body.Section-Profile .Profile dl{padding:3px 0;width:100%}body.Section-Profile .Profile dl:after{clear:both;content:"";display:table}body.Section-Profile .Profile dd,body.Section-Profile .Profile dt{background:none;color:inherit;display:inline-block;float:left;font-size:14px;line-height:inherit;margin-bottom:3px;padding:0}body.Section-Profile .Profile dt{font-weight:700;width:25%}@media screen and (max-width:768px){body.Section-Profile .Profile dt{display:block;margin-bottom:0;width:100%}}body.Section-Profile .Profile dd{display:inline-block;padding-left:3px;width:75%}@media screen and (max-width:768px){body.Section-Profile .Profile dd{display:block;margin-bottom:12px;padding-left:0;width:100%}}@media screen and (max-width:992px){body.Section-Profile .Button-EditProfile .Hidden{display:inline}body.Section-Profile .User h1{display:none}}body.Section-EditProfile.preferences h2,body.Section-EditProfile.signature h2{border-bottom:1px solid #424242;font-size:16px;font-weight:700;margin-bottom:3px;margin-top:0}@media screen and (max-width:768px){body.Section-EditProfile.preferences h2,body.Section-EditProfile.signature h2{font-size:18px}}body.Section-EditProfile .Profile-header{display:none}@media screen and (max-width:768px){body.Section-EditProfile .ProfileButtons-BackToProfile{text-align:center;width:100%}}body.Section-EditProfile .FormTitleWrapper form{background:none!important}body.Section-EditProfile .FormTitleWrapper form li{width:100%}body.Section-EditProfile .FormTitleWrapper form li:after{clear:both;content:"";display:table}body.Section-EditProfile .FormTitleWrapper form li input{width:100%}body.Section-EditProfile .FormTitleWrapper form .CustomProfileFieldLabel,body.Section-EditProfile .FormTitleWrapper form .CustomProfileFieldValue{float:left;margin-right:18px;margin-top:12px;max-width:calc(50% - 9px)}body.Section-EditProfile .FormTitleWrapper form .CustomProfileFieldLabel:nth-child(2n),body.Section-EditProfile .FormTitleWrapper form .CustomProfileFieldValue:nth-child(2n){margin-right:0}body.Section-EditProfile .FormTitleWrapper form .CheckBoxLabel input{width:auto}body.Section-EditProfile .FormTitleWrapper form li.User-Avatar{-ms-flex-order:100;-webkit-box-ordinal-group:101;margin-right:0;order:100;width:100%}body.Section-EditProfile .FormTitleWrapper form .Button{margin-top:12px}body.Section-EditProfile .box-cropped-image{margin-bottom:18px}body.Section-EditProfile .Preferences>form>div{overflow-x:auto}body.Section-EditProfile table.PreferenceGroup{margin-bottom:18px;width:100%}@media screen and (max-width:768px){body.Section-EditProfile table.PreferenceGroup{min-width:500px}}body.Section-EditProfile table.PreferenceGroup *{line-height:36px}body.Section-EditProfile .Preferences .Buttons .Button{float:right}@media screen and (max-width:768px){body.Section-EditProfile .Buttons .Button,body.Section-EditProfile.tokens .Button.Action{text-align:center;width:100%}}body.Section-EditProfile #CategoryNotificationHeader{white-space:nowrap}

/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */body.Section-SearchResults .Frame-content>.Container{max-width:800px}body.Section-SearchResults .Frame-content .Content{width:100%}body.Section-SearchResults .Frame-content .Panel,body.Section-SearchResults .SearchBox{display:none}body.Section-SearchResults .SearchForm{margin-top:0;position:relative}body.Section-SearchResults .SearchForm .SiteSearch{max-width:100%}body.Section-SearchResults .SearchForm .SiteSearch .Button{right:0;top:0}body.Section-SearchResults .AdvancedSearch{margin:0 auto}@media screen and (max-width:768px){body.Section-SearchResults .AdvancedSearch{max-width:100%}}body.Section-SearchResults .AdvancedSearch .KeywordsWrap{margin:0 0 18px;padding:0}@media screen and (max-width:768px){body.Section-SearchResults .AdvancedSearch .KeywordsWrap{padding:0}body.Section-SearchResults .AdvancedSearch .KeywordsWrap .bwrap .Button{right:0}body.Section-SearchResults .AdvancedSearch .KeywordsWrap .Handle.Handle{right:36px}}body.Section-SearchResults .AdvancedSearch .Handle.Handle{right:36px}body.Section-SearchResults .AdvancedSearch .Button .Sprite{vertical-align:baseline}body.Section-SearchResults .AdvancedSearch .P.Buttons{display:-webkit-box;display:-ms-flexbox;display:flex}body.Section-SearchResults .AdvancedSearch .P.Buttons .Button{margin-left:auto}body.Section-SearchResults .AdvancedSearch .AdvancedWrap:after{clear:both;content:"";display:table}@media screen and (max-width:768px){body.Section-SearchResults .AdvancedSearch .AdvancedWrap{background:rgba(0,0,0,0);padding:0}}body.Section-SearchResults .AdvancedSearch .AdvancedWrap>.P.Inline .SelectWrapper{margin-bottom:12px}body.Section-SearchResults .AdvancedSearch .AdvancedWrap .CheckBoxLabel{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.AlertMessage a,.CasualMessage a,.WarningMessage a{color:#fff}div.Popup #Form_Cancel,div.Popup .Button:not(.GroupOptionsTitle),div.Popup .Buttons .btn-primary.Close{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:#eaeaea;border:1px solid #171717;border-radius:20px;color:#171717;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){div.Popup #Form_Cancel,div.Popup .Button:not(.GroupOptionsTitle),div.Popup .Buttons .btn-primary.Close{max-width:100%}}div.Popup #Form_Cancel:active,div.Popup #Form_Cancel:focus,div.Popup #Form_Cancel:hover,div.Popup .Button:not(.GroupOptionsTitle):active,div.Popup .Button:not(.GroupOptionsTitle):focus,div.Popup .Button:not(.GroupOptionsTitle):hover,div.Popup .Buttons .btn-primary.Close:active,div.Popup .Buttons .btn-primary.Close:focus,div.Popup .Buttons .btn-primary.Close:hover{background:#ffd478;border-color:#171717;color:#171717}div.Popup #Form_OK,div.Popup .BigButton:not(.Danger),div.Popup .BoxButtons .Button.Primary,div.Popup .Button-Controls .Button.Primary,div.Popup .Buttons .btn-primary,div.Popup .Buttons .Button.Primary,div.Popup .groupToolbar .Button.Primary,div.Popup .NewConversation.NewConversation{-o-transition:background .1s ease,border .1s ease;-webkit-appearance:none;-webkit-transition:background .1s ease,border .1s ease;background:#424242;border:1px solid #424242;border-radius:20px;color:#fff;display:inline-block;font-family:Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;font-size:14px;font-weight:400;line-height:36px;min-height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:background .1s ease,border .1s ease}@media screen and (max-width:768px){div.Popup #Form_OK,div.Popup .BigButton:not(.Danger),div.Popup .BoxButtons .Button.Primary,div.Popup .Button-Controls .Button.Primary,div.Popup .Buttons .btn-primary,div.Popup .Buttons .Button.Primary,div.Popup .groupToolbar .Button.Primary,div.Popup .NewConversation.NewConversation{max-width:100%}}div.Popup #Form_OK:active,div.Popup #Form_OK:focus,div.Popup #Form_OK:hover,div.Popup .BigButton:not(.Danger):active,div.Popup .BigButton:not(.Danger):focus,div.Popup .BigButton:not(.Danger):hover,div.Popup .BoxButtons .Button.Primary:active,div.Popup .BoxButtons .Button.Primary:focus,div.Popup .BoxButtons .Button.Primary:hover,div.Popup .Button-Controls .Button.Primary:active,div.Popup .Button-Controls .Button.Primary:focus,div.Popup .Button-Controls .Button.Primary:hover,div.Popup .Buttons .btn-primary:active,div.Popup .Buttons .btn-primary:focus,div.Popup .Buttons .btn-primary:hover,div.Popup .Buttons .Button.Primary:active,div.Popup .Buttons .Button.Primary:focus,div.Popup .Buttons .Button.Primary:hover,div.Popup .groupToolbar .Button.Primary:active,div.Popup .groupToolbar .Button.Primary:focus,div.Popup .groupToolbar .Button.Primary:hover,div.Popup .NewConversation.NewConversation:active,div.Popup .NewConversation.NewConversation:focus,div.Popup .NewConversation.NewConversation:hover{background:#171717;border-color:#171717;color:#ffd478}.Frame-content .SearchBox #Form_Search,.Frame-content .SearchBox .InputBox.BigInput,.groupSearch .InputBox.BigInput{background-color:rgba(0,0,0,0);color:#fff}.SearchForm .InputAndButton .Button{color:rgba(0,0,0,0)}@media screen and (max-width:768px){.Herobanner .SearchBox #Form_Search,.Herobanner .SearchBox .InputBox.BigInput{background-color:#000;color:#fff}}.ThemeOptions-panelToLeft .Panel-main{margin-left:0}.ThemeOptions-panelToLeft .BreadcrumbsBox,.ThemeOptions-panelToLeft .MainContent{-ms-flex-order:2;-webkit-box-ordinal-group:3;margin-left:auto;order:2}@media screen and (max-width:992px){.ThemeOptions-panelToLeft .BreadcrumbsBox,.ThemeOptions-panelToLeft .MainContent{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}}.ThemeOptions-panelToLeft .BreadcrumbsBox{-ms-flex-order:2;-webkit-box-ordinal-group:3;margin-left:auto;order:2;width:calc(100% - 270px)}@media screen and (max-width:992px){.ThemeOptions-panelToLeft .BreadcrumbsBox{-ms-flex-order:initial;-webkit-box-ordinal-group:initial;margin-left:0;order:0;width:auto}}.ThemeOptions-panelToLeft .SearchBox{margin-left:0}@media screen and (max-width:992px){.ThemeOptions-panelToLeft .SearchBox{margin-left:auto}}.hideContentDescription .MainContent .PageDescription,.hideHomepageTitle .MainContent .HomepageTitle,.hideHomepageTitle .MainContent .PageDescription{display:none}.ThemeOptions-hasHeroBanner .BreadcrumbsBox{margin-left:0;width:100%}.ThemeOptions-hasHeroBanner.ThemeOptions-hasFeatureSearchbox .Panel .SearchBox{display:none}
/*# sourceMappingURL=custom_dusk.css.map */