/*!
 * @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
 */
@-webkit-keyframes spinnerLoader {
  0% {
    -webkit-transform: rotate(73deg);
    transform: rotate(73deg);
  }
  to {
    -webkit-transform: rotate(433deg);
    transform: rotate(433deg);
  }
}
@keyframes spinnerLoader {
  0% {
    -webkit-transform: rotate(73deg);
    transform: rotate(73deg);
  }
  to {
    -webkit-transform: rotate(433deg);
    transform: rotate(433deg);
  }
}
@font-face {
  font-family: "kbicons";
  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");
  font-weight: 400;
  font-style: normal;
}
.NoPanel .Frame-content > .Container {
  max-width: 800px;
}
.NoPanel .Frame-content .Content {
  width: 100%;
}
.NoPanel .Panel {
  display: none;
}
@media screen and (max-width: 768px) {
  .NoScroll,
  .flyoutIsOpen {
    height: 100vh;
    overflow: hidden;
  }
}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
body {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}
* {
  font-family: inherit;
  overflow-wrap: break-word;
  word-break: break-word;
}
p {
  margin: 3px 0;
}
*,
a,
p,
span {
  line-height: inherit;
}
p,
span {
  padding: 0;
}
span {
  margin: 0;
}
a {
  -webkit-transition: color 0.1s ease-out;
  -o-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
}
p .emoji {
  width: 14px;
  height: auto;
}
h1 {
  font-size: 32px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  line-height: 1.25;
  margin: 0;
}
h1,
h2 {
  font-weight: 700;
}
h2 {
  font-size: 18px;
}
h3,
h4,
h5,
h6 {
  font-size: 16px;
}
*,
h1 .Gloss,
h1 a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 18px;
  }
}
h1 .emoji,
h2 .emoji {
  width: 32px;
  height: auto;
}
h2 .emoji {
  width: 18px;
}
b,
h3,
h4,
h5,
h6,
strong {
  font-weight: 700;
}
abbr {
  text-underline: none;
}
.CategoryHeading,
.CategoryName h2,
.Item .Title,
.Item .TitleWrap,
.Item.Read .Title,
[aria-level="3"] a {
  font-family: inherit;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
.CategoryHeading .ItemContent,
.CategoryHeading a,
.CategoryName h2 .ItemContent,
.CategoryName h2 a,
.Item .Title .ItemContent,
.Item .Title a,
.Item .TitleWrap .ItemContent,
.Item .TitleWrap a,
.Item.Read .Title .ItemContent,
.Item.Read .Title a,
[aria-level="3"] a .ItemContent,
[aria-level="3"] a a {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
.Frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  background-image: "";
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .Frame {
    min-height: initial;
    height: 100vh;
    overflow: visible;
  }
}
.EmbeddedFrame.Frame {
  min-height: initial;
}
.Frame-top {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.Frame-details::after {
  content: "";
  display: table;
  clear: both;
}
.Frame-details .SearchBoxMobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .Frame-details .SearchBoxMobile {
    display: block;
  }
}
.Container {
  padding-left: 18px;
  padding-right: 18px;
  max-width: 1236px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .Container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.Frame-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  .MainContent.Content {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}
.Crumbs {
  margin: 3px 0;
}
.Frame-content .HomepageTitle,
.Frame-content .PageDescription {
  margin-bottom: 14px;
}
.Frame-content .HomepageTitle .AdminCheck {
  padding: 0;
  height: calc(32px * 1.25);
}
@media screen and (max-width: 768px) {
  .Frame-content .HomepageTitle .AdminCheck {
    height: calc(18px * 1.25);
  }
}
.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;
}
.CategoryTable thead td.BigCount .Wrap,
.DataTableWrap thead td.BigCount .Wrap,
.PhotoWrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.PhotoWrap {
  height: 42px;
  width: 42px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 50%;
}
.PhotoWrap img {
  margin: 0;
  width: 100%;
  height: auto;
}
.PhotoWrap.NoPhoto {
  display: none;
}
.About.P,
.MeBox,
.UserBox {
  margin: 0;
}
.PhotoGrid .ProfilePhoto {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.PhotoGrid img {
  vertical-align: initial;
}
.DataList .Item,
.PanelInfo li {
  border-bottom-width: 0;
}
.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: 0 0;
}
.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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.CategoryTable .CheckBoxColumn,
.DataTableWrap .CheckBoxColumn {
  width: 20px;
}
.CategoryTable tbody .Wrap,
.DataTableWrap tbody .Wrap {
  padding: 0;
  position: relative;
}
.CategoryTable td.BigCount,
.DataTableWrap td.BigCount {
  vertical-align: middle;
  text-align: center;
}
.CategoryTable .ChildCategories,
.DataTableWrap .ChildCategories {
  padding-top: 0;
  border-top: none;
}
.Options .Arrow::before {
  color: #555a62;
}
.PhotoWrap.Hidden {
  display: none;
}
.ButtonGroup.Multi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
}
.Options {
  height: initial;
}
.Options > a,
.Options > span {
  margin-left: 6px;
}
.BlockTitle {
  padding: 0;
}
.AdminCheck {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
}
.AdminCheck input {
  margin: 0;
  width: auto;
}
.PageTitle .Options {
  height: auto;
}
.ItemDiscussion {
  margin-bottom: initial;
}
#SignoutWarning {
  bottom: initial;
  background: #fff;
}
#SignoutWarning * {
  line-height: 40px;
}
.CreateAccount {
  margin-top: 12px;
}
.DateTile,
.idea-counter-box {
  width: 40px;
  min-height: 40px;
  border-radius: 0;
}
.DateTile {
  color: #555a62;
  padding: 6px 0 2px;
  text-align: center;
  background-color: #f5f5f6;
}
.DateTile .Day {
  font-weight: 700;
}
a.ChangePicture {
  top: 0;
}
.UserSignature {
  font-size: 12px;
}
.Reactions .ReactButton,
.Reactions .ReactButton.HasCount {
  vertical-align: baseline;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.MenuItems-Reactions .PhotoWrapSmall {
  margin-right: 0;
}
.MenuItems-Reactions a {
  font-size: 12px;
  max-width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.MenuItems a:hover .Gloss {
  color: inherit !important;
}
#Form_Ban,
.Popup #UserBadgeForm button {
  font-family: inherit;
  -webkit-transition: background 0.1s ease, border 0.1s ease;
  -o-transition: background 0.1s ease, border 0.1s ease;
  transition: background 0.1s ease, border 0.1s ease;
  border: 1px solid #999;
  border-style: solid;
  line-height: 36px;
  min-height: 36px;
  padding: 0 12px;
  text-decoration: none;
  border-radius: 6px;
  display: inline-block;
  -webkit-appearance: none;
}
@media screen and (max-width: 768px) {
  #Form_Ban {
    max-width: 100%;
  }
  .Dropdown.MenuItems {
    min-width: auto;
  }
}
.Leaderboard-User {
  display: inline-block;
  overflow: auto;
  white-space: inherit;
  -o-text-overflow: initial;
  text-overflow: initial;
}
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 {
  margin-bottom: 12px;
  display: block;
}
.Popup #UserBadgeForm textarea {
  display: block;
  width: 100%;
  margin-top: 3px;
}
.Popup #UserBadgeForm button {
  float: right;
  margin-top: -16px;
}
@media screen and (max-width: 768px) {
  .Popup #UserBadgeForm button {
    max-width: 100%;
  }
}
.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: 0 0;
  font-weight: inherit;
}
.Box {
  margin: 12px 0;
}
#Panel .FilterMenu li:first-child,
.PanelInfo li:first-child {
  border-top-width: 0;
}
.SocialIcon .Text {
  padding: 0 0 0 3px;
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
  min-height: 36px;
  min-width: 170px;
}
.PageDescription {
  margin: 0;
}
.DataList-Connections .Connection-Header,
.DataList-Connections .Gloss.Connected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.DataList-Connections .Connection-Header {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .DataList-Connections .Connection-Header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.DataList-Connections .Connection-Connect {
  margin-left: auto;
  position: static;
  padding: 0;
}
.DataList-Connections .Gloss.Connected {
  position: static;
  width: 100%;
}
.DataList-Connections .Gloss.Connected .ProfilePhoto {
  height: 30px;
  width: 30px;
  margin-right: 12px;
}
.DataList-Connections .Connection-Name {
  margin: 0;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .DataList-Connections .Connection-Connect {
    margin: 10px 0 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
/*!
 * @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 {
  width: auto;
  height: auto;
  background-image: none !important;
}
.RSS a,
.ReactSprite::before,
.SpFlyoutHandle::before,
.Sprite16::before,
.Sprite::before {
  display: inline-block;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  min-width: 1em;
  text-align: center;
}
.ReactSprite::before {
  font-size: 14px;
}
.SpFlyoutHandle {
  cursor: pointer;
}
.RSS a {
  color: #f26522;
}
.RSS img {
  display: none;
}
.SpEditProfile::before {
  content: "";
}
.SpDropdownHandle::before {
  content: "";
}
.SpDiscussions::before {
  content: "";
}
.SpActivity::before {
  content: "";
}
.SpDelete::before {
  content: "";
}
.SpFlyoutHandle::before {
  content: "";
}
.SpOptions::before,
.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: "";
}
.ReactMessage::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;
}
.Button.Handle .Sprite,
.NavButton.Handle .Sprite {
  position: static;
  border: 0;
  vertical-align: baseline;
}
.Handle > .SpEditProfile,
.NavButton > .SpEditProfile {
  width: auto;
  height: auto;
  vertical-align: baseline;
  line-height: inherit;
}
.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 {
  position: absolute !important;
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  font-size: inherit !important;
}
.SocialIcon {
  border-radius: 6px;
  height: 38px;
  width: 38px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.SocialIcon-MicrosoftAccount {
  background-color: #0291db;
}
.SocialIcon-MicrosoftAccount:active,
.SocialIcon-MicrosoftAccount:focus,
.SocialIcon-MicrosoftAccount:hover {
  background-color: #0276b3;
}
.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: 0 0;
  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 {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #fff;
}
.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-MicrosoftAccount .Icon::before,
.Methods .SocialIcon-MicrosoftAccount .Icon::before,
.Navigation .SocialIcon-MicrosoftAccount .Icon::before,
.Panel .SocialIcon-MicrosoftAccount .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 {
  width: auto;
  height: auto;
  font: 0/0 a;
  color: transparent;
  text-indent: 0;
  background-image: none !important;
}
a.Bookmark::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5;
  color: #0291db;
  content: "";
}
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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Box a::before,
.BoxFilter a::before {
  content: none !important;
}
.Box a .Aside,
.BoxFilter a .Aside {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-left: auto;
}
.Box .Sprite,
.BoxFilter .Sprite {
  display: none !important;
}
.Box.BadgeGrid a,
.BoxFilter.BadgeGrid a {
  display: inline-block;
}
.Box li.EditAccountLink a::before,
.Box li.MyDiscussions a::before,
.Box li.MyDrafts a::before,
.Box li.QnA-UnansweredQuestions a::before,
.BoxFilter li.EditAccountLink a::before,
.BoxFilter li.MyDiscussions a::before,
.BoxFilter li.MyDrafts a::before,
.BoxFilter li.QnA-UnansweredQuestions a::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  content: "";
}
.Box li.EditAccountLink a::before,
.Box li.MyDrafts a::before,
.Box li.QnA-UnansweredQuestions a::before,
.BoxFilter li.EditAccountLink a::before,
.BoxFilter li.MyDrafts a::before,
.BoxFilter li.QnA-UnansweredQuestions a::before {
  content: "";
}
.Box li.EditAccountLink a::before,
.Box li.QnA-UnansweredQuestions a::before,
.BoxFilter li.EditAccountLink a::before,
.BoxFilter li.QnA-UnansweredQuestions a::before {
  content: "";
}
.Box li.EditAccountLink a::before,
.BoxFilter li.EditAccountLink a::before {
  content: "";
}
.Box li.PasswordLink a::before,
.Box li.PictureLink a::before,
.Box li.PreferencesLink a::before,
.Box li.QuoteSettingsLink a::before,
.BoxFilter li.PasswordLink a::before,
.BoxFilter li.PictureLink a::before,
.BoxFilter li.PreferencesLink a::before,
.BoxFilter li.QuoteSettingsLink a::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  content: "•••";
}
.Box li.PictureLink a::before,
.Box li.PreferencesLink a::before,
.Box li.QuoteSettingsLink a::before,
.BoxFilter li.PictureLink a::before,
.BoxFilter li.PreferencesLink a::before,
.BoxFilter li.QuoteSettingsLink a::before {
  content: "";
}
.Box li.PictureLink a::before,
.Box li.QuoteSettingsLink a::before,
.BoxFilter li.PictureLink a::before,
.BoxFilter li.QuoteSettingsLink a::before {
  content: "";
}
.Box li.QuoteSettingsLink a::before,
.BoxFilter li.QuoteSettingsLink a::before {
  content: "";
}
.Box li.Activity a::before,
.Box li.Comments a::before,
.Box li.Inbox a::before,
.Box li.Notifications a::before,
.BoxFilter li.Activity a::before,
.BoxFilter li.Comments a::before,
.BoxFilter li.Inbox a::before,
.BoxFilter li.Notifications a::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  content: "";
}
.Box li.Comments a::before,
.Box li.Inbox a::before,
.Box li.Notifications a::before,
.BoxFilter li.Comments a::before,
.BoxFilter li.Inbox a::before,
.BoxFilter li.Notifications a::before {
  content: "";
}
.Box li.Comments a::before,
.Box li.Inbox a::before,
.BoxFilter li.Comments a::before,
.BoxFilter li.Inbox a::before {
  content: "";
}
.Box li.Comments a::before,
.BoxFilter li.Comments a::before {
  content: "";
}
.Box li.Activities a::before,
.Box li.AllCategories a::before,
.Box li.Discussions a::before,
.Box li.Reactions-BestOf a::before,
.BoxFilter li.Activities a::before,
.BoxFilter li.AllCategories a::before,
.BoxFilter li.Discussions a::before,
.BoxFilter li.Reactions-BestOf a::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  content: "";
}
.Box li.Activities a::before,
.Box li.AllCategories a::before,
.Box li.Discussions a::before,
.BoxFilter li.Activities a::before,
.BoxFilter li.AllCategories a::before,
.BoxFilter li.Discussions a::before {
  content: "";
}
.Box li.Activities a::before,
.Box li.Discussions a::before,
.BoxFilter li.Activities a::before,
.BoxFilter li.Discussions a::before {
  content: "";
}
.Box li.Activities a::before,
.BoxFilter li.Activities a::before {
  content: "";
}
.Box li.Groups a::before,
.Box li.MyBookmarks a::before,
.Box li.UserNotes a::before,
.Box li.link-social a::before,
.BoxFilter li.Groups a::before,
.BoxFilter li.MyBookmarks a::before,
.BoxFilter li.UserNotes a::before,
.BoxFilter li.link-social a::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  content: "";
}
.Box li.Groups a::before,
.Box li.MyBookmarks a::before,
.Box li.link-social a::before,
.BoxFilter li.Groups a::before,
.BoxFilter li.MyBookmarks a::before,
.BoxFilter li.link-social a::before {
  content: "";
}
.Box li.Groups a::before,
.Box li.link-social a::before,
.BoxFilter li.Groups a::before,
.BoxFilter li.link-social a::before {
  content: "";
}
.Box li.link-social a::before,
.BoxFilter li.link-social a::before {
  content: "";
}
.Box li.Popup a[href*="/profile/online"]::before,
.Box li.Popup a[href*="/profile/signature"]::before,
.Box li.link-tokens a::before,
.BoxFilter li.Popup a[href*="/profile/online"]::before,
.BoxFilter li.Popup a[href*="/profile/signature"]::before,
.BoxFilter li.link-tokens a::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  content: "";
}
.Box li.Popup a[href*="/profile/online"]::before,
.Box li.Popup a[href*="/profile/signature"]::before,
.BoxFilter li.Popup a[href*="/profile/online"]::before,
.BoxFilter li.Popup a[href*="/profile/signature"]::before {
  content: "";
}
.Box li.Popup a[href*="/profile/online"]::before,
.BoxFilter li.Popup a[href*="/profile/online"]::before {
  content: "";
}
.BoxActivityFilter li:nth-child(1) a::before,
.BoxActivityFilter li:nth-child(2) a::before,
.BoxActivityFilter li:nth-child(3) a::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  content: "";
}
.BoxActivityFilter li:nth-child(2) a::before,
.BoxActivityFilter li:nth-child(3) a::before {
  content: "";
}
.BoxActivityFilter li:nth-child(3) a::before {
  content: "";
}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
.Breadcrumbs,
.BreadcrumbsBox {
  display: block;
}
.Breadcrumbs {
  line-height: 1.5;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  padding: 12px 0;
}
.Breadcrumbs a {
  font-size: inherit;
}
.Breadcrumbs .Last a:focus,
.Breadcrumbs .Last a:hover,
.Breadcrumbs a:focus,
.Breadcrumbs a:hover {
  text-decoration: underline;
}
/*!
 * @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 {
  background-color: transparent;
  color: inherit;
  border: 0;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: inherit;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
a:focus .Count,
a:focus .Reactions .Count,
a:hover .Count,
a:hover .Reactions .Count {
  background-color: transparent;
  color: inherit;
  border-color: transparent;
}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
.ui-datepicker,
.ui-datepicker a {
  border-radius: 3px;
  color: #555a62;
  background-color: #fff;
}
.ui-datepicker td a {
  text-align: center;
}
.ui-datepicker a {
  background-color: transparent;
  border: 1px solid #bcbec1;
}
.ui-datepicker a:active,
.ui-datepicker a:focus,
.ui-datepicker a:hover {
  color: #0291db;
  background-color: transparent;
  border: 1px solid #0291db;
}
.ui-datepicker td {
  width: calc(260px / 7);
}
.ui-datepicker .ui-datepicker-today a {
  background-color: rgba(0, 0, 0, 0.03);
}
.ui-datepicker .ui-datepicker-current-day a {
  color: #0291db;
  background-color: transparent;
  border-color: #0291db;
}
.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui-datepicker .ui-datepicker-header {
  background-color: #ededed;
  border-radius: 3px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ui-datepicker .ui-datepicker-header .ui-icon {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position: static;
  height: auto;
  white-space: nowrap;
  color: #696e75;
  border-width: 0;
  width: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ui-datepicker .ui-datepicker-next:focus,
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:focus,
.ui-datepicker .ui-datepicker-prev:hover {
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  color: #0291db;
}
.ui-datepicker .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-prev::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
}
.ui-datepicker .ui-datepicker-prev::before {
  content: "";
}
.ui-datepicker .ui-datepicker-next::before {
  content: "";
}
.ui-datepicker .ui-datepicker-title {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  position: static;
  margin: 0;
  line-height: inherit;
}
.ui-datepicker .ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
/*!
 * @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
 */
::-ms-clear {
  display: none;
}
textarea {
  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-top: 0;
  padding-bottom: 0;
}
.AdvancedSearch select:focus,
select:focus {
  -moz-appearance: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
select::-ms-expand {
  display: none;
}
.FormWrapper {
  padding: 0;
  border-radius: 6px;
  background: 0 0;
}
.FormWrapper label {
  color: #555a62;
}
.editor-help-text {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.editor-help-text a {
  color: #696e75;
}
.editor-help-text a:focus,
.editor-help-text a:hover {
  text-decoration: none;
  color: #0291db;
}
.FormTitleWrapper .Buttons,
.FormWrapper .Buttons {
  padding-top: 0;
  padding-bottom: 0;
}
.FormTitleWrapper .Buttons .Back,
.FormTitleWrapper .Buttons .Button,
.FormWrapper .Buttons .Back,
.FormWrapper .Buttons .Button {
  margin-right: 0;
  padding-right: 0;
  margin-bottom: 3px;
  margin-left: 3px;
}
.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,
li.token-input-token:active,
li.token-input-token:focus,
li.token-input-token:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .FormTitleWrapper .Buttons .Back,
  .FormWrapper .Buttons .Back {
    display: block;
    margin-left: 0;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 12px;
  }
}
.FormTitleWrapper .Buttons .Button.Hidden,
.FormWrapper .Buttons .Button.Hidden {
  display: none;
}
.ActivityFormWrap {
  margin-bottom: 12px;
}
label {
  margin-bottom: 3px;
  display: inline-block;
}
ul.token-input-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 12px;
  line-height: initial;
}
ul.token-input-list li input {
  margin: 0 !important;
  padding: 0;
  height: 30px;
  line-height: initial;
  font-size: 14px;
  font-weight: 400 !important;
}
ul.token-input-list.token-input-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
li.token-input-token {
  background-color: transparent;
  color: #555a62;
  border: 1px solid #bcbec1;
  line-height: 1.5;
  height: auto;
  border-radius: 3px;
  padding: 0 3px;
  display: inline-block;
  font-weight: inherit;
  font-size: 12px;
  white-space: nowrap;
}
div.token-input-dropdown {
  border: 0;
  border-top: #d6d7d9 1px solid;
  visibility: visible !important;
  opacity: 1 !important;
}
div.token-input-dropdown p,
div.token-input-dropdown ul li[class^="token-input-dropdown-item"] {
  padding-left: 18px;
  padding-right: 18px;
  display: inline-block;
  line-height: 40px;
  width: 100%;
}
@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: 0 0;
}
.SelectWrapper {
  position: relative;
}
.SelectWrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}
.SelectWrapper::after {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #0291db;
  pointer-events: none;
}
.BigButton,
.ButtonGroup.Multi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 360px;
}
@media screen and (max-width: 768px) {
  .BigButton,
  .ButtonGroup.Multi {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
}
.ButtonGroup.Multi > .Button:first-child {
  width: 100%;
  text-align: center;
}
.ButtonGroup.Multi .Button.Handle,
.ButtonGroup.Multi.Open .Button.Handle {
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.ButtonGroup.Multi .Button.Handle .SpDropdownHandle::before,
.ButtonGroup.Multi.Open .Button.Handle .SpDropdownHandle::before {
  height: 100%;
  padding: 0 12px;
}
.change-picture .WarningMessage {
  margin: 12px 0;
}
@media screen and (max-width: 768px) {
  .change-picture .Button {
    width: 100%;
    text-align: center;
  }
  .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;
  }
}
.label-wrap img {
  max-width: 50%;
  max-height: 180px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.info {
  font-size: 12px;
  color: #555a62;
}
.form-group {
  margin-top: 6px;
  margin-bottom: 6px;
}
.file-upload {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 500px;
  font-weight: 400;
  min-height: 36px;
  cursor: pointer;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .file-upload {
    max-width: 100%;
  }
}
.file-upload input {
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
.file-upload input.disabled,
.file-upload input:disabled {
  opacity: 0;
}
.file-upload .form-control {
  line-height: 36px;
}
.file-upload-choose {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  line-height: 36px;
  height: 36px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #999;
  border-radius: 6px;
  color: #000;
  background: #fff;
  padding: 3px 12px;
  margin: 0;
  width: 100%;
  max-width: inherit;
  white-space: nowrap;
  overflow: hidden;
}
.file-upload-choose:active,
.file-upload-choose:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
.file-upload-browse {
  font-family: inherit;
  -webkit-transition: background 0.1s ease, border 0.1s ease;
  -o-transition: background 0.1s ease, border 0.1s ease;
  transition: background 0.1s ease, border 0.1s ease;
  border: 1px solid #999;
  border-style: solid;
  line-height: 36px;
  min-height: 36px;
  padding: 0 12px;
  text-decoration: none;
  border-radius: 6px;
  display: inline-block;
  -webkit-appearance: none;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .file-upload-browse {
    max-width: 100%;
  }
}
.file-upload-browse::before {
  position: absolute;
  content: "";
  height: 34px;
  width: 12px;
  background-color: #fff;
  left: calc((12px + 1px) * -1);
  border: 0;
  z-index: 1;
}
.file-upload-browse.file-upload-browse.file-upload-browse {
  position: absolute;
  top: 0;
  right: 0;
  height: 36px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.file-upload-browse.file-upload-browse.file-upload-browse:active,
.file-upload-browse.file-upload-browse.file-upload-browse:focus,
.file-upload-browse.file-upload-browse.file-upload-browse:hover {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.file-upload-browse.file-upload-browse.file-upload-browse:not([disabled]):active,
.file-upload-browse.file-upload-browse.file-upload-browse:not([disabled]):focus,
.file-upload-browse.file-upload-browse.file-upload-browse:not([disabled]):hover {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-skipToContent {
  position: absolute;
  top: 0;
  left: 0;
}
.button-skipToContent:active,
.button-skipToContent:focus {
  padding: 3px 12px !important;
  overflow: initial !important;
  color: #555a62;
  background-color: transparent;
  border: #0291db !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !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) {
  .ToggleFlyout.Open,
  .editor-dropdown-open,
  .richEditor-button.isOpen {
    min-width: auto;
  }
}
.ToggleFlyout.Open .Flyout,
.ToggleFlyout.Open .MenuItems,
.editor-dropdown-open .Flyout,
.editor-dropdown-open .MenuItems,
.richEditor-button.isOpen .Flyout,
.richEditor-button.isOpen .MenuItems {
  display: block;
}
.Flyout.Flyout,
.MenuItems {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 1;
  min-width: 250px;
}
.Flyout.Flyout {
  padding: 6px 0;
}
@media screen and (max-width: 768px) {
  .Flyout.Flyout,
  .MenuItems {
    z-index: 1;
  }
}
.ButtonGroup.Big .Flyout.Flyout,
.ButtonGroup.Big .MenuItems {
  min-width: initial;
}
.Flyout.Flyout .InProgress,
.MenuItems .InProgress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48px;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
}
.Flyout.Flyout .InProgress::after,
.MenuItems .InProgress::after {
  -webkit-transition: opacity, 0.35s, ease-out;
  -o-transition: opacity, 0.35s, ease-out;
  transition: opacity, 0.35s, ease-out;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border-top: 4px solid #0291db;
  border-right: 4px solid rgba(2, 145, 219, 0.3);
  border-bottom: 4px solid rgba(2, 145, 219, 0.3);
  border-left: 4px solid rgba(2, 145, 219, 0.3);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spinnerLoader 0.7s infinite ease-in-out;
  animation: spinnerLoader 0.7s infinite ease-in-out;
  content: "";
}
.Flyout.Flyout .InProgress::after::after,
.MenuItems .InProgress::after::after {
  border-radius: 50%;
  width: 24px;
  height: 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 {
  height: 1px;
  min-height: 0;
  width: 100%;
  background-color: #eeefef;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 0 !important;
  display: block;
}
.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: 0 0;
}
.Flyout.Flyout .Item,
.Flyout.Flyout .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 {
  color: inherit !important;
  background-color: rgba(2, 145, 219, 0.05) !important;
}
.MenuItems .Item,
.MenuItems li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Flyout.Flyout .Item,
.Flyout.Flyout .editor-action,
.Flyout.Flyout li,
.MenuItems .Item,
.MenuItems .editor-action,
.MenuItems li {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  color: inherit;
  position: relative;
  border-bottom-width: 0;
}
.Flyout.Flyout .Item,
.Flyout.Flyout .editor-action,
.Flyout.Flyout li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Flyout.Flyout .Item a:active,
.Flyout.Flyout .Item a:focus,
.Flyout.Flyout .Item a:hover,
.Flyout.Flyout .editor-action a:active,
.Flyout.Flyout .editor-action a:focus,
.Flyout.Flyout .editor-action a:hover,
.Flyout.Flyout li a:active,
.Flyout.Flyout li a:focus,
.Flyout.Flyout li a:hover,
.MenuItems .Item a:active,
.MenuItems .Item a:focus,
.MenuItems .Item a:hover,
.MenuItems .editor-action a:active,
.MenuItems .editor-action a:focus,
.MenuItems .editor-action a:hover,
.MenuItems li a:active,
.MenuItems li a:focus,
.MenuItems li a:hover {
  color: inherit !important;
  text-decoration: none;
}
.Flyout.Flyout .Item .Count,
.Flyout.Flyout .editor-action .Count,
.Flyout.Flyout li .Count,
.MenuItems .Item .Count,
.MenuItems .editor-action .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: transparent !important;
}
.Flyout.Flyout strong,
.MenuItems strong {
  font-family: inherit;
  font-weight: 600;
  font-size: 16px;
  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: #0291db;
}
.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 {
  padding: 4px 18px;
  min-height: 30px;
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  min-height: 44px;
  padding: 0 12px !important;
  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: transparent;
  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 {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  height: 36px;
  width: 36px;
  min-width: 36px;
  padding: 0;
  color: transparent;
}
.Flyout .Item.Title a:active,
.Flyout .Item.Title a:active::before,
.Flyout .Item.Title a:focus,
.Flyout .Item.Title a:focus::before,
.Flyout .Item.Title a:hover,
.Flyout .Item.Title a:hover::before,
.Flyout .richEditorFlyout-header a:active,
.Flyout .richEditorFlyout-header a:active::before,
.Flyout .richEditorFlyout-header a:focus,
.Flyout .richEditorFlyout-header a:focus::before,
.Flyout .richEditorFlyout-header a:hover,
.Flyout .richEditorFlyout-header a:hover::before,
.richEditorFlyout .Item.Title a:active,
.richEditorFlyout .Item.Title a:active::before,
.richEditorFlyout .Item.Title a:focus,
.richEditorFlyout .Item.Title a:focus::before,
.richEditorFlyout .Item.Title a:hover,
.richEditorFlyout .Item.Title a:hover::before,
.richEditorFlyout .richEditorFlyout-header a:active,
.richEditorFlyout .richEditorFlyout-header a:active::before,
.richEditorFlyout .richEditorFlyout-header a:focus,
.richEditorFlyout .richEditorFlyout-header a:focus::before,
.richEditorFlyout .richEditorFlyout-header a:hover,
.richEditorFlyout .richEditorFlyout-header a:hover::before {
  color: #0291db;
}
.Flyout .Item.Title a::before,
.Flyout .richEditorFlyout-header a::before,
.richEditorFlyout .Item.Title a::before,
.richEditorFlyout .richEditorFlyout-header a::before {
  display: block;
  line-height: 36px;
  font-size: 20px;
  color: #555a62;
}
.Flyout .Item.Center:last-child,
.richEditorFlyout .Item.Center:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px;
  min-height: 44px;
  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: transparent;
  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: #0291db !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 {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 10px;
  padding-right: 18px;
  max-width: calc(100% - 54px);
}
.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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% + (6px));
  margin: 0 -3px;
}
.Flyout .MItem,
.richEditorFlyout .MItem {
  display: inline-block;
  margin: 0 3px;
  font-size: 12px;
  color: inherit;
}
.Flyout .HasNew.HasNew,
.richEditorFlyout .HasNew.HasNew {
  color: transparent;
  position: absolute;
  display: block;
  top: 0;
  right: 8px;
  bottom: 0;
  max-height: 100%;
  max-width: 100%;
  margin: auto 0;
  height: 12px;
  width: 12px;
  background-color: #0291db;
  border-radius: 50%;
}
.PopList.PopList {
  font-size: 14px;
}
.MenuItems-Reactions.MenuItems-Reactions li,
.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: calc(44px * 6 + 2px);
}
.editor-dd-link + .mobileFlyoutOverlay input.InputBox {
  width: calc(100% - (8px * 2));
  margin: 8px;
}
.editor-dd-link + .mobileFlyoutOverlay .MenuButtons {
  border-top: solid #eeefef 1px;
  padding: 8px;
  min-height: 30px;
}
.MenuItems-Reactions,
.OnlineUserWrap .OnlineUserName.OnlineUserName {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  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 {
  padding: 0;
  min-width: 0;
}
.MenuItems-Reactions.MenuItems-Reactions .PhotoWrap,
.MenuItems-Reactions.MenuItems-Reactions a {
  padding: 0 !important;
}
.MenuItems-Reactions.MenuItems-Reactions .PhotoWrap + a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 20px;
  line-height: 20px;
  max-width: calc(100% - 20px - (8px * 2));
}
.MenuItems-Reactions.MenuItems-Reactions .PhotoWrap.PhotoWrap {
  width: 20px;
  height: 20px;
  min-height: 0;
  max-width: 100%;
  margin-right: 8px;
}
.selectBox-content {
  margin-top: 0;
}
.selectBox-item .dropdown-menu-link.selectBox-link {
  padding-left: 30px !important;
  position: static;
}
.dropdown-menu-link .Alert {
  margin-left: auto;
}
.richEditorFlyout .richEditorFlyout-header {
  border-bottom: solid #eeefef 1px;
}
.richEditorFlyout .richEditor-button:active,
.richEditorFlyout .richEditor-button:focus,
.richEditorFlyout .richEditor-button:hover {
  background-color: rgba(2, 145, 219, 0.05);
}
.MenuItems.ui-autocomplete .ui-menu-item,
.MenuItems.ui-autocomplete .ui-menu-item > a {
  display: block;
}
.MenuItems.ui-autocomplete .Title {
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 6px;
}
.MenuItems.ui-autocomplete .Aside {
  float: left;
  font-size: 12px;
  opacity: 1;
}
.MenuItems.ui-autocomplete .Gloss {
  width: auto;
  padding-left: 6px;
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .ButtonGroup,
  .ButtonGroup .mobileFlyoutOverlay,
  .ToggleFlyout,
  .ToggleFlyout .mobileFlyoutOverlay,
  .editor-dropdown,
  .editor-dropdown .mobileFlyoutOverlay {
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .mobileFlyoutOverlay {
    opacity: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ButtonGroup.Open .mobileFlyoutOverlay,
  .ToggleFlyout.Open .mobileFlyoutOverlay,
  .editor-dropdown-open .mobileFlyoutOverlay,
  .richEditor-button.isOpen .mobileFlyoutOverlay {
    opacity: 1;
    z-index: 1;
    pointer-events: initial;
  }
  .ButtonGroup.Open .Flyout.Flyout,
  .ButtonGroup.Open .MenuItems.MenuItems,
  .ToggleFlyout.Open .Flyout.Flyout,
  .ToggleFlyout.Open .MenuItems.MenuItems,
  .editor-dropdown-open .Flyout.Flyout,
  .editor-dropdown-open .MenuItems.MenuItems,
  .richEditor-button.isOpen .Flyout.Flyout,
  .richEditor-button.isOpen .MenuItems.MenuItems {
    visibility: visible;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1;
    top: initial;
    right: initial;
    left: initial;
    max-width: calc(100% - 24px);
  }
  .Flyout,
  .MenuItems {
    max-width: 375px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    display: block;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    max-height: 80vh;
    overflow: auto;
    -webkit-transition: visibility 0s linear 0.35s, opacity ease-out 0.35s,
      -webkit-transform ease-out 0.35s;
    -o-transition: visibility 0s linear 0.35s, transform ease-out 0.35s,
      opacity ease-out 0.35s;
    transition: visibility 0s linear 0.35s, transform ease-out 0.35s,
      opacity ease-out 0.35s;
    transition: visibility 0s linear 0.35s, transform ease-out 0.35s,
      opacity ease-out 0.35s, -webkit-transform ease-out 0.35s;
    z-index: 100;
  }
}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
@-webkit-keyframes chevron-pulse {
  0%,
  80%,
  to {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes chevron-pulse {
  0%,
  80%,
  to {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.Hamburger-svgchevron path.a1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.Hamburger-svgchevron path.a2 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.Hamburger-svgchevron path.a3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.Hamburger {
  border: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  tap-highlight-color: transparent;
  height: 22px;
  width: 22px;
  background: 0 0;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .Hamburger {
    position: absolute;
  }
}
.Hamburger-menuLines,
.Hamburger-menuLines::after,
.Hamburger-menuLines::before {
  display: inline-block;
  height: 2px;
  width: 22px;
  border-radius: 2px;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  background-color: #fff;
  position: relative;
}
.Hamburger-menuLines::after,
.Hamburger-menuLines::before {
  content: "";
  position: absolute;
  left: 0;
  -webkit-transform-origin: 5.5px center;
  -ms-transform-origin: 5.5px center;
  transform-origin: 5.5px center;
}
.Hamburger-menuLines::before {
  top: 5.5px;
}
.Hamburger-menuLines::after {
  top: -6.2857142857px;
}
.isToggled .Hamburger-menuLines {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.Hamburger-menuXcross {
  padding: 0;
  height: 22px;
  width: 22px;
}
.Hamburger-menuXcross.isToggled .Hamburger-menuLines {
  background: 0 0;
}
.Hamburger-menuXcross.isToggled .Hamburger-menuLines::after,
.Hamburger-menuXcross.isToggled .Hamburger-menuLines::before {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  left: 0;
  width: 22px;
  background-color: rgba(255, 255, 255, 0.6);
}
.Hamburger-menuXcross.isToggled .Hamburger-menuLines::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.Hamburger-menuXcross.isToggled .Hamburger-menuLines::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.Herobanner {
  background-color: #3f3e46;
  position: relative;
  width: 100%;
  height: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .Herobanner {
    display: none;
  }
}
.Herobanner .HomepageTitle {
  font-size: 48px;
}
.Herobanner .followButton {
  color: #fff;
  padding: 10px 5px;
  min-height: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.Herobanner .followButton:active,
.Herobanner .followButton:focus,
.Herobanner .followButton:hover {
  color: #fff;
}
.Herobanner .HomepageTitle,
.Herobanner .PageDescription {
  text-shadow: 0 0 1px #555a62;
}
.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 {
    margin: 0 auto;
    font-size: 16px;
  }
  .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 #fff;
  padding: 3px 12px;
  height: 40px;
  line-height: 40px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
.Herobanner .SearchBox #Form_Search:active,
.Herobanner .SearchBox #Form_Search:focus,
.Herobanner .SearchBox .AdvancedSearch .BigInput:active,
.Herobanner .SearchBox .AdvancedSearch .BigInput:focus {
  border: 1px solid #fff;
}
.Herobanner .SearchBox #Form_Go,
.Herobanner .SearchBox .bwrap > .Button {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  min-width: 110px;
  width: auto;
  position: static;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.Herobanner .SearchBox #Form_Go::before,
.Herobanner .SearchBox .bwrap > .Button::before {
  content: attr(title);
}
.Herobanner-bgImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  -webkit-filter: brightness(0.75);
  filter: brightness(0.75);
}
@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
 */
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
.DataList .Options,
.MessageList .Options,
.PageTitle .Options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.DataList .Item.CategoryHeading,
.MessageList .Item.CategoryHeading {
  border-left-width: 0;
  border-right-width: 0;
}
.DataList .Item.CategoryHeading .Options,
.MessageList .Item.CategoryHeading .Options {
  display: none;
}
@media screen and (max-width: 768px) {
  .DataList .Item.CategoryHeading,
  .MessageList .Item.CategoryHeading {
    font-size: 18px;
  }
}
.DataList .Item ~ .CategoryHeading,
.MessageList .Item ~ .CategoryHeading {
  margin-top: 16px;
}
.DataList .Item ~ .CategoryHeading::before,
.MessageList .Item ~ .CategoryHeading::before {
  content: "";
  height: 0;
  border-bottom: #d6d7d9 1px solid;
  -webkit-box-shadow: 0 3px 0 #fff;
  box-shadow: 0 3px 0 #fff;
  background: 0 0;
  position: absolute;
  width: 100%;
  left: 0;
}
.DataList .Item .Title,
.DataList .Item h3,
.DataList .Item.Read .Title,
.MessageList .Item .Title,
.MessageList .Item h3,
.MessageList .Item.Read .Title {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: #555a62;
  display: block;
  margin-bottom: 6px;
}
.DataList .CategoryDescription,
.DataList .Excerpt,
.MessageList .CategoryDescription,
.MessageList .Excerpt {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #555a62;
  margin: 0 0 6px;
}
.DataList .CategoryDescription:empty,
.DataList .Excerpt:empty,
.MessageList .CategoryDescription:empty,
.MessageList .Excerpt:empty {
  display: none;
}
.DataList .Bookmark::before,
.MessageList .Bookmark::before {
  font-size: 20px;
  line-height: 20px;
}
.DataList .OptionsMenu .Arrow::before,
.MessageList .OptionsMenu .Arrow::before {
  line-height: 20px;
  font-size: 18px;
  margin-top: -1px;
}
.DataList .MostRecentBy {
  max-width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.DataList .LatestPostTitle {
  display: inline-block;
}
.DataList .LatestPostTitle,
.MessageList .LatestPostTitle,
.MessageList .MostRecentBy {
  max-width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.MessageList .LatestPostTitle {
  display: inline-block;
}
.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 {
  max-width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inherit;
}
.DataList .MostRecentBy,
.MessageList .MostRecentBy {
  display: inherit;
}
.DataList .MItem.RSS,
.MessageList .MItem.RSS {
  display: none;
}
.DataList .ChildCategories,
.MessageList .ChildCategories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 0;
  margin-bottom: -3px;
}
.DataList .ChildCategories b,
.MessageList .ChildCategories b {
  margin-right: 3px;
  margin-bottom: 3px;
}
.DataList .ChildCategories a,
.MessageList .ChildCategories a {
  color: #696e75;
  font-weight: inherit;
  font-size: 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: #0291db;
}
.DataList .ChildCategories .Comma,
.MessageList .ChildCategories .Comma {
  margin-right: 3px;
}
.DataList .PhotoWrap,
.DataList a.Delete,
.MessageList .PhotoWrap,
.MessageList a.Delete {
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.DataList a.Delete,
.MessageList a.Delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-family: Arial, sans-serif;
  visibility: visible;
}
.DataList .PhotoWrap,
.MessageList .PhotoWrap {
  margin: 0 12px 0 0;
  height: 42px;
  width: 42px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 50%;
}
.DataList .PhotoWrap img,
.MessageList .PhotoWrap img {
  margin: 0;
  width: 100%;
  height: auto;
}
.DataList .PhotoWrap.NoPhoto,
.MessageList .PhotoWrap.NoPhoto {
  display: none;
}
.DataList .IndexPhoto,
.MessageList .IndexPhoto {
  margin-right: 0;
}
.DataList .Item-Col .Options,
.MessageList .Item-Col .Options {
  visibility: visible;
}
.DataList .Item-Col .Options .OptionsLink,
.MessageList .Item-Col .Options .OptionsLink {
  margin-left: 3px;
}
.DataList .Item-Col .Options .Bullet,
.DataList .Reactions .Bullet,
.MessageList .Item-Col .Options .Bullet,
.MessageList .Reactions .Bullet {
  display: none;
}
.DataList .NoteType,
.MessageList .NoteType {
  font-family: inherit;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
}
.DataList .CategoryPhoto,
.MessageList .CategoryPhoto {
  height: inherit;
}
.DataList .Hero,
.MessageList .Hero {
  padding: 0;
}
.DataList mark,
.MessageList mark {
  background-color: rgba(255, 206, 0, 0.5);
}
.DataList .Reactions,
.MessageList .Reactions {
  margin: 0 -3px;
}
.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:not(.CategoryList),
.PageTitle + .ItemDiscussion {
  border-top-width: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.DataList.Discussions .Item .Title {
  display: block;
}
.DataList.Discussions .Item .Options .ToggleFlyout,
.Group-Box.EventList .Item .Options .OptionsMenu,
.MessageList .ItemComment .Options .ToggleFlyout,
.MessageList .PageTitle .Options .Bookmark,
.MessageList .PageTitle .Options .ToggleFlyout {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  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 .ItemComment.ItemComment,
.MessageList .ItemDiscussion.ItemDiscussion {
  padding: 0;
}
.MessageList .ItemComment,
.MessageList .ItemDiscussion {
  position: relative;
}
.MessageList .ItemComment .Item-Header,
.MessageList .ItemDiscussion .Item-Header {
  background: 0 0;
  margin: 0;
  width: 100%;
  padding-top: 16px;
  padding-bottom: calc(16px / 2);
  padding-left: 8px;
  padding-right: 8px;
}
.MessageList .ItemComment .MItem.RoleTracker,
.MessageList .ItemDiscussion .MItem.RoleTracker {
  padding: 0 3px;
}
.MessageList .ItemComment .MItem.RoleTracker a,
.MessageList .ItemComment .flair-item img,
.MessageList .ItemDiscussion .MItem.RoleTracker a,
.MessageList .ItemDiscussion .flair-item img {
  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 {
  font-size: 12px;
  line-height: 1.5;
  display: inline-block;
}
.MessageList .ItemComment .AuthorWrap > *,
.MessageList .ItemComment .Meta > *,
.MessageList .ItemDiscussion .AuthorWrap > *,
.MessageList .ItemDiscussion .Meta > * {
  display: inline;
  font-size: inherit;
  line-height: inherit;
}
.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 .MItem.Category,
.MessageList .ItemDiscussion .MItem.Category {
  display: none;
}
.MessageList .ItemComment .flair,
.MessageList .ItemDiscussion .flair {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 -3px;
  width: calc(100% + (3px * 2));
}
.MessageList .ItemComment .flair-item,
.MessageList .ItemDiscussion .flair-item {
  display: inline-block;
  margin: 0 3px;
}
.MessageList .ItemComment .Item-BodyWrap,
.MessageList .ItemDiscussion .Item-BodyWrap {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-top: calc(8px);
}
.MessageList .ItemComment .Item-Body > :empty,
.MessageList .ItemDiscussion .Item-Body > :empty {
  display: none;
}
.MessageList .ItemComment .Item-Body > *,
.MessageList .ItemDiscussion .Item-Body > * {
  margin: 12px 0 0;
}
.MessageList.AcceptedAnswers .Item:first-child,
.MessageList.Comments .Item:first-child {
  border-top-width: 0;
}
.Activities,
.Conversations,
.MessageList {
  clear: both;
}
.Activities .ItemContent {
  margin-left: calc(42px + 8px);
}
@media screen and (max-width: 768px) {
  .Activities .ItemContent .Title {
    padding-right: 12px;
  }
}
.Activities .ItemContent .Author {
  display: block;
}
@media screen and (max-width: 768px) {
  .Activities .ItemContent .Author .PhotoWrap {
    margin-right: 0;
  }
  .Activities .ItemContent .Delete {
    position: absolute;
  }
}
.Conversation .Meta {
  margin-left: 0;
  margin-right: 0;
}
.DataList-Search {
  margin-top: 18px;
}
.DataList-Search .Item-Body,
.DataList-Search h3 {
  padding-left: calc(42px + 8px);
}
.DataList-Search .PhotoWrap {
  position: absolute;
  top: 16px;
  left: 0;
}
.DataList-Search .Meta {
  margin-left: 0;
  margin-right: 0;
}
.DataList-Notes .Item-Col,
.Group-Content .DataList .ItemContent.Discussion {
  padding-left: 0;
}
.Group-Content .DataList .Options {
  position: absolute;
  top: 16px;
  right: 8px;
}
@media screen and (max-width: 768px) {
  .Group-Content .DataList .Meta {
    margin-top: 0;
  }
}
.Group-Box.EventList .Item .Options {
  position: initial;
}
.ApplicantList .DataList .PhotoWrap {
  margin-right: 0;
}
.ApplicantList .DataList .ItemContent {
  padding-left: calc(42px + 8px);
}
.DataList-Notes .Meta {
  margin: 0 0 6px;
}
.DataList-Notes .NoteType {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: #555a62;
  display: block;
  margin-bottom: 6px;
}
.CategoryBox + .CategoryBox {
  margin-top: 16px 8px;
}
.CategoryBox .Empty {
  background: #fff;
  padding: 16px 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: #d6d7d9 1px solid;
}
.CategoryBox .Empty:last-child {
  border-bottom: #d6d7d9 1px solid;
}
.CategoryBox .Empty.Read {
  opacity: 1;
}
.CategoryBox .H {
  font-family: inherit;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;
  margin-bottom: 16px 8px;
  color: inherit;
}
.CategoryBox .H a {
  font-size: inherit;
  font-weight: inherit;
  color: 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: 16px 8px;
}
.CategoryBox .Bookmark::before {
  font-size: 20px;
  line-height: 20px;
}
.CategoryBox .OptionsMenu .Arrow::before {
  line-height: 20px;
  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: calc(100px + 12px);
}
@media screen and (max-width: 410px) {
  .DataList.Discussions
    .CatalogueRow.ItemDiscussion-withPhoto
    .Discussion.ItemContent {
    padding-left: 0;
  }
}
.catalogue-image-wrapper.catalogue-image-wrapper {
  height: 100px;
  width: 100px;
  margin-right: 12px;
  overflow: hidden;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  position: relative;
}
@media screen and (max-width: 410px) {
  .catalogue-image-wrapper.catalogue-image-wrapper {
    float: none;
    height: 100px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.catalogue-image-wrapper.catalogue-image-wrapper a {
  height: inherit;
  width: inherit;
  display: block;
}
.catalogue-image-wrapper.catalogue-image-wrapper img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  width: auto;
  max-width: none;
  max-height: none;
}
@media screen and (max-width: 410px) {
  .catalogue-image-wrapper.catalogue-image-wrapper img {
    width: 100%;
    height: auto;
    top: 50%;
    left: auto;
    -webkit-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  .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
 */
.SpNotifications::before {
  font-size: 24px;
  content: "";
}
.SpInbox::before {
  font-size: 24px;
  content: "";
}
.SpBookmarks::before {
  font-size: 22px;
  content: "";
}
.Open .SpNotifications::before {
  content: "";
}
.Open .SpInbox::before {
  content: "";
}
.Open .SpBookmarks::before {
  content: "";
}
.MeBox,
.MeBox .MeButton,
.MeBox .MeButton .Alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.MeBox {
  min-height: initial;
}
.MeBox .MeButton,
.MeBox .MeButton .Alert {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.MeBox .MeButton {
  padding: 0;
  font-size: 20px;
  height: 32px;
  width: 32px;
  border-radius: 3px;
}
.MeBox .MeButton .Alert {
  line-height: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 18px;
  right: -8px;
  top: -9px;
  border-width: 1px;
  border-style: solid;
}
@media screen and (max-width: 768px) {
  .MeBox .MeButton .Alert {
    top: 0;
  }
}
.MeBox .MeBox-mobileClose {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.7);
  display: none;
}
@media screen and (min-width: 768px) {
  .MeBox .MeBox-mobileClose {
    display: none;
  }
}
.MeBox .MeButton-user .ProfilePhoto {
  width: 28px;
  height: 28px;
  border-radius: 28px;
}
.MeBox .Flyout {
  top: 100%;
}
.MeBox .SignInIcons:empty {
  display: none;
}
.MeBox.FlyoutRight .Flyout {
  right: 0;
}
.SignInIcons {
  margin-left: 18px;
}
.MeBox .WhoIs,
.UserBox .WhoIs {
  min-height: initial;
  line-height: inherit;
}
@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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.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 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 14px;
  border-radius: 6px;
  padding: 16px 8px;
  background-color: #eeefef;
  border-color: #555a62;
}
.DismissMessage a {
  color: #555a62;
  text-decoration: underline;
}
.DismissMessage ol,
.DismissMessage ul {
  list-style: initial;
  padding: calc(18px * 2);
}
.DismissMessage ol {
  list-style: decimal;
}
.DismissMessage img {
  max-width: 100%;
}
a.Dismiss.Dismiss {
  position: static;
  float: right;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  font-family: Arial, sans-serif;
  visibility: visible;
}
.CasualMessage {
  background-color: #e6f4fb;
  border-color: #0291db;
}
.CasualMessage a {
  color: #01699e;
}
.WarningMessage {
  background-color: #ffebeb;
  border-color: #ff3933;
}
.WarningMessage a {
  color: #b30500;
}
.AlertMessage {
  background-color: #fffae6;
  border-color: #ffce00;
}
.AlertMessage a {
  color: #997c00;
}
/*!
 * @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;
}
.PrevNextPager .Next {
  margin-left: auto;
}
.MorePager {
  margin-top: 0;
  text-align: center;
  color: #696e75;
}
.MorePager:focus,
.MorePager:hover {
  color: #0291db;
}
.MorePager a {
  color: inherit;
}
.MorePager a:focus,
.MorePager a:hover {
  color: inherit;
}
.PrevNextPager .Next,
.PrevNextPager .Previous {
  font-family: inherit;
  -webkit-transition: background 0.1s ease, border 0.1s ease;
  -o-transition: background 0.1s ease, border 0.1s ease;
  transition: background 0.1s ease, border 0.1s ease;
  border: 1px solid #999;
  border-style: solid;
  line-height: 36px;
  min-height: 36px;
  padding: 0 12px;
  text-decoration: none;
  border-radius: 6px;
  display: inline-block;
  -webkit-appearance: none;
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
  min-width: 120px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .PrevNextPager .Next,
  .PrevNextPager .Previous {
    max-width: 100%;
  }
}
.CommentsWrap::after,
.PageControls::after,
.PagerWrap::after,
.QuickSearch .MenuItems::after {
  content: "";
  display: table;
  clear: both;
}
.PagerWrap {
  margin: 0;
  float: right;
}
.PagerNub {
  display: none;
}
.CommentHeading {
  min-height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 6px;
}
.BeforeCommentHeading,
.PageControls,
.PageControls .H {
  margin-bottom: 14px;
}
.PageControls {
  min-height: initial;
  margin: initial;
}
.QuickSearch .MenuItems {
  right: -2px;
  top: 100%;
}
.QuickSearch .MenuItems .InputBox {
  margin-right: 12px;
}
.QuickSearch .MenuItems .bwrap {
  position: static;
  margin-left: 3px;
}
.QuickSearch .MenuItems .bwrap button {
  padding: 0;
}
.QuickSearch .MenuItems form > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.MoreWrap a,
.more.More,
a.MoreWrap {
  color: #0291db;
}
.MoreWrap a:focus,
.MoreWrap a:hover,
.more.More:focus,
.more.More:hover,
a.MoreWrap:focus,
a.MoreWrap:hover {
  color: #0291db;
}
.Pager,
.Pager span,
.Pager > a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Pager {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .Pager {
    float: none;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 12px;
  }
  .Pager .QuickSearch {
    display: none;
  }
}
.Pager .QuickSearchButton {
  margin: 0 0 0 12px;
}
.Pager span,
.Pager > a {
  -webkit-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  height: 36px;
  min-width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #555a62;
  padding: 0;
  margin: 0 0 0 -1px;
  border: #d6d7d9 1px solid;
}
.Pager > a.Ellipsis {
  font-size: 0;
  background: 0 0;
  padding-bottom: 0;
}
.Pager > a.Ellipsis::after {
  font-size: 11px;
  font-weight: 400;
  content: "•••";
}
.Pager .Next,
.Pager .Previous {
  padding: 0 12px;
  text-align: center;
}
.Pager .Previous {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.Pager .Next {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.Pager .QuickSearchButton {
  height: 36px;
  min-width: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Pager .QuickSearchButton.QuickSearchButton span {
  display: inherit;
  color: inherit;
}
.Pager .QuickSearchButton.QuickSearchButton span:focus,
.Pager .QuickSearchButton.QuickSearchButton span:hover {
  color: inherit;
  background-color: transparent;
}
.Pager .QuickSearchWrap {
  width: 300px;
}
.Pager .bwrap .Button {
  line-height: 36px;
  height: 36px;
}
.selectBox-toggle {
  color: #0291db;
}
@media screen and (max-width: 500px) {
  .PagerLinkCount-13 .Pager-p:not(.Highlight):not(.LastPage) {
    display: none;
  }
  .Pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .Pager a,
  .Pager span {
    white-space: nowrap;
    min-width: 34px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0;
    padding-right: 0;
  }
}
@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 {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .PageControls.PageControls .selectBox {
    display: inline-block;
  }
}
.PageControls.PageControls .BoxNewConversation,
.PageControls.PageControls .BoxNewDiscussion {
  display: none;
}
.PageControls.PageControls .discussion-sort-filter-module {
  float: none !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.PageControls.PageControls .selectBox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
  height: 38px;
}
.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 {
  position: relative;
  background: 0 0;
  border-left-width: 0;
}
.Item .Poll h2 {
  font-family: inherit;
  text-transform: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.Item .Poll h2 span {
  color: inherit;
}
.Item .Poll .VoteUsers {
  position: relative;
  z-index: 3;
}
.Item .Poll .VoteUsers .PhotoWrap {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.Item .Poll .VoteUsers .PhotoWrap:first-child {
  margin-left: 0;
}
.Item .Poll .VoteUsers .PhotoWrap img {
  margin: 0;
  height: inherit;
  width: inherit;
  min-height: auto;
  min-width: auto;
}
.Item .Poll .VoteOption {
  display: block;
  position: relative;
  z-index: 3;
  line-height: 1.5;
  font-weight: 400;
}
.Item .Poll .VoteBar {
  position: static;
  margin: 0;
}
.Item .Poll .PollOption {
  margin: 12px 0;
  position: relative;
  padding: 6px 50px 6px 12px;
  min-height: 32px;
  background-color: #f5f5f6;
  border-radius: 6px;
  overflow: hidden;
}
.Item .Poll .PollColor {
  background-color: #0291db !important;
  min-height: 32px;
  opacity: 0.3;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  height: 100%;
}
.Item .Poll .VotePercent {
  line-height: 32px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-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 {
  top: 50vh !important;
  left: 50vw !important;
  position: fixed;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
div.Popup .Border {
  background: 0 0;
}
div.Popup .Body {
  padding: 12px 18px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  color: #555a62;
}
div.Popup .Body .FormWrapper {
  padding: 0;
}
.InformMessages .InformMessage a,
.InformMessages .InformMessage:hover a,
div.Popup .Body a {
  color: #0291db;
}
div.Popup .Body a:focus,
div.Popup .Body a:hover {
  color: #0276b3;
  text-decoration: none;
}
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: rgba(85, 90, 98, 0.8);
}
div.Popup .Body .WarningMessage {
  background-color: #fffae6;
  border-color: #ffce00;
  color: #555a62;
}
div.Popup .Body .Buttons .Close:focus,
div.Popup .Body .Buttons .Close:hover {
  color: #fff;
}
div.Popup .Content,
div.Popup .Footer {
  color: inherit;
}
div.Popup .Content {
  float: none;
  width: auto !important;
}
div.Popup a.Close {
  top: 24px;
  right: 28px;
}
div.Popup .Buttons > :first-child {
  margin-right: 3px;
}
.InformMessages .InformMessage,
.InformMessages .InformMessage:hover {
  background-color: #fff !important;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4) !important;
  border-radius: 6px;
  color: #555a62 !important;
  text-shadow: none;
}
.Overlay {
  background: rgba(0, 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: #696e75;
}
.Reactions .ReactButton:hover {
  color: #0291db;
}
.RecordReactions {
  margin-left: -3px;
  margin-right: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.RecordReactions .PhotoWrap {
  position: relative;
  width: 24px;
  height: 24px;
}
.RecordReactions .ReactSprite {
  color: #fff;
  margin-right: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.RecordReactions .UserReactionWrap {
  width: 24px;
  margin: 0 3px 3px;
}
.RecordReactions .ReactAwesome::before {
  font-size: 11px;
  margin-left: 1.5px;
  margin-top: 1px;
}
.Flyout .ReactButton .Count {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
body.hasRichEditor .FormWrapper.FormWrapper-Condensed {
  border-width: 0;
  padding-right: 0 !important;
  background-color: transparent;
}
body.hasRichEditor #ConversationForm .FormWrapper,
body.hasRichEditor #EventAddEditForm .FormWrapper,
body.hasRichEditor #GroupForm .FormWrapper,
body.hasRichEditor #MessageForm .FormWrapper,
body.hasRichEditor .FormWrapper.FormWrapper-Condensed .richEditor {
  padding-left: 0;
  padding-right: 0;
}
body.hasRichEditor .richEditor-frame {
  border-radius: 6px;
  border: 1px solid #999;
  overflow: initial;
}
body.hasRichEditor .CommentOptions {
  display: block;
  margin-bottom: 12px;
}
body.hasRichEditor .bodybox-wrap {
  margin-bottom: 12px;
}
body.hasRichEditor .Popup .NoteForm {
  padding: 0;
}
body.hasRichEditor .Popup .richEditor,
body.hasRichEditor .richEditor {
  padding-left: 0;
}
body.hasRichEditor .CommentForm.CommentForm {
  border-width: 0;
  padding: 0;
  background-color: transparent;
}
body.hasRichEditor .CommentForm.CommentForm .Buttons {
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  body.hasRichEditor .embedDialogue.embedDialogue {
    position: static;
  }
}
@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 {
  font-size: inherit;
  width: 100%;
  border-color: #999;
  padding: 3px 36px 3px 12px;
}
.InputAndButton .BigInput::-webkit-input-placeholder,
.InputBox.js-search::-webkit-input-placeholder {
  color: #999;
}
.InputAndButton .BigInput::-moz-placeholder,
.InputBox.js-search::-moz-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;
}
.AdvancedSearch .Handle.Handle .Arrow::after,
.SearchBox form > div::after,
.SearchForm form > div::after,
.groupSearch-search::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  color: #555a62;
}
.SearchBox form > div::after,
.SearchForm form > div::after,
.groupSearch-search::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 36px;
  line-height: 36px;
  pointer-events: none;
}
.groupSearch-search .groupSearch-button.groupSearch-button {
  bottom: 0;
}
.AdvancedSearch .bwrap .Button,
.InputBox.js-search + input,
.SearchForm .SiteSearch .Button,
.groupSearch-search .groupSearch-button.groupSearch-button {
  background: 0 0;
  border-color: transparent;
  border-width: 0;
  line-height: 36px;
  height: 36px;
  width: 36px;
  min-width: 0;
  padding: 0 3px;
  position: absolute;
  right: 0;
  top: 0;
}
.AdvancedSearch .bwrap .Button {
  color: #555a62;
}
.AdvancedSearch {
  max-width: 100%;
  margin: 0;
  padding-right: 0;
}
.AdvancedSearch .bwrap.bwrap {
  position: static;
}
.AdvancedSearch .Handle.Handle {
  height: 36px;
  width: 36px;
  opacity: 1;
  right: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.AdvancedSearch .Handle.Handle .Arrow {
  position: static;
  width: auto;
  height: auto;
  border-color: transparent;
  font-size: 20px;
}
.AdvancedSearch .Handle.Handle .Arrow::after {
  line-height: inherit;
  content: "";
}
.InputBox.js-search + input {
  color: transparent;
}
.InputBox.js-search + input:active,
.InputBox.js-search + input:focus,
.InputBox.js-search + input:hover,
.SiteSearch .Button:active,
.SiteSearch .Button:focus,
.SiteSearch .Button:hover {
  color: transparent;
}
.SearchForm .InputBox {
  border-radius: 6px;
}
.SiteSearch .Button {
  color: transparent;
}
.SearchBox {
  width: 100%;
  margin-bottom: 18px;
  position: relative;
}
.SearchBox::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 768px) {
  .SearchBox {
    max-width: 100%;
  }
}
.SearchBox .Sprite.SpSearch,
.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 {
  border-radius: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.03);
  border: #d6d7d9 1px solid;
}
.DataList-Connections .Button.ActivateSlider-Button {
  display: inline-block;
  cursor: pointer;
  margin: 0;
  font-size: 14px;
  background: #fff;
  color: #0291db;
  border-radius: 6px;
  border: 1px solid #999;
  border-color: #0280c2;
  line-height: 36px;
  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 {
  width: auto;
  min-width: 125px;
}
.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: #0291db;
  color: #fff;
  border-color: #0280c2;
}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
.CategoryGroup .Empty {
  padding-top: 16px 8px;
  padding-bottom: 16px 8px;
  border-top: #d6d7d9 1px solid;
  border-bottom: #d6d7d9 1px solid;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.categoryList-heading {
  font-size: 32px;
  margin-bottom: 16px 8px;
}
@media screen and (max-width: 768px) {
  .categoryList-heading {
    font-size: 18px;
  }
}
.DataTable,
.Groups .DataTable {
  table-layout: fixed;
  width: calc(100% + 16px);
  margin: 0 0 18px -8px;
}
.DataTable .Item:first-child td,
.Groups .DataTable .Item:first-child td {
  border-top: #d6d7d9 1px solid;
}
.DataTable .Item td,
.Groups .DataTable .Item td {
  border-bottom: #d6d7d9 1px solid;
}
.DataTable .Item.Read,
.Groups .DataTable .Item.Read {
  opacity: 1;
}
.DataTable thead,
.Groups .DataTable thead {
  table-layout: fixed;
  width: inherit;
  display: table;
}
.DataTable thead tr,
.Groups .DataTable thead tr {
  border: 0;
}
.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 {
  word-break: normal;
  white-space: nowrap;
  padding: 0;
}
.DataTable .SpFlyoutHandle::before,
.Groups .DataTable .SpFlyoutHandle::before {
  font-size: 14px;
}
.DataTable td .Wrap,
.Groups .DataTable td .Wrap {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: calc(8px / 2);
  padding-right: calc(8px / 2);
}
.DataTable td:first-child .Wrap,
.Groups .DataTable td:first-child .Wrap {
  padding-left: 8px;
}
.DataTable td:last-child .Wrap,
.Groups .DataTable td:last-child .Wrap {
  padding-right: 8px;
}
.DataTable .Title.Title,
.DataTable h2,
.DataTable h3,
.Groups .DataTable .Title.Title,
.Groups .DataTable h2,
.Groups .DataTable h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  display: block;
}
.DataTable .Title.Title a,
.DataTable h2 a,
.DataTable h3 a,
.Groups .DataTable .Title.Title a,
.Groups .DataTable h2 a,
.Groups .DataTable h3 a {
  font-size: inherit;
  font-weight: inherit;
  display: inline;
  color: 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 {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #555a62;
  margin: 6px 0 0;
}
.DataTable .CategoryDescription:empty,
.DataTable .Excerpt:empty,
.Groups .DataTable .CategoryDescription:empty,
.Groups .DataTable .Excerpt:empty {
  display: none;
}
.DataTable .Options,
.Groups .DataTable .Options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@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 > * {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
.DataTable .AuthorInfo * a,
.DataTable .MItem a,
.DataTable .Meta > * a,
.Groups .DataTable .AuthorInfo * a,
.Groups .DataTable .MItem a,
.Groups .DataTable .Meta > * a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.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:last-child,
.Groups .DataTable .MItem:last-child {
  margin-right: 0;
}
.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: calc(42px + 6px + (8px / 2));
}
.DataTable .Meta,
.Groups .DataTable .Meta {
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .DataTable .Meta,
  .Groups .DataTable .Meta {
    margin-top: 12px;
  }
}
.DataTable .Meta:empty,
.Groups .DataTable .Meta:empty {
  display: none;
}
.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;
  padding: 0;
}
.DataTable td.FirstUser,
.DataTable td.LastUser,
.DataTable td.LatestPost,
.Groups .DataTable td.FirstUser,
.Groups .DataTable td.LastUser,
.Groups .DataTable td.LatestPost {
  width: 170px;
  max-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 {
  position: absolute;
  top: 16px;
  right: 8px;
}
.DataTable tbody,
.Groups .DataTable tbody {
  table-layout: fixed;
  width: inherit;
  display: table;
  margin: 0;
  border-spacing: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.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 {
  position: relative;
  margin-top: 0;
}
.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 .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 {
  width: 42px;
  height: 42px;
  margin: 0;
}
.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: 0;
  }
  .DataTable.CategoryTable tbody tr:last-child td,
  .Groups .DataTable.CategoryTable tbody tr:last-child td {
    border-bottom-right-radius: 0;
  }
}
@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: 0;
  }
  .DataTable.CategoryTable tbody tr:last-child .CountComments,
  .Groups .DataTable.CategoryTable tbody tr:last-child .CountComments {
    border-bottom-right-radius: 0;
  }
}
@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: 0;
  }
  .DataTable.CategoryTable tbody tr:last-child .CountDiscussions,
  .Groups .DataTable.CategoryTable tbody tr:last-child .CountDiscussions {
    border-bottom-right-radius: 0;
  }
}
.DataTable.CategoryTable thead .CategoryName,
.Groups .DataTable.CategoryTable thead .CategoryName {
  padding-left: 16px 8px;
}
.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 .PhotoWrap,
.Groups .DataTable.CategoryTable tbody td.CategoryName .PhotoWrap {
  margin: 0 12px 0 0;
  height: 42px;
  width: 42px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}
.DataTable.CategoryTable tbody td.CategoryName .PhotoWrap img,
.Groups .DataTable.CategoryTable tbody td.CategoryName .PhotoWrap img {
  margin: 0;
  width: 100%;
  height: auto;
  position: absolute;
}
.CategoryGroup.HideTable,
.DataTable.CategoryTable tbody td.CategoryName .PhotoWrap.NoPhoto,
.Groups .DataTable.CategoryTable tbody td.CategoryName .PhotoWrap.NoPhoto {
  display: none;
}
.DataTable.CategoryTable tbody td.LatestPost,
.DataTable.CategoryTable tbody td.LatestPost .LatestPostTitle,
.Groups .DataTable.CategoryTable tbody td.LatestPost,
.Groups .DataTable.CategoryTable tbody td.LatestPost .LatestPostTitle {
  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-right: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.DataTable.CategoryTable tbody td.LatestPost .UserLink,
.Groups .DataTable.CategoryTable tbody td.LatestPost .UserLink {
  max-width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.DataTable.CategoryTable .ChildCategories,
.Groups .DataTable.CategoryTable .ChildCategories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 0;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: -3px;
}
.DataTable.CategoryTable .ChildCategories .Comma,
.DataTable.CategoryTable .ChildCategories b,
.Groups .DataTable.CategoryTable .ChildCategories .Comma,
.Groups .DataTable.CategoryTable .ChildCategories b {
  margin-right: 3px;
}
.DataTable.CategoryTable .ChildCategories a,
.Groups .DataTable.CategoryTable .ChildCategories a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #696e75;
}
.DataTable-ReactionsLog .ReactionsLog-User a:focus,
.DataTable-ReactionsLog .ReactionsLog-User a:hover,
.DataTable.CategoryTable .ChildCategories a:focus,
.DataTable.CategoryTable .ChildCategories a:hover,
.Groups .DataTable.CategoryTable .ChildCategories a:focus,
.Groups .DataTable.CategoryTable .ChildCategories a:hover {
  color: #0291db;
}
@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: 0;
  }
  .DataTable.DiscussionsTable.DiscussionsTable tbody tr:last-child td,
  .Groups .DataTable.DiscussionsTable.DiscussionsTable tbody tr:last-child td {
    border-bottom-right-radius: 0;
  }
  .DataTable.DiscussionsTable.DiscussionsTable
    tbody
    tr
    .CheckBoxColumn.CheckBoxColumn,
  .Groups
    .DataTable.DiscussionsTable.DiscussionsTable
    tbody
    tr
    .CheckBoxColumn.CheckBoxColumn {
    border-top-right-radius: 0;
    border-bottom-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: 0;
  }
  .DataTable.DiscussionsTable.DiscussionsTable tbody tr:last-child .CountViews,
  .Groups
    .DataTable.DiscussionsTable.DiscussionsTable
    tbody
    tr:last-child
    .CountViews {
    border-bottom-right-radius: 0;
  }
}
@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: 0;
  }
  .DataTable.DiscussionsTable.DiscussionsTable
    tbody
    tr:last-child
    .CountComments,
  .Groups
    .DataTable.DiscussionsTable.DiscussionsTable
    tbody
    tr:last-child
    .CountComments {
    border-bottom-right-radius: 0;
  }
}
.DataTable.DiscussionsTable.DiscussionsTable .userCardWrapper-link,
.Groups .DataTable.DiscussionsTable.DiscussionsTable .userCardWrapper-link {
  margin-left: calc(42px + 6px + (8px / 2));
}
.DataTable.DiscussionsTable.DiscussionsTable .MiniPager,
.Groups .DataTable.DiscussionsTable.DiscussionsTable .MiniPager {
  margin: 0;
  display: block;
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  text-align: right;
}
@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: transparent;
  color: #555a62;
  border: 0;
  line-height: 1.5;
  border-radius: 6px;
  padding: 0 3px;
  display: inline;
  font-weight: 600;
  font-size: inherit;
  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: transparent;
  color: #0291db;
}
.DataTable.DiscussionsTable.DiscussionsTable td.CheckBoxColumn,
.Groups .DataTable.DiscussionsTable.DiscussionsTable td.CheckBoxColumn {
  width: 35px;
}
.DataTable.DiscussionsTable.DiscussionsTable td.DiscussionName,
.Groups .DataTable.DiscussionsTable.DiscussionsTable td.DiscussionName,
body.Categories.Section-DiscussionList .DataTable.DiscussionsTable,
body.Section-DiscussionList.mine .DataTable.DiscussionsTable,
body.Section-Group .DataTable.DiscussionsTable {
  width: 100%;
}
.DataTable.DiscussionsTable.DiscussionsTable td.DiscussionName .Title,
.Groups .DataTable.DiscussionsTable.DiscussionsTable td.DiscussionName .Title {
  width: calc(100% - 52px);
}
.DataTable.DiscussionsTable.DiscussionsTable .ItemIdea td.DiscussionName .Wrap,
.Groups
  .DataTable.DiscussionsTable.DiscussionsTable
  .ItemIdea
  td.DiscussionName
  .Wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.DataTable.DiscussionsTable.DiscussionsTable
  .ItemIdea
  td.DiscussionName
  .Options,
.Groups
  .DataTable.DiscussionsTable.DiscussionsTable
  .ItemIdea
  td.DiscussionName
  .Options {
  position: absolute;
  top: 16px;
  right: calc(16px / 2);
}
.DataTable.DiscussionsTable.DiscussionsTable .ItemIdea td.DiscussionName .Title,
.Groups
  .DataTable.DiscussionsTable.DiscussionsTable
  .ItemIdea
  td.DiscussionName
  .Title {
  -ms-flex-preferred-size: calc(100% - (16px / 2 + 42px + 50px));
  flex-basis: calc(100% - (16px / 2 + 42px + 50px));
}
.DataTable.DiscussionsTable.DiscussionsTable
  .ItemIdea
  td.DiscussionName
  .idea-counter-module,
.Groups
  .DataTable.DiscussionsTable.DiscussionsTable
  .ItemIdea
  td.DiscussionName
  .idea-counter-module {
  margin-right: calc(16px / 2);
}
.DataTable.DiscussionsTable.DiscussionsTable .ItemIdea td.DiscussionName .Meta,
.Groups
  .DataTable.DiscussionsTable.DiscussionsTable
  .ItemIdea
  td.DiscussionName
  .Meta {
  margin-left: calc(16px / 2 + 42px);
  -ms-flex-preferred-size: calc(100% - (16px / 2 + 42px + 50px));
  flex-basis: calc(100% - (16px / 2 + 42px + 50px));
}
@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;
  }
}
.GroupWrap .DataTable .Title-Icon,
.categoryList-heading {
  color: #555a62;
}
body.UserLoggedOut .DiscussionsTable tbody td.DiscussionName .Wrap {
  padding-right: 0;
}
.Frame-contentWrap::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 768px) {
  .GroupWrap .DataTable tbody tr:first-child td {
    border-top-right-radius: 0;
  }
  .GroupWrap .DataTable tbody tr:last-child td {
    border-bottom-right-radius: 0;
  }
}
@media screen and (max-width: 1272px) {
  .GroupWrap .DataTable tbody tr:first-child .CountDiscussions {
    border-top-right-radius: 0;
  }
  .GroupWrap .DataTable tbody tr:last-child .CountDiscussions {
    border-bottom-right-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .GroupWrap .DataTable tbody tr:first-child .CountMembers {
    border-top-right-radius: 0;
  }
  .GroupWrap .DataTable tbody tr:last-child .CountMembers {
    border-bottom-right-radius: 0;
  }
  .GroupWrap .DataTable tbody tr .CountMembers {
    padding-right: 16px 8px;
    border-right: #d6d7d9 1px solid;
  }
}
.GroupWrap .DataTable .Title.Title {
  display: inline-block;
  width: auto;
  padding-right: 0;
}
.GroupWrap .DataTable .EventTitle .Title {
  display: inline;
}
.GroupWrap .DataTable .Buttons {
  margin-right: 0;
  margin-left: 3px;
}
.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 .UserName {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .GroupWrap .DataTable .Invitation .UserName .Meta {
    display: none;
  }
  .GroupWrap .DataTable .Invitation .BlockColumn-Buttons {
    min-width: 105px;
  }
  .GroupWrap .DataTable .Event .EventTitle .Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .GroupWrap .DataTable .Event .EventTitle .Wrap .DateTile {
    position: absolute;
    top: 16px;
    bottom: 0;
    margin-top: 0;
    height: 42px;
    width: 42px;
  }
  .GroupWrap .DataTable .Event .EventTitle .Wrap .OptionsMenu {
    position: absolute;
    top: 16px;
    right: 0;
    width: auto;
  }
  .GroupWrap .DataTable .Event .EventTitle .Wrap .Description,
  .GroupWrap .DataTable .Event .EventTitle .Wrap .Title {
    padding-left: calc(42px + 12px);
  }
  .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 {
    margin-top: 12px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .GroupWrap .DataTable .Event .EventTitle .Wrap .Button {
    text-align: center;
  }
}
.GroupWrap .DataTable .Event .OptionsMenu {
  margin-right: 3px;
}
.GroupWrap .DataTable .LastUser,
.GroupWrap .DataTable .LatestPost {
  width: 30ex;
  max-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;
}
.GroupWrap .DataTable .Group-Name .Buttons .Button:nth-child(2) {
  background-color: transparent;
  border-color: #0291db;
  color: #0291db;
}
.GroupWrap .DataTable .Group-Name .Buttons .Button:nth-child(2):focus,
.GroupWrap .DataTable .Group-Name .Buttons .Button:nth-child(2):hover {
  border-color: #0291db;
  background-color: #0291db;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .GroupWrap .DataTable .Group-Name .Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .GroupWrap .DataTable .Group-Name .GroupDescription {
    margin-top: 12px;
  }
  .GroupWrap .DataTable .Group-Name .Title-Wrapper {
    padding-right: 20px;
  }
}
.DataTable-ReactionsLog .ReactionsLog-User a,
.GroupWrap .DataTable .EventLocation .Text {
  max-width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
@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 {
    padding-right: 16px 8px;
  }
}
.MemberList .DataTable td.UserName {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .MemberList .DataTable td.UserName {
    padding-right: 0;
    border-right-width: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 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 {
    width: 100%;
    display: block;
    text-align: center;
  }
  .MemberList .DataTable td.BlockColumn-Buttons .Button + .Button {
    margin-top: 3px;
  }
  .MemberList .DataTable td.JoinDate {
    display: none;
  }
}
.MemberList .DataTable .Title-Wrapper {
  padding-right: 0;
  height: 42px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - (42px + 12px));
}
.MemberList .DataTable .PhotoWrap {
  display: inline-block;
  margin-bottom: 0;
}
.Group-Box .DiscussionsTable td.DiscussionName.DiscussionName .Wrap {
  display: block;
  padding-left: 0;
}
.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 0;
  margin-top: 0;
}
.DataTable-ReactionsLog .Options.Options {
  top: 0;
  bottom: 0;
}
.DataTable-ReactionsLog .Options .Hijack {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  font-family: Arial, sans-serif;
  visibility: visible;
}
.DataTable-ReactionsLog .Item {
  background-color: #fff;
}
.DataTable-ReactionsLog .Item td {
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #f5f5f6;
  vert-align: middle;
}
.DataTable-ReactionsLog .ReactionsLog-Date {
  width: 16ex;
}
.DataTable-ReactionsLog .ReactionsLog-User {
  width: 50%;
}
.DataTable-ReactionsLog .ReactionsLog-User a {
  display: inline-block;
  color: #696e75;
}
.DataTable-ReactionsLog .ReactionsLog-Reaction {
  width: 12ex;
  text-align: center;
}
.DataTable-ReactionsLog .ReactionsLog-Options {
  position: relative;
  width: 2ex;
}
.DataTable-ReactionsLog .Options a {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  font-family: Arial, sans-serif;
  visibility: visible;
}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
.UserContent h3:focus,
.UserContent h3:hover,
.userContent h3:focus,
.userContent h3:hover {
  color: #555a62 !important;
}
.UserContent .embedImage-img,
.userContent .embedImage-img {
  position: relative;
  margin: 0 auto;
  display: block;
}
.UserContent .post-text-align-justify .embedImage-img,
.UserContent .post-text-align-left .embedImage-img,
.UserContent .post-text-align-right .embedImage-img,
.userContent .post-text-align-justify .embedImage-img,
.userContent .post-text-align-left .embedImage-img,
.userContent .post-text-align-right .embedImage-img {
  display: initial;
}
.UserContent .bbcode_center .embedImage-img,
.UserContent .bbcode_left .embedImage-img,
.UserContent .bbcode_right .embedImage-img,
.userContent .bbcode_center .embedImage-img,
.userContent .bbcode_left .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 div.Spoiler,
.UserContent div.Spoiler.SpoilerConfigured,
.userContent div.Spoiler,
.userContent div.Spoiler.SpoilerConfigured {
  padding: 3px 0;
  background-color: #f7f7f7;
  border-radius: 6px;
  border: 0;
  margin-top: 0;
  margin-right: 0;
}
.UserContent div.SpoilerTitle,
.userContent div.SpoilerTitle {
  text-align: center;
  padding: 0 20px;
  font-size: 16px;
  min-height: 40px;
  line-height: 40px;
  position: relative;
}
.userContent div.SpoilerTitle::before {
  font-size: 20px;
  position: relative;
  width: 40px;
  height: 40px;
}
.userContent div.SpoilerTitle::after {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  line-height: 40px;
}
.UserContent div.SpoilerTitle::before,
.userContent div.SpoilerTitle::after {
  font-size: 20px;
  position: relative;
  width: 40px;
  height: 40px;
}
.UserContent div.SpoilerTitle::after,
.UserContent div.SpoilerTitle::before,
.userContent div.SpoilerTitle::before {
  display: inline-block;
  min-width: 1em;
  font-family: vanillicon;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  color: inherit;
  -webkit-font-smoothing: antialiased;
}
.UserContent div.SpoilerTitle::after {
  font-size: 20px;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.UserContent div.SpoilerTitle::before,
.userContent div.SpoilerTitle::before {
  line-height: inherit;
  content: "";
  margin-right: 3px;
}
.UserContent div.Spoiler div.SpoilerTitle input,
.userContent div.Spoiler div.SpoilerTitle input {
  position: absolute;
  padding: 0;
  margin: 0;
  left: 0;
  right: 0;
  width: calc(100% - 10px);
  color: transparent;
  background-color: transparent;
  border-width: 0;
}
.UserContent div.Spoiler div.SpoilerText,
.userContent div.Spoiler div.SpoilerText {
  border-left-width: 0;
  margin: 0;
  padding: 0 14px 14px;
}
.UserContent .codeBlock,
.UserContent code,
.UserContent pre,
.userContent .codeBlock,
.userContent code,
.userContent pre {
  vertical-align: middle;
  font-size: 0.85em;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  margin: 0;
  border: 0;
}
.UserContent pre,
.UserContent pre.codeBlock,
.userContent pre,
.userContent pre.codeBlock {
  max-width: 100%;
  overflow-x: auto;
  display: block;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #26282b;
  background-color: #f7f7f7;
  padding: 14px;
}
.UserContent .codeBlock,
.UserContent code,
.userContent .codeBlock,
.userContent code {
  padding: 0;
  color: inherit;
  display: inline;
  background-color: transparent;
}
.UserContent p .codeBlock,
.UserContent p code,
.userContent p .codeBlock,
.userContent p code {
  display: inline;
  white-space: normal;
  background-color: #f7f7f7;
  padding: 0.2em 0.4em;
}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
.Footer {
  font-size: 14px;
  line-height: 1.5;
  padding: 18px 0;
}
.Footer a {
  color: #0291db;
}
.Footer a:hover {
  color: #0276b3;
}
.Footer .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -3px;
}
.Footer .col {
  padding: 0 3px;
}
@media screen and (max-width: 768px) {
  .Footer .col {
    width: 100%;
    text-align: center;
    margin: 6px 0;
  }
  .Footer .col:first-child {
    margin-top: 0;
  }
  .Footer .col:last-child {
    margin-bottom: 0;
  }
}
.Footer .col-copyRight {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.Footer .col-logo {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.Footer .col-copyRight,
.Footer .col-logo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .Footer .col-copyRight,
  .Footer .col-logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.Vanilla-logo {
  width: 120px;
  height: 28px;
  opacity: 0.6;
}
@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 {
  background-color: #0291db;
  color: #fff;
  border-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.Header .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
}
.Header .Hamburger,
.Header .mobileMeBox-button,
.Header-desktopNav .Navigation-linkContainer::after {
  display: none;
}
@media screen and (max-width: 768px) {
  .Header .Hamburger,
  .Header .mobileMeBox-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.Header .MeButton {
  color: #fff;
  background-color: transparent;
}
.Header .MeButton:active,
.Header .MeButton:focus,
.Header .MeButton:hover {
  color: #fff;
  background-color: #1883bc;
}
.Header .MeButton:active .Alert,
.Header .MeButton:focus .Alert,
.Header .MeButton:hover .Alert {
  color: #fff;
  background-color: #d0021b;
  border-color: #d0021b;
}
.Header .ToggleFlyout.Open .MeButton {
  background-color: #209edf;
}
.Header .WhoIs > .Username {
  color: #fff;
}
.Header .SignInLinks a,
.Navigation .SignInLinks.SignInLinks a {
  font-family: inherit;
  -webkit-transition: background 0.1s ease, border 0.1s ease;
  -o-transition: background 0.1s ease, border 0.1s ease;
  transition: background 0.1s ease, border 0.1s ease;
  border: 1px solid #999;
  border-style: solid;
  line-height: 36px;
  min-height: 36px;
  padding: 0 12px;
  text-decoration: none;
  border-radius: 6px;
  display: inline-block;
  -webkit-appearance: none;
}
@media screen and (max-width: 768px) {
  .Header .SignInLinks a {
    max-width: 100%;
  }
}
.Header-logo {
  padding: 3px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: 160px;
  flex-basis: 160px;
}
.Header-logo img {
  max-height: 28px;
  width: auto;
  height: auto;
}
@media screen and (max-width: 768px) {
  .Header-logo {
    display: none;
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
  }
}
.Header-desktopNav,
.Header-desktopNav .Navigation-linkContainer a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .Header-desktopNav {
    display: none;
  }
}
.Header-desktopNav .Navigation-linkContainer a {
  border-radius: 3px;
  margin: 0 6px;
  padding: 0 6px;
  height: 36px;
  font-size: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .Header-desktopCommunityChooser.Header-desktopCommunityChooser {
    display: none;
  }
}
.Header-flexSpacer {
  -webkit-box-flex: 1;
  -ms-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 {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.Header-right {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@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;
  }
}
.Navigation,
.mobileMebox {
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-transition: height 0.3s ease;
  -o-transition: height 0.3s ease;
  transition: height 0.3s ease;
  will-change: height;
  display: none;
}
@media screen and (max-width: 768px) {
  .Navigation,
  .mobileMebox {
    display: block;
  }
}
.Navigation.needsInitialization,
.mobileMebox.needsInitialization {
  position: fixed;
  top: -100%;
  left: -100%;
  visibility: hidden;
}
.Navigation {
  background: #fff;
  color: #555a62;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media screen and (max-width: 768px) {
  .Navigation .Container {
    padding: 0 0 6px;
  }
}
.Navigation .BoxButtons .Button:not(.Handle) {
  width: 100%;
  font-family: inherit;
  -webkit-transition: background 0.1s ease, border 0.1s ease;
  -o-transition: background 0.1s ease, border 0.1s ease;
  transition: background 0.1s ease, border 0.1s ease;
  border: 1px solid #999;
  border-style: solid;
  line-height: 36px;
  min-height: 36px;
  padding: 0 12px;
  text-decoration: none;
  border-radius: 6px;
  display: inline-block;
  -webkit-appearance: none;
}
@media screen and (max-width: 768px) {
  .Navigation .BoxButtons .Button:not(.Handle) {
    max-width: 100%;
  }
}
.Navigation .NewDiscussion.mobile {
  width: 100%;
}
.Navigation .MeBox-SignIn {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Navigation .SignInIcons.SignInIcons {
  margin-left: 0;
  margin-top: 12px;
  display: block;
  width: 100%;
  text-align: center;
}
.Navigation .SocialIcon {
  margin: 0 3px;
}
.Navigation .MeBox.mobile,
.Navigation .MeBox.mobile .MeBox {
  width: 100%;
}
.Navigation .MeBox.mobile .MeBox > .PhotoWrap.PhotoWrap {
  height: 42px;
  width: 25%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin-right: 0;
}
.Navigation .MeBox.mobile .MeBox > .PhotoWrap.PhotoWrap img {
  overflow: hidden;
  border-radius: 50%;
  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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
}
.Navigation .SignInLinks.SignInLinks {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .Navigation .SignInLinks.SignInLinks a {
    max-width: 100%;
  }
}
.Navigation .SignInLinks.SignInLinks .Bullet {
  font-size: 0;
  width: 20px;
}
.Navigation .SignIn.mobile {
  width: 100%;
}
.Navigation-row {
  padding: 18px;
}
.Navigation-link,
.Navigation-linkContainer,
.Navigation-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Navigation-link {
  font-size: 16px;
  font-weight: 400;
  min-height: 32px;
  display: block;
  width: 100%;
  padding: 0 18px;
}
.Navigation-linkContainer {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}
.Navigation-linkContainer a {
  margin: 0;
}
.Navigation-linkContainer a:hover {
  background: 0 0;
}
.Navigation-linkContainer::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ebebeb;
  margin: 6px 0;
}
.Navigation-linkContainer:last-child::after {
  content: none;
}
.UserLoggedOut .Navigation-row.NewDiscussion,
.mobileMeBox-button .PhotoWrap:hover a.ChangePicture,
.mobileMebox .MeButton-user .ProfilePhoto {
  display: none;
}
.mobileMeBox-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: 0 0;
  padding: 0;
  border-width: 0;
  outline: 0;
}
.mobileMeBox-button,
.mobileMebox-buttonClose {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mobileMebox-buttonClose {
  cursor: pointer;
  background: 0 0;
  border-width: 0;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  font-size: 20px;
  line-height: 32px;
  height: 32px;
  width: 32px;
  border-radius: 3px;
  margin-left: auto;
  opacity: 0.6;
}
.mobileMebox-buttonClose span {
  font-size: inherit;
}
.mobileMeBox-button {
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  height: 28px;
  width: 28px;
  right: 12px;
}
@media screen and (max-width: 768px) {
  .mobileMeBox-button {
    position: absolute;
  }
}
.mobileMeBox-button .PhotoWrap {
  height: 28px;
  width: 28px;
}
.mobileMebox .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobileMebox .MeBox {
  display: block;
  padding: 6px 0;
  width: 80%;
}
.mobileMebox .MeMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.mobileMebox .MeButton-user::before {
  font-size: 26px;
  content: "";
}
.mobileMebox .Open .MeButton-user::before {
  content: "";
}
@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;
    text-align: center;
  }
  .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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.Panel-main .ApplyButton,
.Panel-main .Button.Primary,
.Panel-main .SocialIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Panel-main .TagCloud {
  background: 0 0;
}
.Panel-main .TagCloud li {
  padding: 0;
  background: 0 0;
}
.Panel .InThisConversation .ProfilePhoto.ProfilePhoto.NoPhoto,
.Panel .Leaderboard .ProfilePhoto.ProfilePhoto.NoPhoto,
.Panel-header,
.WhosOnline.Box .PhotoWrap.PhotoWrap.NoPhoto {
  display: none;
}
@media screen and (max-width: 992px) {
  .Panel {
    width: 100%;
  }
}
.Panel h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
}
.Panel h4 .Count {
  margin-right: 6px;
  margin-bottom: -3px;
}
.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) {
  width: 100%;
  padding: 0;
}
.Panel .BoxButtons {
  margin: 0 0 18px;
}
.Panel .PhotoWrap {
  height: 24px;
  width: 24px;
}
.Panel .PhotoWrapLarge {
  width: 220px;
  height: 220px;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}
.Panel .PhotoWrapLarge img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
.Panel .PhotoWrapLarge:hover a.ChangePicture {
  z-index: 1;
  display: block;
}
.Panel .PanelInThisDiscussion a {
  display: block;
}
.Panel .InThisConversation a,
.Panel .Leaderboard a,
.Panel .PanelInThisDiscussion a {
  border: 0;
  border-radius: 6px;
  width: 100%;
  -webkit-transition: color ease-out 0.35s, background-color ease-out 0.35s;
  -o-transition: color ease-out 0.35s, background-color ease-out 0.35s;
  transition: color ease-out 0.35s, background-color ease-out 0.35s;
}
.Panel .InThisConversation .ProfilePhoto.ProfilePhoto,
.Panel .Leaderboard .ProfilePhoto.ProfilePhoto {
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 50%;
  width: 38px;
  height: 38px;
}
.Panel .InThisConversation .ProfilePhoto.ProfilePhoto img,
.Panel .Leaderboard .ProfilePhoto.ProfilePhoto img,
.WhosOnline.Box .PhotoWrap.PhotoWrap img {
  margin: 0;
  width: 100%;
  height: auto;
}
.Panel .InThisConversation .Username,
.Panel .Leaderboard .Username {
  max-width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(220px - 38px - (5px * 2) - 80px);
  display: inline-block;
  margin-left: 10px;
  line-height: 38px;
}
.Panel .InThisConversation .Conversation-User,
.Panel .Leaderboard .Conversation-User {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Box li,
.Box li:first-child {
  border: 0;
}
.BoxCategories.BoxCategories li,
.BoxFilter:not(.BoxBestOfFilter) li,
body.Section-EditProfile .Box li {
  border-radius: 6px;
}
.BoxCategories.BoxCategories a,
.BoxCategories.BoxCategories li.Heading,
.BoxFilter:not(.BoxBestOfFilter) a,
.BoxFilter:not(.BoxBestOfFilter) li.Heading,
body.Section-EditProfile .Box a,
body.Section-EditProfile .Box li.Heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.BoxCategories.BoxCategories li.Heading .Aside,
.BoxFilter:not(.BoxBestOfFilter) li.Heading .Aside,
body.Section-EditProfile .Box li.Heading .Aside {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-left: auto;
}
.BoxCategories.BoxCategories a,
.BoxFilter:not(.BoxBestOfFilter) a,
body.Section-EditProfile .Box a {
  padding: 5px;
  width: 100%;
  border: 0;
}
.BoxCategories.BoxCategories.BadgeGrid a,
.BoxFilter:not(.BoxBestOfFilter).BadgeGrid a,
body.Section-EditProfile .Box.BadgeGrid a {
  width: auto;
  border-radius: 0;
  padding: 0;
}
.WhosOnline.Box .PhotoWrap.PhotoWrap {
  display: inline-block;
  margin: 0 2px 2px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 50%;
  min-height: 0;
  width: 38px;
  height: 38px;
}
.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 .RecentRecipients,
body.Badges .RecentRecipients .CellWrap {
  overflow: initial;
}
body.Badges .CellWrap {
  margin-top: 12px;
}
body.Badges .Content h1 {
  display: block;
}
body.Badges .Content h2 {
  margin-top: 50px;
  border-bottom: #d6d7d9 1px solid;
}
body.Badges .Content .Badge-Details {
  margin-bottom: 50px;
}
body.Badges .Content .Badge-Earned .PhotoWrap {
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  margin-right: 12px;
}
body.Badges .Content .Badge-Earned .PhotoWrap img {
  margin: 0;
  width: 100%;
  height: auto;
}
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 .Content {
  width: 100%;
}
body.Section-BestOf .FilterMenu .BestOfEverything .ReactSprite,
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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 18px -3px;
  width: calc(100% + (3px * 2));
}
body.Section-BestOf .FilterMenu > li {
  margin: 0 3px 6px;
}
body.Section-BestOf .FilterMenu a {
  font-family: inherit;
  -webkit-transition: background 0.1s ease, border 0.1s ease;
  -o-transition: background 0.1s ease, border 0.1s ease;
  transition: background 0.1s ease, border 0.1s ease;
  border: 1px solid #999;
  border-style: solid;
  line-height: 36px;
  min-height: 36px;
  padding: 0 12px;
  text-decoration: none;
  border-radius: 6px;
  display: inline-block;
  -webkit-appearance: none;
}
@media screen and (max-width: 768px) {
  body.Section-BestOf .FilterMenu a {
    max-width: 100%;
  }
}
body.Section-BestOf .FilterMenu .ReactSprite {
  line-height: calc(36px - 2px);
  height: inherit;
}
body.Section-BestOf .FilterMenu li.Active a {
  background-color: transparent;
  border-color: #0291db;
  color: #0291db;
}
body.Section-BestOf .Frame-details {
  padding-bottom: 6px;
}
body.Section-BestOf .MainContent {
  min-height: 150px;
  margin: 0;
  width: 100%;
}
body.Section-BestOf .DismissMessage {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 24px;
}
body.Section-BestOf .Tiles {
  position: relative;
  margin: 0 -6px;
  width: calc(100% + 6px);
}
body.Section-BestOf .Tiles::after {
  content: "";
  display: table;
  clear: both;
}
@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 {
  position: relative;
  display: block;
  width: calc((100% / 3) - (6px * 2));
  margin: 0 6px 12px;
  background: #fff;
  padding: 16px 8px;
  border-radius: 6px;
}
@media screen and (max-width: 992px) {
  body.Section-BestOf .Tile {
    width: calc((100% / 2) - (6px * 2));
  }
}
body.Section-BestOf .Tile .AuthorWrap {
  margin-left: -16px 8px;
  margin-right: -16px 8px;
  margin-bottom: -16px 8px;
  padding: 16px 8px;
  min-height: calc(42px + 16px * 2);
  background-color: transparent;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
body.Section-BestOf .Tile .Title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #555a62;
}
body.Section-BestOf .Tile .Title,
body.Section-BestOf .Tile .Title a {
  background: 0 0;
  line-height: 21px;
  margin-bottom: 6px;
}
body.Section-BestOf .Tile .Title:focus,
body.Section-BestOf .Tile .Title:hover {
  color: #0291db;
}
body.Section-BestOf .Tile .Title a,
body.Section-BestOf .Tile .Title a a {
  font-size: inherit;
  font-weight: inherit;
  display: inline;
  color: inherit;
}
body.Section-BestOf .Tile .Title a a:focus,
body.Section-BestOf .Tile .Title a a:hover,
body.Section-BestOf .Tile .Title a:focus,
body.Section-BestOf .Tile .Title a:hover {
  color: inherit;
}
body.Section-BestOf .Tile .Message {
  display: block;
  line-height: 20px;
  max-height: 400px;
  overflow: hidden;
  position: relative;
  margin: 0 0 6px;
}
body.Section-BestOf .Tile .Reactions {
  padding-left: calc(42px + 12px - 6px);
}
@media screen and (max-width: 768px) {
  body.Section-BestOf .Tile .Reactions {
    padding-left: 0;
    margin-left: -6px;
  }
}
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 {
  line-height: inherit;
  color: #696e75;
  font-size: 12px;
  font-weight: 400;
}
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: #0291db;
}
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 {
  width: 100%;
  height: auto;
}
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 {
    min-height: 42px;
    min-width: 42px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  body.Section-BestOf .Item .ReactButton .ReactSprite::before,
  body.Section-BestOf .Tile .ReactButton .ReactSprite::before {
    font-size: 20px;
  }
}
body.Section-BestOf .Item .Meta {
  padding-left: calc(42px + 12px);
}
@media screen and (max-width: 768px) {
  body.Section-BestOf .Item .Meta {
    margin-top: 0;
  }
}
body.Section-BestOf.UserLoggedOut .Author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
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 {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 40px;
  bottom: 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;
}
.SignInPopup .input.Password,
body.Section-Entry .Frame-content .Content {
  width: 100%;
}
body.Section-Entry .Frame-content .Panel,
body.Section-Entry .Legal br,
body.Section-Entry .SearchBox {
  display: none;
}
body.Section-Entry .Methods b {
  margin: 10px 0 3px;
  display: inline-block;
}
body.Section-Entry .ForgotPassword {
  margin-left: 6px;
}
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 {
  font-size: inherit;
  color: #0291db;
}
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 {
  text-decoration: none;
  color: #0291db;
}
@media screen and (max-width: 768px) {
  body.Section-Entry .g-recaptcha {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  body.Section-Entry .MainForm,
  body.Section-Entry .Methods {
    width: 100%;
    display: block;
    padding: 0;
    margin-bottom: 0;
  }
  body.Section-Entry .Methods a {
    color: #0291db;
  }
  body.Section-Entry .Methods a:active,
  body.Section-Entry .Methods a:focus,
  body.Section-Entry .Methods a:hover {
    color: #0291db;
  }
  body.Section-Entry .MainForm .InputBox {
    max-width: 100%;
  }
  body.Section-Entry .Methods {
    margin-left: 0;
  }
}
.MultipleEntryMethods .Methods {
  margin-left: 0;
  padding: 0;
  float: left;
}
@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;
  width: 100%;
  float: none;
  text-align: center;
  font-size: 32px;
}
@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 .BoxButtons,
  .Section-Group .Button-Controls {
    display: block;
    width: 100%;
  }
  .Section-Group .Button-Controls .ButtonGroup.Multi {
    padding: 0;
  }
  .Section-Group .Button-Controls .ButtonGroup.Multi .Primary:first-child {
    width: 100%;
  }
  .Section-Group .Button-Controls .Button:not(.Handle),
  .Section-Group .Button-Controls .ButtonGroup,
  .Section-Group .Button-Controls .NewEventButton {
    margin: 0;
    width: 100%;
    text-align: center;
  }
}
.Section-Group.Section-Discussion .H {
  text-align: left;
}
.Section-Group.Section-Discussion .Group-Header,
.Section-GroupList .MainContent h1 {
  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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .Section-GroupList .groupToolbar-newGroup {
    width: 100%;
    text-align: center;
  }
}
.Section-GroupList .MainContent .Groups.H,
.Section-GroupList .MainContent .H {
  display: block;
  float: none;
  text-align: center;
  font-size: 32px;
  margin-bottom: 14px;
}
.Section-GroupList .MainContent > .Button.Primary {
  float: right;
}
@media screen and (max-width: 768px) {
  .Section-GroupList .MainContent > .Button.Primary {
    width: 100%;
    text-align: center;
  }
}
.Section-GroupList .Panel,
.Section-GroupList .UserLink {
  display: none;
}
.Section-GroupList .Item-Icon {
  margin: 0 0 12px;
}
.Group-MembersPreview .PhotoGridSmall img,
.Section-GroupList .DataList .Item .GroupDescription,
.Section-GroupList .DataList .Item .Title {
  margin: 0;
}
.Section-GroupList .DataList .Item .ItemContent.ItemContent,
body.noGroupIcon .Group-Header-Info {
  padding-left: 0;
}
.Group-Header,
.Section-GroupList .DataList .Item .Options {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.Section-GroupList .DataList .Item .Options .Buttons {
  margin-left: 3px;
}
@media screen and (max-width: 768px) {
  .Section-GroupList .DataList .Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .Section-GroupList .DataList .Item .Options {
    position: absolute;
    margin-top: 0;
    right: 0;
  }
  .Section-GroupList .DataList .Item .Excerpt {
    margin-top: 12px;
  }
  .Section-GroupList .DataList .Item .Title {
    padding-right: 20px;
  }
}
.Group-Header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
.Group-Header .Group-Buttons,
.Group-Header .OptionsMenu {
  display: inline-block;
  float: none;
}
.Group-Banner {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-bottom: 18px;
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 992px) {
  .Group-Banner {
    height: calc(230px - 50px);
  }
}
.Button-Controls.Button-Controls {
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@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) {
  margin-left: 3px;
  background-color: transparent;
  border-color: #0291db;
  color: #0291db;
}
@media screen and (max-width: 768px) {
  .Button-Controls.Button-Controls .Button:nth-child(2) {
    margin-left: 0;
  }
}
.GroupOptions {
  position: absolute;
  top: calc(230px + 18px);
  right: 0;
}
@media screen and (max-width: 992px) {
  .GroupOptions {
    top: calc((230px - 50px) + 18px);
  }
}
.Group-Icon-Big-Wrap {
  position: absolute;
  top: 230px;
  height: 140px;
  width: 140px;
  background-color: #fff;
}
.Group-Icon-Big-Wrap .Group-Icon-Big {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
@media screen and (max-width: 768px) {
  .Group-Icon-Big-Wrap {
    display: none;
  }
}
.Group-Title {
  margin: 0 0 12px;
  font-size: 18px;
  padding-right: 20px;
}
.Group-Description,
.Group-Header.Group-Header.Group-Header.NoBanner {
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .Group-Description {
    display: none;
  }
}
.Group-Header-Info {
  padding-left: calc(140px + (18px * 2));
}
@media screen and (max-width: 768px) {
  .Group-Header-Info {
    padding-left: 0;
    margin-bottom: 18px;
  }
}
.Group-Header.NoBanner {
  min-height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Group-Header.NoBanner .Group,
.Group-Header.NoBanner .Group-Title {
  padding-top: 0;
}
.Group-Header.NoBanner .Group-Header-Info {
  padding-left: calc(140px + 18px);
}
@media screen and (max-width: 768px) {
  .Group-Header.NoBanner .Group-Header-Info {
    padding-left: 0;
  }
}
.Group-Header.NoBanner .GroupOptions {
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .Section-Members .DataList .Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .Section-Members .DataList .Item .Options {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .Section-Members .DataList .Item .Meta {
    margin-top: 0;
  }
}
.Section-Members .DataList .Item .Buttons {
  margin-right: 0;
}
.Section-Members .DataList .Item .Meta,
.Section-Members .DataList .Item .Title {
  margin-bottom: 0;
}
.Section-Members .DataList .Item .Excerpt:empty {
  display: none;
}
.Section-Members .DataList .Item .MItem {
  line-height: 21px;
}
.Section-Members .Group-Box,
.Section-Members .Group-Header + form {
  margin-bottom: 18px;
}
.Group-MembersPreview .PhotoGrid {
  margin: 0 -3px;
}
.Group-MembersPreview .PhotoWrap.PhotoWrap.PhotoWrap {
  display: inline-block;
  height: 42px;
  width: 42px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 50%;
  margin: 0 3px;
}
.Group-MembersPreview .PhotoWrap.PhotoWrap.PhotoWrap img {
  margin: 0;
  width: 100%;
  height: auto;
}
.Group-MembersPreview .PhotoWrap.PhotoWrap.PhotoWrap.NoPhoto,
.Section-Event.Section-Event .EventTime label.When,
.Section-Event.Section-Event .FormTitleWrapper h2 {
  display: none;
}
.Section-Event.Section-Event .AttendeeList.AttendeeList h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@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 {
  display: block;
}
.Section-Event.Section-Event .EventTime .Timebased a {
  color: #0291db;
}
.Section-Event.Section-Event .Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.Section-Event.Section-Event .Buttons .Primary {
  margin-left: 3px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.Section-Event.Section-Event .EventTitle .ButtonGroup {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .Section-Event.Section-Event .FieldInfo {
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }
}
#Form_memberFilter {
  height: calc(36px + 2px);
}
@media screen and (max-width: 768px) {
  #Form_memberFilter {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3px;
  }
}
.group-members-filter-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .group-members-filter-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.group-members-filter-box .Button + .Button {
  margin-left: 3px;
}
/*!
 * @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 {
  position: absolute;
  top: 16px;
  left: 8px;
  margin-right: 0;
}
.Section-Conversation .SearchBox {
  display: none;
}
.Section-Conversation .Conversation-User img {
  overflow: hidden;
  border-radius: 50%;
}
.Section-Conversation .DataListWrap {
  margin: 0;
}
.Section-Conversation .MessageList .Message {
  padding-left: calc(42px + 8px);
}
/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */
body.Post .FormWrapper .AvailableTags a {
  line-height: 1.5;
  display: inline-block;
  margin: 3px 0;
}
body.Post .FormWrapper .editor-help-text {
  font-size: inherit;
}
body.Post .FormWrapper .SearchBox {
  display: none;
}
body.Post .FormWrapper .Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  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.Messages.inbox .SearchBox,
body.Post .SearchBox,
body.Section-PostConversation .SearchBox,
body.announcement .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 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  body.Section-Profile .BadgeGrid h4,
  body.Section-Profile .Profile h2 {
    font-size: 18px;
  }
}
body.Section-Profile .Profile > .User {
  border-radius: 0;
  border: 0;
  position: relative;
}
body.Section-Profile .Profile > .User > * + * {
  margin-top: 18px;
}
body.Section-Profile .User .H {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  body.Section-Profile .User .H {
    display: none;
  }
}
body.Section-Profile .Gloss,
body.Section-Profile .Profile-rank {
  font-weight: 400;
  font-size: 10px;
  color: #0291db;
  text-transform: uppercase;
  border: 1px solid #0291db;
  padding: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 3px;
}
body.Section-Profile .Gloss > *,
body.Section-Profile .Profile-rank > * {
  padding: 0 3px;
}
body.Section-Profile .H .Gloss {
  margin-left: 1em;
  margin-top: 0.5em;
}
body.Section-Profile .Gloss:empty {
  display: none;
}
body.Section-Profile .MainContent > .FormTitleWrapper {
  padding: 0;
}
body.Section-Profile .MainContent .DismissMessage {
  width: 100%;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
body.Section-Profile .Profile-header {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0 0 18px;
}
@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 {
    width: 100%;
    text-align: center;
  }
  body.Section-Profile .Profile-photo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  body.Section-Profile .Profile-photo a.ChangePicture {
    padding-top: 20px;
  }
}
body.Section-Profile .Profile-photo .WhosOnline,
body.Section-Profile .Profile-photo > .PhotoLarge.NoPhoto {
  display: none;
}
body.Section-Profile .Profile-photo > .PhotoLarge {
  height: 145px;
  width: 145px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 8px;
}
body.Section-Profile .Profile-photo > .PhotoLarge img {
  margin: 0;
  width: 100%;
  height: auto;
}
body.Section-Profile .Profile-photo .PhotoWrapLarge {
  position: absolute;
  height: 145px;
  width: 145px;
  display: block;
}
body.Section-Profile .ProfileOptions {
  float: right;
  margin: 0;
  z-index: 1;
}
body.Section-Profile .ProfileOptions .Dropdown {
  text-align: left;
}
body.Section-Profile .ProfileOptions .MemberButtons {
  font-family: inherit;
  -webkit-transition: background 0.1s ease, border 0.1s ease;
  -o-transition: background 0.1s ease, border 0.1s ease;
  transition: background 0.1s ease, border 0.1s ease;
  border: 1px solid #999;
  border-style: solid;
  line-height: 36px;
  min-height: 36px;
  padding: 0 12px;
  text-decoration: none;
  border-radius: 6px;
  display: inline-block;
  -webkit-appearance: none;
  margin-right: 3px;
}
@media screen and (max-width: 768px) {
  body.Section-Profile .ProfileOptions .MemberButtons {
    max-width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 992px) {
  body.Section-Profile .ProfileOptions {
    float: none;
    margin-left: auto;
    padding-top: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 768px) {
  body.Section-Profile .ProfileOptions {
    margin-left: 0;
    margin-bottom: 18px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  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: 0;
}
body.Section-Profile .Content .BadgeGrid .PhotoGrid,
body.Section-Profile .DataCounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: calc(100% + 12px);
  margin-left: -6px;
}
@media screen and (max-width: 768px) {
  body.Section-Profile .Content .BadgeGrid .PhotoGrid,
  body.Section-Profile .DataCounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% + 12px);
    margin-left: -6px;
  }
}
@media screen and (max-width: 410px) {
  body.Section-Profile .Content .BadgeGrid .PhotoGrid,
  body.Section-Profile .DataCounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% + 12px);
    margin-left: -6px;
  }
}
body.Section-Profile .Content .BadgeGrid a,
body.Section-Profile .CountItemWrap {
  width: calc(20% - 12px);
  margin: 18px 6px;
}
@media screen and (max-width: 768px) {
  body.Section-Profile .Content .BadgeGrid a,
  body.Section-Profile .CountItemWrap {
    width: calc(25% - 12px);
    margin-left: 6px;
    margin-right: 6px;
  }
}
@media screen and (max-width: 410px) {
  body.Section-Profile .Content .BadgeGrid a,
  body.Section-Profile .CountItemWrap {
    width: calc(33.3333333333% - 12px);
    margin-left: 6px;
    margin-right: 6px;
  }
}
body.Section-Profile .Content .BadgeGrid a,
body.Section-Profile .CountItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.Section-Profile .CountItemWrap .TextColor {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
}
body.Section-Profile .CountItemWrap .CountTotal {
  display: block;
  width: 100%;
}
body.Section-Profile .CountItem {
  border: 0;
  padding: 0;
  margin: 0;
}
body.Section-Profile .About.P .About {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  body.Section-Profile .About.P .About {
    padding: 0;
  }
}
body.Section-Profile .About .Value {
  width: 100%;
  padding-left: 0;
}
body.Section-Profile .Content .Box.BadgeGrid {
  margin: 0;
}
body.Section-Profile .Profile dl {
  width: 100%;
  padding: 3px 0;
}
body.Section-EditProfile .FormTitleWrapper form li::after,
body.Section-Profile .Profile dl::after {
  content: "";
  display: table;
  clear: both;
}
body.Section-Profile .Profile dd,
body.Section-Profile .Profile dt {
  float: left;
  background: 0 0;
  font-size: 14px;
  line-height: inherit;
  margin-bottom: 3px;
  color: inherit;
  width: 75%;
  display: inline-block;
  padding: 0 0 0 3px;
}
body.Section-Profile .Profile dt {
  padding: 0;
  width: 25%;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  body.Section-Profile .Profile dt {
    width: 100%;
    display: block;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  body.Section-Profile .Profile dd {
    padding-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 992px) {
  body.Section-Profile .Button-EditProfile .Hidden {
    display: inline;
  }
  body.Section-Profile .User h1 {
    display: none;
  }
}
body.Section-EditProfile .Profile-header {
  display: none;
}
@media screen and (max-width: 768px) {
  body.Section-EditProfile .ProfileButtons-BackToProfile {
    width: 100%;
    text-align: center;
  }
}
body.Section-EditProfile .FormTitleWrapper form li,
body.Section-EditProfile .FormTitleWrapper form li input {
  width: 100%;
}
body.Section-EditProfile .FormTitleWrapper form .CustomProfileFieldLabel,
body.Section-EditProfile .FormTitleWrapper form .CustomProfileFieldValue {
  max-width: calc(50% - 9px);
  margin-right: 18px;
  margin-top: 12px;
  float: left;
}
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 {
  -webkit-box-ordinal-group: 101;
  -ms-flex-order: 100;
  order: 100;
  width: 100%;
  margin-right: 0;
}
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 {
  width: 100%;
  margin-bottom: 18px;
}
@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 {
    width: 100%;
    text-align: center;
  }
}
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 {
  position: relative;
  margin-top: 0;
}
body.Section-SearchResults .SearchForm .SiteSearch {
  max-width: 100%;
}
body.Section-SearchResults .SearchForm .SiteSearch .Button {
  top: 0;
  right: 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 {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 768px) {
  body.Section-SearchResults .AdvancedSearch .AdvancedWrap {
    padding: 0;
    background: 0 0;
  }
}
body.Section-SearchResults
  .AdvancedSearch
  .AdvancedWrap
  > .P.Inline
  .SelectWrapper {
  margin-bottom: 12px;
}
body.Section-SearchResults .AdvancedSearch .AdvancedWrap .CheckBoxLabel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-1 {
    color: red !important;
}

.vanilla-gkj33f-searchBar-main.vanilla-gkj33f-searchBar-main.withButton.withoutScope {
    border-radius: 6px 0px 0px 6px;
    border: 1px solid rgb(221, 222, 224);
    
}

.vanilla-xv314m-banner-searchButton.searchBar-submitButton {
    color: rgb(163 163 163) !important;
}

.vanilla-syafs7-titleBar-logoAnimationWrap {
    display: none !important;
}