/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro HB'), local('SourceSansPro-HB-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlCxe5Tewm2_XWfbGchcXw4g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro HB'), local('SourceSansPro-HB-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlIa1YDtoarzwSXxTHggEXMw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro HB'), local('SourceSansPro-HB-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlJbPFduIYtoLzwST68uhz_Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro HB Semibold'), local('SourceSansPro-HB-Semibold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMZXFz2iDKd7GJNSaxRYiSj3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro HB Semibold'), local('SourceSansPro-HB-Semibold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGKyGJhAh-RE0BxGcd_izyev3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro HB Semibold'), local('SourceSansPro-HB-Semibold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMzFoXZ-Kj537nB_-9jJhlA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro HB Bold'), local('SourceSansPro-HB-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMms7UHsIbjUxEJqIwog-i_3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro HB Bold'), local('SourceSansPro-HB-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGO4s1Ux4PuImWPk5fSr6HPL3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro HB Bold'), local('SourceSansPro-HB-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGJkF8H8ye47wsfpWywda8og.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro HB'), local('SourceSansPro-HB-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro HB Semibold'), local('SourceSansPro-HB-Semibold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCmgpmuQqK2I-L2S9cF65Ek.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro HB Bold'), local('SourceSansPro-HB-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro HB'), local('SourceSansPro-HB-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro HB Semibold'), local('SourceSansPro-HB-Semibold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGNNE-IuDiR70wI4zXaKqWCM.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro HB';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro HB Bold'), local('SourceSansPro-HB-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');
}
/* latin-ext */
@font-face {
  font-family: 'Oswald HB';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald HB Regular'), local('Oswald-HB-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/Qw6_9HvXRQGg5mMbFR3Phn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald HB';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald HB Regular'), local('Oswald-HB-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/_P8jt3Y65hJ9c4AzRE0V1OvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Oswald HB';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald HB Regular'), local('Oswald-HB-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/qpy-UiLNKP-VfOdbcs6r6-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Oswald HB';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald HB Regular'), local('Oswald-HB-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/Y_TKV6o8WovbUd3m_X9aAA.ttf) format('truetype');
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans HB'), local('OpenSansHB'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans HB'), local('OpenSansHB'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans HB'), local('OpenSansHB'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans HB'), local('OpenSansHB'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans HB'), local('OpenSansHB'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans HB'), local('OpenSansHB'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans HB'), local('OpenSansHB'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans HB Semibold'), local('OpenSansHB-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSg7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans HB Semibold'), local('OpenSansHB-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans HB Semibold'), local('OpenSansHB-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSp6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans HB Semibold'), local('OpenSansHB-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans HB Semibold'), local('OpenSansHB-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans HB Semibold'), local('OpenSansHB-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSojoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans HB Semibold'), local('OpenSansHB-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans HB Bold'), local('OpenSansHB-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans HB Bold'), local('OpenSansHB-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans HB Bold'), local('OpenSansHB-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans HB Bold'), local('OpenSansHB-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans HB Bold'), local('OpenSansHB-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans HB Bold'), local('OpenSansHB-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans HB Bold'), local('OpenSansHB-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans HB'), local('OpenSansHB'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans HB Semibold'), local('OpenSansHB-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans HB Bold'), local('OpenSansHB-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans HB'), local('OpenSansHB'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans HB Semibold'), local('OpenSansHB-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans HB';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans HB Bold'), local('OpenSansHB-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}
body.forum_shoutbox #body-wrapper,
body.forum_shoutbox #container {
  min-height: 550px;
}
#body-wrapper-overlay {
  position: fixed;
  z-index: 100000;
}
.leaderboard-wrapper.top-unit .leaderboard {
  min-height: 0;
  padding: 0;
}
.leaderboard-wrapper.top-unit .leaderboard.display-block {
  padding-top: 15px;
  padding-bottom: 15px;
}
.pagination > li > a,
.pagination > li > span {
  border: none;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}
.btn {
  border: 0;
}
.media-body {
  width: auto;
}
span.topic-meta {
  margin-right: 10px;
  color: #696969;
  font-size: 11px;
}
#slide-menu {
  z-index: 100001;
}
#slide-menu #slide-menu-network .logo {
  height: 18px;
  margin-bottom: 3px;
}
#slide-menu #slide-menu-network .nav li a {
  padding: 10px;
}
#slide-menu #slide-menu-newsletter input {
  width: 177px;
}
#slide-menu #side-menu-footer li {
  padding: 6px 0;
}
#slide-menu #side-menu-footer li:first-child {
  padding-top: 0;
}
#slide-menu #side-menu-footer li:last-child {
  padding-bottom: 0;
}
#slide-menu-content .category-menu > a {
  padding-right: 20px !important;
}
#slide-menu-content .nav > a {
  padding-right: 20px !important;
}
#slide-menu-content .nav ul {
  margin: 0 20px;
  padding: 0;
}
#slide-menu-content .nav ul li {
  list-style: none;
}
#slide-menu-content .nav i.fa.fa-angle-down {
  float: right;
  font-size: 20px;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
#slide-menu-content .nav a.collapsible-expanded i.fa.fa-angle-down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#slide-menu-content .nav a {
  display: inline-block;
  width: 100%;
}
#slide-menu-content .nav a span.count-bubble {
  font-size: 13px !important;
}
.dropdown-menu > li > a {
  background-color: transparent;
}
.dropdown-menu > li > a:focus {
  background-color: transparent !important;
}
div#container {
  margin-bottom: 20px;
}
div#container .dropdown-menu {
  min-width: 130px;
  left: auto;
  right: 0;
}
@media (max-width: 991px) {
  div#container {
    margin-bottom: 15px;
  }
}
.loading-cover {
  background-color: rgba(249, 249, 249, 0.65);
}
.loading-cover div.table {
  height: 100%;
}
.loading-cover h1,
.loading-cover h2,
.loading-cover h3,
.loading-cover h4,
.loading-cover h5,
.loading-cover h6 {
  text-align: center;
}
div.require-display-name {
  padding: 35px 15px 15px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  z-index: 10000 !important;
  background-color: rgba(255, 255, 255, 0.75);
}
div.require-display-name div.table {
  height: 100%;
}
div.require-display-name form > div {
  display: table;
  width: 100%;
}
div.require-display-name form > div.form-widget-container {
  margin-bottom: 10px;
}
div.require-display-name form > div > div.form-group {
  display: block;
  margin-bottom: 0;
}
div.require-display-name form > div > div.form-group:first-child {
  margin-bottom: 15px;
}
div.require-display-name form > div > div.form-group label {
  margin-right: 5px;
  font-size: 16px;
  font-weight: 100;
}
div.require-display-name form > div > div.form-group input {
  width: 360px;
  display: inline-block;
  border: 0;
  border-bottom: 1px solid #CCC;
  text-align: center;
  font-size: 20px;
  background-color: transparent;
}
@media (max-width: 767px) {
  div.require-display-name form > div > div.form-group input {
    width: 90%;
  }
}
div.require-display-name form > div > div.form-group .g-recaptcha {
  padding: 15px 150px;
  border-top: 1px dashed #DFDFDF;
  margin: 0;
  display: inline-block;
}
div.require-display-name form > div button {
  padding: 5px 25px;
}
div.require-display-name form > div.form-error ul li {
  list-style: none;
}
div.require-display-name input {
  width: 230px;
}
#register-modal {
  top: 60px;
}
#register-modal .modal-dialog {
  width: 450px;
}
#register-modal .modal-dialog .modal-content {
  background-color: #F5F5F5;
}
#register-modal .modal-dialog span.extra-text {
  font-size: 12px;
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  #register-modal .modal-dialog {
    width: 375px;
  }
  #register-modal .modal-dialog .tab-content {
    padding: 25px !important;
  }
}
@media (max-width: 480px) {
  #register-modal .modal-dialog {
    width: 280px;
  }
}
#register-modal .modal-dialog .register-form .nav-tabs li {
  width: 50%;
  border: none;
}
#register-modal .modal-dialog .register-form .nav-tabs li a {
  background-color: #DDD;
  border: none;
  margin: 0;
  padding: 0;
  line-height: 50px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 0.1em;
  font-weight: bold;
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
}
#register-modal .modal-dialog .register-form .nav-tabs li.active a {
  background-color: #F5F5F5;
}
#register-modal .modal-dialog .register-form .tab-content {
  padding: 45px;
  background-color: #F5F5F5;
}
#register-modal .modal-dialog .register-form .tab-content .or-text {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
  line-height: 0;
  margin: 12px 0;
  font-size: 14px;
}
#register-modal .modal-dialog .register-form .tab-content .or-text span {
  background: #F5F5F5;
  padding: 0 10px;
}
#register-modal .modal-dialog .register-form .tab-content .facebook-connect {
  background-color: #3B5998;
  border: none;
  margin: 0 0 20px;
}
#register-modal .modal-dialog .register-form .tab-content .facebook-connect .fa-facebook {
  font-size: 17px;
  position: relative;
  top: 1px;
  margin-right: 10px;
}
#register-modal .modal-dialog .register-form .tab-content .facebook-connect:hover {
  background-color: #283D77;
}
#register-modal .modal-dialog .register-form .tab-content .btn-default {
  border-color: #CCC;
  background-color: #DDD;
}
#register-modal .modal-dialog .register-form .tab-content .btn-default:hover {
  background-color: #CCC;
  border-color: #CCC;
}
@media (max-height: 480px) {
  #register-modal .modal-dialog {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  #register-modal.register-modal-login .modal-dialog {
    margin-top: 40px !important;
    margin-bottom: 10px !important;
  }
}
#site-footer #footer-newsletter-widget .newsletter-signup-form .btn {
  border: 1px solid #666;
}
div.cover-screen {
  display: none;
}
div.cover-screen.show {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 999;
}
div.cover-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 999;
}
.expand-to-child {
  display: table;
  width: 100%;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.swipe-option {
  display: inline-block;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  background-color: #006FBB;
  height: 22px;
  width: 42px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
div.swipe-option div.swipe-circle {
  display: table;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background-color: white;
  height: 18px;
  width: 18px;
  margin: 2px 0 0 2px;
  -webkit-transition: margin 0.15s ease-in-out;
  -moz-transition: margin 0.15s ease-in-out;
  -ms-transition: margin 0.15s ease-in-out;
  -o-transition: margin 0.15s ease-in-out;
  transition: margin 0.15s ease-in-out;
}
div.swipe-option.off {
  background-color: #CCC;
}
div.swipe-option.off div.swipe-circle {
  margin-left: calc(100% - 20px);
}
.no-padding {
  padding: 0 !important;
}
.table {
  display: table;
}
.table div.vert-center {
  display: table-cell;
  vertical-align: middle;
}
.border-left-none {
  border-left: none;
}
.truncate,
.text-ellipse {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixed-ratio {
  display: table;
  position: relative;
  width: 100%;
  max-width: 700px;
}
.fixed-ratio + br {
  display: none;
}
.ratio-16-10 {
  padding-bottom: 62.5%;
}
.ratio-16-9 {
  padding-bottom: 56.25%;
}
.ratio-4-3 {
  padding-bottom: 75%;
}
.ratio-3-2 {
  padding-bottom: 66.66666667%;
}
.fix-ratio-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
div#forum_frontend_tag_select {
  position: relative;
}
div#forum_frontend_tag_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #E5E5E5;
}
div#forum_frontend_tag_select i.fa {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  font-size: 20px;
}
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate360 {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate360 {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes rotate360 {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.forum-sprite {
  background-image: url('/bundles/hypebeastforum/images/hb-forum-icon-sprite.png');
  display: inline-block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .forum-sprite {
    background-image: url('/bundles/hypebeastforum/images/hb-forum-icon-sprite_2x.png') no-repeat;
    background-size: 310px 100px;
  }
}
.forum-sprite.topic-icon {
  width: 37px;
  height: 28px;
}
.forum-sprite.topic-icon.small {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  zoom: .85;
}
.forum-sprite.topic-icon.unread {
  background-position: 0 0;
}
.forum-sprite.topic-icon.unread.night {
  background-position: 0 -30px;
}
.forum-sprite.topic-icon.subscribed {
  background-position: -39px 0;
}
.forum-sprite.topic-icon.subscribed.night {
  background-position: -39px -30px;
}
.forum-sprite.topic-icon.read {
  background-position: -78px 0;
}
.forum-sprite.topic-icon.read.night {
  background-position: -78px -30px;
}
.forum-sprite.topic-icon.closed {
  background-position: -117px 0;
}
.forum-sprite.topic-icon.closed.night {
  background-position: -117px -30px;
}
.forum-sprite.topic-icon.unread_new {
  background-position: -156px 0;
}
.forum-sprite.topic-icon.unread_new.night {
  background-position: -156px -30px;
}
.forum-sprite.topic-icon.sticky_unread {
  background-position: -195px 0;
}
.forum-sprite.topic-icon.sticky_unread.night {
  background-position: -195px -30px;
}
.forum-sprite.topic-icon.sticky_read {
  background-position: -234px 0;
}
.forum-sprite.topic-icon.sticky_read.night {
  background-position: -234px -30px;
}
.forum-sprite.topic-icon.sticky_closed {
  background-position: -273px 0;
}
.forum-sprite.topic-icon.sticky_closed.night {
  background-position: -273px -30px;
}
.forum-sprite.light-bulb,
.forum-sprite.category {
  width: 19px;
  height: 19px;
}
.forum-sprite.light-bulb {
  background-position: -84px -60px;
}
.forum-sprite.light-bulb.night {
  background-position: -105px -60px;
}
.forum-sprite.category {
  background-position: -84px -81px;
}
.forum-sprite.category.night {
  background-position: -105px -81px;
}
.forum-sprite.nav-bar-avatar {
  width: 19px;
  height: 18px;
  background-position: 0 -60px;
}
.forum-sprite.nav-bar-avatar.night {
  background-position: -21px -60px;
}
.forum-sprite.trending {
  width: 22px;
  height: 16px;
  background-position: -126px -60px;
}
.forum-sprite.trending.dim {
  background-position: -150px -60px;
}
.forum-sprite.trending.night {
  background-position: -126px -60px;
}
.forum-sprite.trending.night.dim {
  background-position: -150px -78px;
}
body.not-logged div#container {
  margin-top: 15px;
}
@media (max-width: 991px) {
  body.not-logged div#container {
    margin-top: 15px;
    margin-bottom: 0;
  }
}
body.not-logged .active-new-topic-container {
  margin-top: 15px;
}
body.sticky-nav #header-container,
body.forum_shoutbox #header-container {
  margin-bottom: 73px;
}
body.sticky-nav #header-container .header.fixed,
body.forum_shoutbox #header-container .header.fixed {
  top: 0;
}
@media (max-width: 991px) {
  body.forum_shoutbox .container {
    width: 100% !important;
  }
}
body.forum_shoutbox.shoutbox-popup {
  overflow: hidden;
}
body.forum_shoutbox.shoutbox-popup div#container,
body.forum_shoutbox.shoutbox-popup div#content-section {
  top: 0 !important;
  margin: 0;
}
body.forum_shoutbox.shoutbox-popup #shoutbox .shoutbox-container {
  margin: 0;
}
@media (max-width: 1229px) {
  body #header-container .header.fixed {
    top: 0;
    border-bottom: 0;
  }
}
.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.virtual-checkbox {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #8F8F8F;
  background-color: transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-right: 5px;
}
.virtual-checkbox:hover {
  background-color: #CCC !important;
  border-color: #CCC !important;
}
.virtual-checkbox.checked {
  background-color: #000 !important;
  border-color: #000 !important;
}
.forum-shoutbox-counter-widget {
  position: fixed;
  bottom: 0;
  right: 15px;
  width: 250px;
  height: 38px;
  z-index: 1000;
  border: 1px solid #DCDCDC;
  border-bottom: 0;
  background: #EBEBEB;
  padding: 9px 15px;
  cursor: pointer;
}
.forum-shoutbox-counter-widget .shoutbox-online-status {
  background-color: #AFAFAF;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 12px;
}
.forum-shoutbox-counter-widget .shoutbox-online-status.online {
  background-color: #12B112;
}
.forum-shoutbox-counter-widget .pull-left {
  margin-left: 13px;
  position: relative;
  top: -1px;
  font-weight: 600;
  font-size: 15px;
  color: #000;
}
.forum-shoutbox-counter-widget .user-count {
  margin-left: 8px;
}
#main-navbar {
  margin-bottom: 15px;
}
#header-container {
  top: 0;
  width: 100%;
  z-index: 100000;
  background: white;
  margin-bottom: 15px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
table tbody tr td {
  border-right: solid 1px #DDD;
  border-top: solid 1px #DDD;
}
@media (max-width: 767px) {
  table tbody tr td {
    border-top: 0;
  }
}
a:hover,
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6,
a:hover span,
a:hover p {
  color: #999;
}
ul.breadcrumb,
div.breadcrumb {
  background: none;
  margin: 6px 0 0;
  padding: 0;
  display: inline-block;
  float: left;
}
ul.breadcrumb > li + li:before,
div.breadcrumb > li + li:before {
  padding: 0;
}
ul.breadcrumb i.fa,
div.breadcrumb i.fa {
  font-size: 24px;
  vertical-align: -3px;
}
@media (max-width: 767px) {
  ul.breadcrumb,
  div.breadcrumb {
    font-size: 17px;
    margin: 5px 0;
    text-align: center;
    display: block;
    width: 100%;
  }
}
.announcement {
  background-color: aliceblue;
  padding: 12px 15px;
  margin-bottom: 15px;
  margin-top: -15px;
}
.announcement a:hover {
  color: #2587CA;
}
.no-result {
  font-size: 14px;
}
.modal-backdrop {
  z-index: 1000;
}
img[src^="/bundles/hypebeastforum/images/emoji"] {
  margin: 0 2px;
  height: 24px;
  width: auto;
}
@media (max-width: 767px) {
  #side-menu-btn {
    margin: 6px 0 6px 15px;
    float: left;
  }
}
dl.sidebar-nav .menu-header {
  font-weight: bold;
}
#back-to-top {
  bottom: 50px;
}
#back-to-top img {
  width: 100%;
}
#footer-copyright {
  margin-top: -3px;
}
/**
 * Colors
 */
/**
 * Typography
 */
/**
 * Button
 */
/**
 * Pagination
 */
div.forum-filter .btn {
  padding: 7px 15px;
  margin-top: 2px;
}
@media (max-width: 767px) {
  div.forum-filter .btn {
    margin-top: 10px;
  }
}
div.forum-filter form > div {
  float: left;
}
div.forum-filter div.form-group {
  float: left;
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 767px) {
  div.forum-filter div.form-group:last-child {
    margin-bottom: 5px;
  }
}
div.forum-filter div.checkbox {
  height: 35px;
  display: table-cell;
}
@media (max-width: 991px) {
  div.forum-filter div.checkbox {
    padding: 8px 0;
  }
}
@media (max-width: 767px) {
  div.forum-filter div.checkbox {
    height: 32px;
  }
}
div.forum-filter div.paginator {
  padding: 5px 0;
}
div.forum-filter .options-container {
  margin: 8px 0;
  display: block;
  clear: both;
}
@media (max-width: 767px) {
  div.forum-filter div.form-group,
  div.forum-filter #criteria input,
  div.forum-filter #criteria select,
  div.forum-filter select#criteria_tag {
    width: 100%;
  }
}
div.forum-filter div.control-group {
  margin-top: -2px;
}
@media (max-width: 610px) {
  .forum_backend_post_index div.form-group,
  .forum_backend_post_index #criteria input,
  .forum_backend_post_index #criteria select,
  .forum_backend_post_index select#criteria_tag {
    width: 100%;
  }
}
@media (min-width: 610px) {
  .forum_backend_post_index div.form-group,
  .forum_backend_post_index #criteria input,
  .forum_backend_post_index #criteria select,
  .forum_backend_post_index select#criteria_tag {
    width: 170px !important;
  }
}
@media (min-width: 610px) {
  .forum_backend_post_index div.form-group {
    width: auto !important;
  }
}
@media (min-width: 610px) {
  .forum_backend_post_index .form-inline #criteria .radio input[type="radio"],
  .forum_backend_post_index .form-inline #criteria .checkbox input[type="checkbox"] {
    width: initial !important;
  }
}
@media (max-width: 767px) {
  .forum_backend_post_index div.control-group {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .forum_backend_post_index div.control-group button {
    padding: 8px 22px;
    margin-top: -4px;
  }
}
.forum_search_index .forum-filter {
  margin: 10px 0;
}
.forum_search_index .form-inline input.form-control {
  width: 200px;
}
@media (max-width: 991px) {
  .forum_search_index .form-inline select.form-control {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .forum_search_index div.forum-filter div.form-group input,
  .forum_search_index div.form-group select#criteria_tag {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .forum_search_index div.control-group {
    width: 100%;
  }
}
.forum_search_index div.control-group button {
  margin-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .forum_search_index div.control-group button {
    width: 90px;
  }
}
@media (max-width: 767px) {
  .forum_search_index div.control-group button {
    padding: 10px 22px;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
    width: initial;
  }
}
@media (max-width: 1229px) {
  #header-container {
    margin-bottom: 73px;
  }
  .header.relative {
    display: none;
  }
  .header.fixed {
    display: block;
  }
}
#header-container .header {
  border: 0;
  height: auto;
  z-index: 1001 !important;
}
#header-container .header.fixed {
  width: 100%;
  position: fixed;
  top: -80px;
  -webkit-transition: top 0.2s ease-in-out;
  -moz-transition: top 0.2s ease-in-out;
  -ms-transition: top 0.2s ease-in-out;
  -o-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  background-color: #FFF;
  border-bottom: 1px solid #EEE;
}
@media (max-width: 1230px) {
  #header-container .header {
    width: 1200px;
  }
}
@media (max-width: 1229px) {
  #header-container .header > .nav {
    width: 100%;
  }
}
@media (max-width: 1060px) {
  #header-container .header div.swipe-option {
    display: none;
  }
}
#header-container .header a.slide-menu-toggle {
  padding-left: 0;
  z-index: 1;
  padding-right: 15px;
}
@media (max-width: 991px) {
  #header-container .header a.slide-menu-toggle {
    padding: 20px 15px 20px 0 !important;
  }
}
#header-container .header.relative > .nav {
  border-bottom: 1px solid #EEE;
}
#header-container .header > .nav {
  padding-left: 15px;
}
#header-container .header .nav > li {
  display: inline-block;
}
#header-container .header .nav > li a.logo {
  margin-top: 0;
  padding: 17px 10px 17px 0;
}
@media (min-width: 360px) and (max-width: 767px) {
  #header-container .header .nav > li a.logo {
    position: fixed;
    left: 50%;
    margin-left: -89px;
    top: -1px;
    padding-right: 0;
  }
}
#header-container .header .nav > li a.logo img {
  height: 24px;
}
#header-container .header .nav > li a {
  background: transparent;
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  font-size: 13px;
  color: #333;
  line-height: 1em;
  padding: 23px 10px 21px;
}
#header-container .header .nav > li a .fa {
  float: right;
  margin-left: 3px;
}
#header-container .header .nav > li a:hover {
  background-color: transparent;
  color: #999;
}
#header-container .header .nav li {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#header-container .header .nav li.account ul.dropdown-menu {
  padding: 0;
}
#header-container .header .nav li.account #nav-account .dropdown-menu {
  background-color: #FFF;
  border-color: #EEE;
}
#header-container .header .nav li.account #nav-account span.count-bubble {
  margin-left: 3px;
  line-height: 1.4;
  top: 0;
  right: 0;
}
#header-container .header .nav li#night-mode-switch {
  padding: 17.5px 10px 12.5px;
  cursor: pointer;
}
#header-container .header .nav li#night-mode-switch .forum-sprite.light-bulb {
  float: left;
  margin-right: 4px;
}
@media (max-width: 480px) {
  #header-container .header .nav li#night-mode-switch {
    padding-left: 6px;
    padding-right: 6px;
  }
  #header-container .header .nav li#night-mode-switch img {
    margin-right: 0;
  }
}
#header-container .header .nav li.back-to-editorial a {
  font-size: 13px;
  color: #999;
  padding-top: 23px;
}
#header-container .header .nav.search-btn {
  font-size: 14px;
  padding: 21px 15px 37px;
}
@media (max-width: 991px) {
  #header-container .header .nav.search-btn {
    padding: 20px 15px 32px;
  }
}
@media (max-width: 480px) {
  #header-container .header .nav.search-btn {
    padding-left: 5px;
    padding-right: 5px;
  }
}
#header-container .header li.nav-item:hover > a {
  border-bottom: 3px solid #000;
  padding-bottom: 19px;
}
#header-container .header li.nav-item > a {
  text-transform: uppercase;
  padding-left: 12px;
  padding-right: 12px;
}
#header-container .header li.nav-item > a .dropdown-menu {
  text-transform: uppercase;
}
#header-container .header li.nav-item .user > a {
  padding-top: 20px;
  padding-bottom: 18px;
}
#header-container .header li.nav-item .user > a > .forum-sprite {
  vertical-align: middle;
  margin-right: 3px;
}
#header-container .header li.nav-item .user > a > span {
  vertical-align: middle;
}
#header-container .header li.nav-item .dropdown-menu {
  box-shadow: none;
  margin-top: 0;
  border-color: #EEE;
  background-clip: border-box;
  padding: 20px 25px !important;
}
#header-container .header li.nav-item .dropdown-menu li {
  position: relative;
  display: block;
  padding-bottom: 15px;
}
#header-container .header li.nav-item .dropdown-menu li.last,
#header-container .header li.nav-item .dropdown-menu li:last-child {
  padding-bottom: 0;
}
#header-container .header li.nav-item .dropdown-menu li.active a {
  color: #999;
  background-color: transparent;
}
#header-container .header li.nav-item .dropdown-menu li a {
  padding: 4px 5px 0 0 !important;
}
#header-container .header li.nav-item .dropdown-menu a {
  display: block;
  font-size: 13px;
}
.sticky-nav #header-container {
  border-bottom: 1px solid #EEE;
}
.forum-navigation h1 {
  display: inline-block;
  font-size: 32px;
  margin: 5px 0;
}
@media (max-width: 767px) {
  .forum-navigation h1 {
    float: left;
    margin: 0 0 15px;
  }
}
.forum-navigation div#forum_frontend_tag_select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}
.forum-navigation .mobile-navigation .form-group {
  margin-bottom: 0;
}
.forum-navigation .back-to-category {
  margin: 14px 15px;
  display: inline-block !important;
  font-size: 13px;
}
.forum-navigation div.sub-tags-container {
  margin: 15px 0 10px;
}
.forum-navigation div.sub-tags-container .title {
  line-height: 2em;
  color: #AFAFAF;
}
.forum-navigation div.sub-tags-container div.sub-tags {
  display: inline-block;
  width: calc(100% - 80px);
  margin-left: 12px;
}
.forum-navigation div.sub-tags-container a {
  display: inline-block;
  white-space: nowrap;
  border-right: 1px solid #E5E5E5;
  margin-top: 5px;
  margin-right: 7px;
  padding-right: 10px;
  font-weight: 600;
}
.forum-navigation div.sub-tags-container a:last-child {
  margin-right: 0;
  border-right: 0;
}
.forum-navigation .title-container {
  display: table;
  width: 100%;
  clear: both;
  vertical-align: middle;
  min-height: 45px;
  margin: 0 0 10px;
  position: relative;
}
.forum-navigation .title-container h1 {
  display: inline-block;
  font-size: 24px;
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  margin: 3px 0 15px 0;
  padding: 0;
  width: calc(100% - 370px);
  line-height: 1.3;
  word-break: break-word;
}
@media (max-width: 991px) {
  .forum-navigation .title-container h1 {
    width: calc(100% - 250px);
  }
}
@media (max-width: 767px) {
  .forum-navigation .title-container h1 {
    width: 100%;
    text-align: center;
  }
}
.forum-navigation .title-container .paginator {
  padding-top: 9px;
}
@media (max-width: 767px) {
  .forum-navigation .title-container .paginator {
    position: relative;
    right: auto;
    bottom: 2px;
  }
}
.forum-navigation .topic-func-btn-container,
.forum-footer .topic-func-btn-container,
.active-new-topic-container .topic-func-btn-container {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .forum-navigation .topic-func-btn-container,
  .forum-footer .topic-func-btn-container,
  .active-new-topic-container .topic-func-btn-container {
    width: 100%;
    margin-bottom: 3px;
  }
  .forum-navigation .topic-func-btn-container a.btn,
  .forum-footer .topic-func-btn-container a.btn,
  .active-new-topic-container .topic-func-btn-container a.btn {
    width: 100%;
    float: left;
  }
  .forum-navigation .topic-func-btn-container.col-two a.btn,
  .forum-footer .topic-func-btn-container.col-two a.btn,
  .active-new-topic-container .topic-func-btn-container.col-two a.btn {
    width: calc(50% - 4px);
    float: left;
  }
  .forum-navigation .topic-func-btn-container.col-two a.btn:first-child,
  .forum-footer .topic-func-btn-container.col-two a.btn:first-child,
  .active-new-topic-container .topic-func-btn-container.col-two a.btn:first-child {
    margin-right: 8px;
  }
}
.forum-navigation div.breadcrumb-btn-container a,
.forum-footer div.breadcrumb-btn-container a,
.active-new-topic-container div.breadcrumb-btn-container a {
  color: #666;
  font-size: 14px;
  padding: 6px 0;
  display: block;
}
.forum-navigation div.breadcrumb-btn-container i,
.forum-footer div.breadcrumb-btn-container i,
.active-new-topic-container div.breadcrumb-btn-container i {
  font-size: 24px;
  vertical-align: -3px;
  padding-right: 0;
}
@media (max-width: 767px) {
  .forum-navigation div,
  .forum-footer div,
  .active-new-topic-container div {
    width: 100%;
    text-align: center;
  }
  .forum-navigation div.tooltip,
  .forum-footer div.tooltip,
  .active-new-topic-container div.tooltip,
  .forum-navigation div.tooltip div,
  .forum-footer div.tooltip div,
  .active-new-topic-container div.tooltip div {
    display: inline-block;
  }
  .forum-navigation div.tooltip.tooltip-arrow,
  .forum-footer div.tooltip.tooltip-arrow,
  .active-new-topic-container div.tooltip.tooltip-arrow,
  .forum-navigation div.tooltip div.tooltip-arrow,
  .forum-footer div.tooltip div.tooltip-arrow,
  .active-new-topic-container div.tooltip div.tooltip-arrow {
    width: auto;
  }
  .forum-navigation div.breadcrumb-btn-container,
  .forum-footer div.breadcrumb-btn-container,
  .active-new-topic-container div.breadcrumb-btn-container {
    margin: 0;
    padding-bottom: 0;
    text-align: center;
  }
  .forum-navigation div.breadcrumb-btn-container a,
  .forum-footer div.breadcrumb-btn-container a,
  .active-new-topic-container div.breadcrumb-btn-container a {
    font-size: 18px;
  }
  .forum-navigation div.breadcrumb-btn-container i,
  .forum-footer div.breadcrumb-btn-container i,
  .active-new-topic-container div.breadcrumb-btn-container i {
    font-size: 28px;
    vertical-align: -2px;
  }
}
.forum-navigation .btn,
.forum-footer .btn,
.active-new-topic-container .btn {
  font-size: 15px;
  padding: 12px 30px;
  margin: 0 0 0 6px;
  background-color: #006FBB;
  color: white;
}
.forum-navigation .btn:hover,
.forum-footer .btn:hover,
.active-new-topic-container .btn:hover {
  background-color: #429BE9;
}
.forum-navigation .btn.old,
.forum-footer .btn.old,
.active-new-topic-container .btn.old {
  color: #FFF;
  background-color: #3784C7;
  border-color: #EEE;
}
@media (max-width: 991px) {
  .forum-navigation .btn,
  .forum-footer .btn,
  .active-new-topic-container .btn {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .forum-navigation .btn,
  .forum-footer .btn,
  .active-new-topic-container .btn {
    width: 100%;
  }
}
.forum-navigation .btn.search,
.forum-footer .btn.search,
.active-new-topic-container .btn.search {
  padding: 7px 0;
  height: 38px;
  width: 110px;
}
.forum-navigation .btn.subscribe,
.forum-footer .btn.subscribe,
.active-new-topic-container .btn.subscribe {
  background-color: #F5F5F5 !important;
  color: black;
  border: 0;
}
.forum-navigation .btn.subscribe:hover,
.forum-footer .btn.subscribe:hover,
.active-new-topic-container .btn.subscribe:hover {
  background-color: #F9F9F9 !important;
}
@media (max-width: 767px) {
  .forum-navigation > .forum-description div.paginator,
  .forum-footer > .forum-description div.paginator,
  .active-new-topic-container > .forum-description div.paginator {
    display: inline-block;
  }
}
div.paginator {
  display: inline-block;
  float: right;
  text-align: right;
  font-family: Helvetica, Arial, sans-serif, "Microsoft Yahei";
  padding: 10px 0 7px;
}
@media (max-width: 991px) {
  div.paginator {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  div.paginator {
    text-align: center;
    width: 100%;
    padding: 12px 0 7px !important;
  }
}
div.paginator ul.pagination {
  display: table;
  margin: 0;
}
@media (max-width: 767px) {
  div.paginator ul.pagination {
    display: inline-block;
  }
}
div.paginator ul.pagination li {
  display: table-cell;
  vertical-align: middle;
}
div.paginator ul.pagination li span,
div.paginator ul.pagination li a,
div.paginator ul.pagination li a:hover {
  color: #777;
  font-size: 13px;
  width: auto;
  background: none transparent;
  text-indent: initial;
  font-weight: normal;
}
div.paginator ul.pagination li span:hover,
div.paginator ul.pagination li a:hover,
div.paginator ul.pagination li a:hover:hover {
  color: #333;
}
div.paginator ul.pagination li.disabled span,
div.paginator ul.pagination li.disabled a,
div.paginator ul.pagination li.disabled a:hover {
  color: #EEE;
}
div.paginator ul.pagination li > a {
  padding: 0;
}
div.paginator ul.pagination li > a span {
  line-height: 26.5px;
}
@media (max-width: 767px) {
  div.paginator ul.pagination li > a span {
    line-height: 36px;
    font-size: 16px;
  }
}
div.paginator ul.pagination li > a i {
  font-size: 24px;
  position: relative;
  top: -1.5px;
}
@media (max-width: 767px) {
  div.paginator ul.pagination li > a i {
    font-size: 36px;
  }
}
div.paginator ul.pagination li.switch-page-container span {
  color: #000;
}
@media (max-width: 991px) {
  div.paginator ul.pagination li.switch-page-container span {
    padding: 6px;
  }
}
div.paginator ul.pagination form.switch-page {
  display: inline-block;
  margin: 0;
}
div.paginator ul.pagination input.page {
  width: 30px;
  padding: 3px 0;
  border: 0;
  text-align: center;
  background-color: #F5F5F5;
}
div.paginator ul.pagination .first,
div.paginator ul.pagination .first.disabled,
div.paginator ul.pagination .prev,
div.paginator ul.pagination .prev.disabled {
  padding-right: 10px;
}
div.paginator ul.pagination .first span,
div.paginator ul.pagination .first.disabled span,
div.paginator ul.pagination .prev span,
div.paginator ul.pagination .prev.disabled span {
  padding-left: 3px;
}
div.paginator ul.pagination .first i,
div.paginator ul.pagination .first.disabled i,
div.paginator ul.pagination .prev i,
div.paginator ul.pagination .prev.disabled i {
  float: left;
}
div.paginator ul.pagination .next,
div.paginator ul.pagination .next.disabled,
div.paginator ul.pagination .last,
div.paginator ul.pagination .last.disabled {
  padding-left: 10px;
}
div.paginator ul.pagination .next span,
div.paginator ul.pagination .next.disabled span,
div.paginator ul.pagination .last span,
div.paginator ul.pagination .last.disabled span {
  padding-right: 3px;
}
div.paginator ul.pagination .next i,
div.paginator ul.pagination .next.disabled i,
div.paginator ul.pagination .last i,
div.paginator ul.pagination .last.disabled i {
  float: right;
}
@media (max-width: 991px) {
  div.paginator ul.pagination .prev span,
  div.paginator ul.pagination .next span {
    display: none;
  }
  div.paginator ul.pagination .first {
    padding-right: 20px !important;
  }
  div.paginator ul.pagination .last {
    padding-left: 20px !important;
  }
}
@media (max-width: 991px) {
  body.forum_topic_show div.paginator li.switch-page-container span {
    padding: 6px;
  }
}
.polling-container {
  position: relative;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #CCC;
}
.polling-container span.result,
.polling-container form {
  margin: 0 30px;
}
.polling-container h1 {
  margin: 10px 0;
  font-size: 18px;
  display: inline-block;
}
.polling-container p.polling-option-description span {
  margin-left: 6px;
}
.polling-container ul {
  margin: 0 15px;
  padding: 0;
}
@media (min-width: 768px) {
  .polling-container ul {
    margin: 0 65px;
  }
}
.polling-container ul li {
  list-style: none;
  float: left;
  width: calc(33% - 4px);
}
.polling-container ul li:nth-child(3n-1),
.polling-container ul li:nth-child(3n-2) {
  margin-right: 8px;
}
@media (max-width: 991px) {
  .polling-container ul li {
    width: calc(50% - 4px);
  }
  .polling-container ul li:nth-child(3n-1),
  .polling-container ul li:nth-child(3n-2) {
    margin-right: 0;
  }
  .polling-container ul li:nth-child(2n-1) {
    margin-right: 8px;
  }
}
@media (max-width: 480px) {
  .polling-container ul li {
    width: 100%;
    margin: 0;
  }
}
.polling-container .btn-container .btn {
  margin: 0 auto;
  width: 110px;
  display: block;
  padding: 8px 16px !important;
}
.polling-container .login-required h4 {
  font-size: 18px;
}
.polling-result-container {
  width: 100%;
}
.polling-result-container .polling-result {
  width: 80%;
  margin: 0 auto;
  display: block;
}
@media (max-width: 991px) {
  .polling-result-container .polling-result {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .polling-result-container .polling-result {
    width: 100%;
  }
}
.table-header {
  position: relative;
  margin-top: 10px;
  display: block;
  width: 100%;
}
.table-header .wrapper {
  position: relative;
  height: 53px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .table-header .wrapper {
    float: left;
  }
}
@media (max-width: 991px) {
  .table-header {
    margin-top: 0;
  }
}
.table-header .paginator {
  padding: 0;
  margin-top: 8px;
}
.tab-container.hot-topics {
  margin-bottom: 0;
  width: 600px;
  float: left;
}
@media (max-width: 991px) {
  .tab-container.hot-topics {
    white-space: nowrap;
  }
}
.tab-container.hot-topics .tab {
  width: 150px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 991px) {
  .tab-container.hot-topics .tab {
    margin-left: 0;
  }
}
.tab-container.hot-topics .tab .tab-btn {
  height: 53px;
  padding-top: 15px;
  vertical-align: baseline;
  border: 0;
  text-align: center;
  color: #CCC;
  font-size: 15px;
  background-color: transparent;
}
@media (max-width: 991px) {
  .tab-container.hot-topics .tab .tab-btn {
    border-right: 0;
  }
}
.tab-container.hot-topics .tab .tab-btn.current,
.tab-container.hot-topics .tab .tab-btn:hover {
  color: #FFF;
  background-color: black;
}
.tab-container.hot-topics .tab .tab-btn:hover .current {
  height: 46px !important;
}
.tab-container.hot-topics .tab div.forum-sprite.trending {
  position: relative;
  top: 2px;
}
.tab-container.hot-topics .tab .subscribed-tags.active span,
.tab-container.hot-topics .tab .subscribed-tags:hover span {
  color: #FFF;
}
.tab-container.hot-topics .tab .subscribed-tags span.inactive {
  color: #999 !important;
}
.tab-container.hot-topics .tab .subscribed-tags.current {
  cursor: default;
}
.tab-container.hot-topics .tab .subscribed-tags span {
  margin-right: 17px;
}
.tab-container.hot-topics .tab .subscribed-tags span:hover {
  color: #FFF;
}
.tab-container.hot-topics .tab .subscribed-tags i {
  cursor: pointer;
  padding: 16px;
  position: absolute;
  top: 50%;
  margin-top: -23.5px;
  right: 0;
  color: #CCC;
}
.tab-container.hot-topics .tab .subscribed-tags i:hover {
  color: #FFF;
}
@media (min-width: 992px) {
  .tab-container.hot-topics .tab .subscribed-tags i:hover {
    -ms-animation: rotate360 5s linear infinite;
    -moz-animation: rotate360 5s linear infinite;
    -webkit-animation: rotate360 5s linear infinite;
    -o-animation: rotate360 5s linear infinite;
    animation: rotate360 5s linear infinite;
  }
}
.forum-table {
  width: 100%;
}
.forum-table thead {
  color: #FFF;
}
.forum-table thead tr td {
  font-size: 14px;
  color: #000;
}
@media (max-width: 767px) {
  .forum-table thead tr td:first-child {
    padding: 0;
  }
}
.forum-table thead tr td h2 {
  display: inline-block;
  float: left;
  margin: 13px 0 12px !important;
  font-size: 24px;
  color: #222;
}
.forum-table tbody tr {
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  border-right: 0;
  border-top: 1px solid #EEE;
}
.forum-table tbody tr:first-child td {
  border-top: 0;
}
.forum-table tbody tr td {
  border-top: 1px solid #EEE;
  border-right: 0;
  padding: 20px 15px;
  vertical-align: middle;
  font-size: 12px;
}
@media (max-width: 767px) {
  .forum-table tbody tr td {
    border-top: 0;
  }
}
@media (max-width: 991px) {
  .forum-table tbody tr td {
    padding: 15px;
  }
}
.forum-table tbody tr td small,
.forum-table tbody tr td span {
  color: #999;
}
.forum-table tbody tr td:first-child {
  border-left: 0;
}
.forum-table tbody tr td:last-child {
  border-right: 0;
}
.forum-table tbody tr td.icon {
  background: none;
  display: table-cell;
  text-align: center;
}
.forum-table tbody tr td.icon img.topic-status-icon {
  height: 26px;
}
.forum-table tbody tr td.icon img.topic-status-icon.sticky {
  height: 28px;
}
.forum-table tbody tr td.icon img.topic-status-icon.unread-new {
  height: 30px;
}
.forum-table tbody tr td.title h3 {
  display: inline;
  font-size: 19px;
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  margin: 0;
  padding-bottom: 3px;
  word-break: break-word;
}
@media (min-width: 768px) and (max-width: 991px) {
  .forum-table tbody tr td.title h3 {
    max-width: 420px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .forum-table tbody tr td.title h3 {
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .forum-table tbody tr td.title h3 {
    width: 100%;
  }
}
.forum-table tbody tr td.title .title-container {
  margin-bottom: 3px;
}
@media (max-width: 991px) {
  .forum-table tbody tr td.title .title-container {
    margin-bottom: 0;
  }
}
.forum-table tbody tr td.title .forum-name-link,
.forum-table tbody tr td.title small {
  font-size: 13px;
  margin-bottom: 9px;
  display: inline-block;
}
@media (max-width: 768px) {
  .forum-table tbody tr td.title .forum-name-link,
  .forum-table tbody tr td.title small {
    font-size: 14px;
  }
}
.forum-table tbody tr td.title .forum-name-link a,
.forum-table tbody tr td.title small a {
  font-weight: 500;
}
.forum-table tbody tr td.title .sub-forum-name {
  display: none;
}
@media (max-width: 991px) {
  .forum-table tbody tr td.title .sub-forum-name {
    display: inline-block !important;
  }
}
.forum-table tbody tr td.title .quick-pager {
  display: inline-block;
}
.forum-table tbody tr td .quick-pager {
  margin-left: 8px;
}
.forum-table tbody tr td .quick-pager a {
  color: #337AB7;
  margin-left: 5px;
  background-color: #E0ECF5;
  padding: 3px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.forum-table tbody tr td .quick-pager a:first-child {
  margin-left: 0;
}
.forum-table tbody tr td .quick-pager span.dots {
  color: #CCC;
  margin: 0 4px;
}
.forum-table tbody tr td .quick-pager span.dots + a {
  margin-left: 0;
}
@media (max-width: 767px) {
  .forum-table tbody tr td .quick-pager {
    font-size: 14px;
  }
}
.forum-table tbody tr td.count {
  font-size: 12px;
  width: 140px;
}
@media (max-width: 767px) {
  .forum-table tbody tr td.count {
    width: 90px;
  }
}
.forum-table tbody tr td.sub-forum-name {
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  color: black;
  font-size: 12px;
  width: 145px;
}
@media (max-width: 1229px) {
  .forum-table tbody tr td.sub-forum-name {
    width: auto;
  }
  .forum-table tbody tr td.sub-forum-name a {
    width: 100px !important;
  }
}
.forum-table tbody tr td.sub-forum-name a:hover span.tag {
  color: #999;
}
.forum-table tbody tr td.sub-forum-name span.tag {
  display: inline-block;
  position: relative;
  top: 3px;
  white-space: nowrap;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.forum-table tbody tr td.sub-forum-name .category {
  position: relative;
  top: -2px;
}
.forum-table tbody tr td.status {
  width: 210px;
}
.forum-table tbody tr td.status .media-heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
  margin: 0;
  font-size: 14px;
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  font-weight: 500;
}
@media (max-width: 991px) {
  .forum-table tbody tr td.status .media-heading {
    max-width: 110px;
  }
}
@media (max-width: 767px) {
  .forum-table tbody tr td.status .media-heading {
    max-width: 209px;
  }
}
.forum-table tbody tr td.status .media-body {
  width: 100% !important;
  display: table-cell;
  vertical-align: middle;
  padding-top: 5px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .forum-table tbody tr td.status .media-body {
    padding-top: 3px;
  }
}
@media (max-width: 1229px) {
  .forum-table tbody tr td.status .media-body {
    padding-top: 3px;
  }
}
@media (max-width: 1229px) {
  .forum-table tbody tr td.status .media-body a {
    display: block;
  }
}
.forum-table tbody tr td.status .media-body h6 {
  margin: 0;
}
.forum-table tbody tr td.status .time {
  font-size: 12px;
}
.forum-table tbody tr td.table-bottom-paginator {
  padding: 0 !important;
  background-color: white;
  border-top: 1px solid #EEE;
  vertical-align: middle;
  height: 40px;
}
.forum-table tbody tr td.table-bottom-paginator a {
  font-size: 14px;
}
.forum-table tbody tr td div.paginator {
  padding: 8px 0 7px;
}
@media (max-width: 991px) {
  .forum-table tbody tr td div.paginator li.prev span,
  .forum-table tbody tr td div.paginator li.next span {
    display: none;
  }
  .forum-table tbody tr td div.paginator li.switch-page-container {
    display: block;
    margin-top: 3px;
  }
}
body.forum-mode-day li#night-mode-switch img.on {
  display: inline-block;
}
body.forum-mode-day li#night-mode-switch img.off {
  display: none;
}
body.forum-mode-night li#night-mode-switch img.on {
  display: none;
}
body.forum-mode-night li#night-mode-switch img.off {
  display: inline-block;
}
body {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
body .day-night-container .night,
body .day-night-container .lighten,
body .day-night-container .always {
  display: none !important;
}
body .day-night-container .day.dim,
body .day-night-container .day.always {
  display: inline-block !important;
}
body .day-night-container.current .day,
body .day-night-container:hover .day {
  display: none !important;
}
body .day-night-container.current .day.lighten,
body .day-night-container:hover .day.lighten,
body .day-night-container.current .day.always,
body .day-night-container:hover .day.always {
  display: inline-block !important;
}
body.forum-mode-night .day-night-container .day,
body.forum-mode-night .day-night-container .lighten,
body.forum-mode-night .day-night-container .always {
  display: none !important;
}
body.forum-mode-night .day-night-container .night.dim,
body.forum-mode-night .day-night-container .night.always {
  display: inline-block !important;
}
body.forum-mode-night .day-night-container.current .day,
body.forum-mode-night .day-night-container:hover .day,
body.forum-mode-night .day-night-container.current .day.always,
body.forum-mode-night .day-night-container:hover .day.always,
body.forum-mode-night .day-night-container.current .day.lighten,
body.forum-mode-night .day-night-container:hover .day.lighten {
  display: none !important;
}
body.forum-mode-night .day-night-container.current .night,
body.forum-mode-night .day-night-container:hover .night {
  display: none !important;
}
body.forum-mode-night .day-night-container.current .night.lighten,
body.forum-mode-night .day-night-container:hover .night.lighten,
body.forum-mode-night .day-night-container.current .night.always,
body.forum-mode-night .day-night-container:hover .night.always {
  display: inline-block !important;
}
body.forum-mode-night[class^="notification_"] thead {
  background-color: #212121;
}
body.forum-mode-night[class^="notification_"] td.mark-as-read {
  border-left: none !important;
}
body.forum-mode-night {
  color: #DDD !important;
}
body.forum-mode-night,
body.forum-mode-night #site-footer {
  background-color: #0a0a0a;
}
body.forum-mode-night h1,
body.forum-mode-night h2,
body.forum-mode-night h3,
body.forum-mode-night h4,
body.forum-mode-night h5,
body.forum-mode-night h6,
body.forum-mode-night .h1,
body.forum-mode-night .h2,
body.forum-mode-night .h3,
body.forum-mode-night .h4,
body.forum-mode-night .h5,
body.forum-mode-night .h6 {
  color: #FFF;
}
body.forum-mode-night a {
  color: #FFF;
}
body.forum-mode-night label {
  color: #EFEFEF;
}
body.forum-mode-night optgroup {
  background-color: #333;
}
body.forum-mode-night .count-bubble {
  background-color: #525252;
  border-color: #afafaf;
  color: #FFF !important;
}
body.forum-mode-night .btn-default {
  color: #FFF;
}
body.forum-mode-night .alert-warning {
  background-color: #353531;
  border-color: #655E4F;
  color: #8A6D3B;
}
body.forum-mode-night table thead {
  color: #FFF;
}
body.forum-mode-night dl.sidebar-nav dt {
  color: #FFF;
}
body.forum-mode-night.notification_show_unread table.table-bordered tbody tr {
  border-color: #303030;
}
body.forum-mode-night #inbox .thread-unread {
  background-color: #3C3C3C;
}
body.forum-mode-night.fos_message_thread_view #inbox #thread #messages .message .info {
  color: #afafaf;
}
body.forum-mode-night .cke_toolbox span.img-upload-hints {
  color: #AFAFAF;
}
body.forum-mode-night #register-modal a {
  color: #337AB7;
  text-decoration: none;
}
body.forum-mode-night #register-modal .facebook-connect {
  color: #FFF;
}
body.forum-mode-night #register-modal label,
body.forum-mode-night #register-modal input {
  color: #555;
}
body.forum-mode-night hr {
  border-color: #969696;
}
body.forum-mode-night .form-control {
  color: #F5F5F5;
}
body.forum-mode-night textarea {
  background-color: #303030;
}
body.forum-mode-night input {
  background-color: transparent;
}
body.forum-mode-night select {
  background-color: transparent;
}
body.forum-mode-night strong {
  color: #FFF;
}
body.forum-mode-night .modal-content {
  background-color: #303030;
}
body.forum-mode-night .modal-header,
body.forum-mode-night .modal-footer {
  border-color: #969696;
}
body.forum-mode-night dl.sidebar-nav dd > a {
  color: #afafaf;
}
body.forum-mode-night dl.sidebar-nav dd > a:hover {
  color: #FFF;
}
body.forum-mode-night div#content.plain-page-style p,
body.forum-mode-night div#content.plain-page-style ul li {
  color: #afafaf;
}
body.forum-mode-night span.topic-meta {
  color: #7D7D7D;
}
body.forum-mode-night ul.pagination li a:hover i,
body.forum-mode-night ul.pagination li a:hover span {
  color: #FFF;
}
body.forum-mode-night ul.pagination li i,
body.forum-mode-night ul.pagination li span {
  color: #afafaf;
}
body.forum-mode-night ul.pagination li input.page {
  background-color: #414141;
}
body.forum-mode-night ul.pagination li.switch-page-container span {
  color: #FFF;
}
body.forum-mode-night ul.pagination li.disabled a i,
body.forum-mode-night ul.pagination li.disabled a:hover i,
body.forum-mode-night ul.pagination li.disabled a span,
body.forum-mode-night ul.pagination li.disabled a:hover span {
  color: #414141;
}
body.forum-mode-night #forum_frontend_tag_select_tag {
  border-color: #303030 !important;
}
body.forum-mode-night .virtual-checkbox {
  background-color: #242424 !important;
  border-color: #838383 !important;
}
body.forum-mode-night .virtual-checkbox:hover {
  background-color: #E0E0E0 !important;
  border-color: #E0E0E0 !important;
}
body.forum-mode-night .forum-shoutbox-counter-widget {
  background-color: #0a0a0a !important;
  border-color: #303030 !important;
}
body.forum-mode-night .forum-shoutbox-counter-widget .shoutbox-online-status {
  background-color: #969696 !important;
}
body.forum-mode-night .forum-shoutbox-counter-widget .shoutbox-online-status.online {
  background-color: #12B112 !important;
}
body.forum-mode-night .forum-shoutbox-counter-widget .pull-left {
  color: white !important;
}
body.forum-mode-night .forum-shoutbox-counter-widget .pull-right {
  color: #afafaf !important;
}
body.forum-mode-night #header-container {
  background-color: #0a0a0a !important;
  border-color: #303030 !important;
}
body.forum-mode-night .header {
  background-color: #0a0a0a !important;
  border-color: #303030 !important;
}
body.forum-mode-night .header.relative > .nav {
  border-color: #303030 !important;
}
body.forum-mode-night .header > .nav {
  border-color: #303030 !important;
}
body.forum-mode-night .header #nav-account .user span span {
  color: #FFF !important;
}
body.forum-mode-night .header #nav-account span.count {
  background-color: #414141 !important;
}
body.forum-mode-night .header .nav .nav-item > a {
  color: #FFF !important;
}
body.forum-mode-night .header .nav .nav-item > a:hover,
body.forum-mode-night .header .nav .nav-item > a:focus {
  color: #3181c7 !important;
}
body.forum-mode-night .header .nav ul.category-menu,
body.forum-mode-night .header .nav ul#nav-account ul.dropdown-menu {
  background-color: #0a0a0a !important;
  border-color: #303030 !important;
}
body.forum-mode-night .header .nav ul.category-menu a,
body.forum-mode-night .header .nav ul#nav-account ul.dropdown-menu a {
  color: #FFF !important;
}
body.forum-mode-night .header .nav ul.category-menu li.current,
body.forum-mode-night .header .nav ul.category-menu li.current a {
  color: #3181c7 !important;
}
body.forum-mode-night .header .nav ul.category-menu a {
  color: #FFF !important;
}
body.forum-mode-night .header .nav ul.category-menu a:hover {
  color: #3181c7 !important;
}
body.forum-mode-night .header .nav .dropdown-menu {
  border-color: #303030 !important;
  background-color: #212121 !important;
}
body.forum-mode-night .header .nav .dropdown-menu li a {
  color: #FFF !important;
  border-color: white !important;
}
body.forum-mode-night .header .nav .dropdown-menu li a:hover {
  color: #3181c7 !important;
}
body.forum-mode-night .header .nav .search a:hover i {
  color: #AFAFAF;
}
body.forum-mode-night .header .nav .search a i {
  color: #999;
}
body.forum-mode-night #slide-menu {
  background-color: #242424;
}
body.forum-mode-night #slide-menu div#slide-menu-header {
  background-color: #303030;
}
body.forum-mode-night #slide-menu div#slide-menu-header .close-btn::before,
body.forum-mode-night #slide-menu div#slide-menu-header .close-btn::after {
  background-color: #FFF;
}
body.forum-mode-night #slide-menu hr {
  border-color: #303030;
}
body.forum-mode-night #slide-menu .nav a {
  color: #FFF;
}
body.forum-mode-night #slide-menu #slide-menu-network small,
body.forum-mode-night #slide-menu #slide-menu-network ul.nav li a {
  color: #afafaf;
}
body.forum-mode-night #slide-menu .nav-pills .nav-list a {
  color: #969696;
}
body.forum-mode-night #slide-menu #slide-menu-social a i,
body.forum-mode-night #slide-menu #slide-menu-copyright a {
  color: #FFF;
}
body.forum-mode-night #header {
  border-color: #414141;
}
body.forum-mode-night #header div.swipe-option {
  background-color: #414141;
}
body.forum-mode-night #header div.swipe-option div.swipe-circle {
  background-color: #afafaf;
}
@media (max-width: 991px) {
  body.forum-mode-night #header-container,
  body.forum-mode-night #header {
    background-color: #242424 !important;
  }
}
body.forum-mode-night table {
  border-color: #303030 !important;
}
body.forum-mode-night table thead {
  border-color: #303030 !important;
}
body.forum-mode-night table td {
  border-color: #303030 !important;
}
body.forum-mode-night table td.title h3,
body.forum-mode-night table td.status h6 {
  color: #FFF;
}
body.forum-mode-night table td.title .quick-pager a,
body.forum-mode-night table td.title small a {
  color: #3181c7;
}
body.forum-mode-night table td.title .quick-pager a {
  background-color: #393939;
}
body.forum-mode-night table td.title small {
  color: #C9C9C9;
}
body.forum-mode-night .forum-table thead tr td.forum-subforum-title h1,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title h2,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title h3,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title h4,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title h5,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title h6,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title .h1,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title .h2,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title .h3,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title .h4,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title .h5,
body.forum-mode-night .forum-table thead tr td.forum-subforum-title .h6 {
  color: #FFF;
}
body.forum-mode-night .forum-table thead tr td.controls .btn-group {
  border-color: #303030 !important;
}
body.forum-mode-night .forum-table td.sub-forum-name span.tag {
  color: #FFF;
}
body.forum-mode-night .forum-table #topics-sorting ul.dropdown-menu {
  border-color: #303030 !important;
  color: #969696;
}
body.forum-mode-night .forum-table #topics-sorting ul.dropdown-menu li.current a,
body.forum-mode-night .forum-table #topics-sorting ul.dropdown-menu li:hover a,
body.forum-mode-night .forum-table #topics-sorting ul.dropdown-menu a.current,
body.forum-mode-night .forum-table #topics-sorting ul.dropdown-menu a:hover {
  color: #FFF !important;
  background-color: #414141 !important;
}
body.forum-mode-night .forum-table #topics-sorting ul.dropdown-menu li {
  border-color: #303030 !important;
}
body.forum-mode-night .forum-table #topics-sorting ul.dropdown-menu li a {
  color: #afafaf;
}
body.forum-mode-night .forum-table #topics-sorting ul.dropdown-menu li a.current,
body.forum-mode-night .forum-table #topics-sorting ul.dropdown-menu li a:hover {
  color: #FFF;
}
body.forum-mode-night .forum-table thead tr,
body.forum-mode-night .forum-table tbody tr {
  border-color: #303030 !important;
}
body.forum-mode-night .forum-table tbody tr td.table-bottom-paginator {
  background-color: #0a0a0a !important;
}
body.forum-mode-night .forum-table tbody tr td.title .sub-forum-name {
  color: #FFF;
}
body.forum-mode-night .forum-table tbody tr td.count,
body.forum-mode-night .forum-table tbody tr td.info {
  color: #969696;
}
body.forum-mode-night .forum-table tbody tr:last-child {
  border-color: #303030 !important;
}
body.forum-mode-night .forum-table.forum-members-table td.user-info span.user-display-name {
  color: #FFF;
}
body.forum-mode-night .forum-table.forum-members-table td.post-count,
body.forum-mode-night .forum-table.forum-members-table td.hype,
body.forum-mode-night .forum-table.forum-members-table td.post-count span,
body.forum-mode-night .forum-table.forum-members-table td.hype span {
  color: #afafaf;
}
body.forum-mode-night .new-topic,
body.forum-mode-night .reply {
  background-color: #429be9;
}
body.forum-mode-night .new-topic:hover,
body.forum-mode-night .reply:hover {
  background-color: #3181c7;
}
body.forum-mode-night .active-new-topic-container .active-tag {
  color: #FFF !important;
}
body.forum-mode-night .active-new-topic-container .active-tag:hover {
  color: #afafaf;
}
body.forum-mode-night.forum_homepage #welcome-to-forum,
body.forum-mode-night.forum_index #welcome-to-forum,
body.forum-mode-night.forum_index_with_page #welcome-to-forum,
body.forum-mode-night.forum_tag_show #welcome-to-forum,
body.forum-mode-night.forum_user_recent_activities #welcome-to-forum,
body.forum-mode-night.forum_user_topics #welcome-to-forum,
body.forum-mode-night.forum_user_posts #welcome-to-forum,
body.forum-mode-night.forum_user_activity_log #welcome-to-forum {
  background-color: #242424;
  color: #838383;
}
body.forum-mode-night.forum_homepage #welcome-to-forum strong.no-wrap,
body.forum-mode-night.forum_index #welcome-to-forum strong.no-wrap,
body.forum-mode-night.forum_index_with_page #welcome-to-forum strong.no-wrap,
body.forum-mode-night.forum_tag_show #welcome-to-forum strong.no-wrap,
body.forum-mode-night.forum_user_recent_activities #welcome-to-forum strong.no-wrap,
body.forum-mode-night.forum_user_topics #welcome-to-forum strong.no-wrap,
body.forum-mode-night.forum_user_posts #welcome-to-forum strong.no-wrap,
body.forum-mode-night.forum_user_activity_log #welcome-to-forum strong.no-wrap {
  color: #FFF;
}
body.forum-mode-night.forum_homepage #welcome-to-forum i.fa,
body.forum-mode-night.forum_index #welcome-to-forum i.fa,
body.forum-mode-night.forum_index_with_page #welcome-to-forum i.fa,
body.forum-mode-night.forum_tag_show #welcome-to-forum i.fa,
body.forum-mode-night.forum_user_recent_activities #welcome-to-forum i.fa,
body.forum-mode-night.forum_user_topics #welcome-to-forum i.fa,
body.forum-mode-night.forum_user_posts #welcome-to-forum i.fa,
body.forum-mode-night.forum_user_activity_log #welcome-to-forum i.fa {
  color: #838383;
}
body.forum-mode-night.forum_homepage .table-header,
body.forum-mode-night.forum_index .table-header,
body.forum-mode-night.forum_index_with_page .table-header,
body.forum-mode-night.forum_tag_show .table-header,
body.forum-mode-night.forum_user_recent_activities .table-header,
body.forum-mode-night.forum_user_topics .table-header,
body.forum-mode-night.forum_user_posts .table-header,
body.forum-mode-night.forum_user_activity_log .table-header {
  border-color: #303030 !important;
}
body.forum-mode-night.forum_homepage .table-header .tab-container.hot-topics .tab-btn,
body.forum-mode-night.forum_index .table-header .tab-container.hot-topics .tab-btn,
body.forum-mode-night.forum_index_with_page .table-header .tab-container.hot-topics .tab-btn,
body.forum-mode-night.forum_tag_show .table-header .tab-container.hot-topics .tab-btn,
body.forum-mode-night.forum_user_recent_activities .table-header .tab-container.hot-topics .tab-btn,
body.forum-mode-night.forum_user_topics .table-header .tab-container.hot-topics .tab-btn,
body.forum-mode-night.forum_user_posts .table-header .tab-container.hot-topics .tab-btn,
body.forum-mode-night.forum_user_activity_log .table-header .tab-container.hot-topics .tab-btn {
  border-color: #303030 !important;
  color: #999;
  background-color: transparent;
}
body.forum-mode-night.forum_homepage .table-header .tab-container.hot-topics .tab-btn.current,
body.forum-mode-night.forum_index .table-header .tab-container.hot-topics .tab-btn.current,
body.forum-mode-night.forum_index_with_page .table-header .tab-container.hot-topics .tab-btn.current,
body.forum-mode-night.forum_tag_show .table-header .tab-container.hot-topics .tab-btn.current,
body.forum-mode-night.forum_user_recent_activities .table-header .tab-container.hot-topics .tab-btn.current,
body.forum-mode-night.forum_user_topics .table-header .tab-container.hot-topics .tab-btn.current,
body.forum-mode-night.forum_user_posts .table-header .tab-container.hot-topics .tab-btn.current,
body.forum-mode-night.forum_user_activity_log .table-header .tab-container.hot-topics .tab-btn.current,
body.forum-mode-night.forum_homepage .table-header .tab-container.hot-topics .tab-btn:hover,
body.forum-mode-night.forum_index .table-header .tab-container.hot-topics .tab-btn:hover,
body.forum-mode-night.forum_index_with_page .table-header .tab-container.hot-topics .tab-btn:hover,
body.forum-mode-night.forum_tag_show .table-header .tab-container.hot-topics .tab-btn:hover,
body.forum-mode-night.forum_user_recent_activities .table-header .tab-container.hot-topics .tab-btn:hover,
body.forum-mode-night.forum_user_topics .table-header .tab-container.hot-topics .tab-btn:hover,
body.forum-mode-night.forum_user_posts .table-header .tab-container.hot-topics .tab-btn:hover,
body.forum-mode-night.forum_user_activity_log .table-header .tab-container.hot-topics .tab-btn:hover {
  color: #FFF !important;
  background-color: #232323 !important;
}
body.forum-mode-night.forum_homepage .subscribe-tags-container,
body.forum-mode-night.forum_index .subscribe-tags-container,
body.forum-mode-night.forum_index_with_page .subscribe-tags-container,
body.forum-mode-night.forum_tag_show .subscribe-tags-container,
body.forum-mode-night.forum_user_recent_activities .subscribe-tags-container,
body.forum-mode-night.forum_user_topics .subscribe-tags-container,
body.forum-mode-night.forum_user_posts .subscribe-tags-container,
body.forum-mode-night.forum_user_activity_log .subscribe-tags-container {
  background-color: #232323 !important;
}
body.forum-mode-night.forum_homepage .subscribe-tags-container .list-column .tags-list .category,
body.forum-mode-night.forum_index .subscribe-tags-container .list-column .tags-list .category,
body.forum-mode-night.forum_index_with_page .subscribe-tags-container .list-column .tags-list .category,
body.forum-mode-night.forum_tag_show .subscribe-tags-container .list-column .tags-list .category,
body.forum-mode-night.forum_user_recent_activities .subscribe-tags-container .list-column .tags-list .category,
body.forum-mode-night.forum_user_topics .subscribe-tags-container .list-column .tags-list .category,
body.forum-mode-night.forum_user_posts .subscribe-tags-container .list-column .tags-list .category,
body.forum-mode-night.forum_user_activity_log .subscribe-tags-container .list-column .tags-list .category {
  color: #FFF !important;
}
body.forum-mode-night.forum_homepage .subscribe-tags-container .list-column .tags-list div.tag,
body.forum-mode-night.forum_index .subscribe-tags-container .list-column .tags-list div.tag,
body.forum-mode-night.forum_index_with_page .subscribe-tags-container .list-column .tags-list div.tag,
body.forum-mode-night.forum_tag_show .subscribe-tags-container .list-column .tags-list div.tag,
body.forum-mode-night.forum_user_recent_activities .subscribe-tags-container .list-column .tags-list div.tag,
body.forum-mode-night.forum_user_topics .subscribe-tags-container .list-column .tags-list div.tag,
body.forum-mode-night.forum_user_posts .subscribe-tags-container .list-column .tags-list div.tag,
body.forum-mode-night.forum_user_activity_log .subscribe-tags-container .list-column .tags-list div.tag,
body.forum-mode-night.forum_homepage .subscribe-tags-container .list-column .tags-list div.all,
body.forum-mode-night.forum_index .subscribe-tags-container .list-column .tags-list div.all,
body.forum-mode-night.forum_index_with_page .subscribe-tags-container .list-column .tags-list div.all,
body.forum-mode-night.forum_tag_show .subscribe-tags-container .list-column .tags-list div.all,
body.forum-mode-night.forum_user_recent_activities .subscribe-tags-container .list-column .tags-list div.all,
body.forum-mode-night.forum_user_topics .subscribe-tags-container .list-column .tags-list div.all,
body.forum-mode-night.forum_user_posts .subscribe-tags-container .list-column .tags-list div.all,
body.forum-mode-night.forum_user_activity_log .subscribe-tags-container .list-column .tags-list div.all {
  color: #afafaf !important;
}
body.forum-mode-night.forum_homepage .subscribe-tags-container .list-column .tags-list div.tag:hover .virtual-checkbox,
body.forum-mode-night.forum_index .subscribe-tags-container .list-column .tags-list div.tag:hover .virtual-checkbox,
body.forum-mode-night.forum_index_with_page .subscribe-tags-container .list-column .tags-list div.tag:hover .virtual-checkbox,
body.forum-mode-night.forum_tag_show .subscribe-tags-container .list-column .tags-list div.tag:hover .virtual-checkbox,
body.forum-mode-night.forum_user_recent_activities .subscribe-tags-container .list-column .tags-list div.tag:hover .virtual-checkbox,
body.forum-mode-night.forum_user_topics .subscribe-tags-container .list-column .tags-list div.tag:hover .virtual-checkbox,
body.forum-mode-night.forum_user_posts .subscribe-tags-container .list-column .tags-list div.tag:hover .virtual-checkbox,
body.forum-mode-night.forum_user_activity_log .subscribe-tags-container .list-column .tags-list div.tag:hover .virtual-checkbox,
body.forum-mode-night.forum_homepage .subscribe-tags-container .list-column .tags-list div.all:hover .virtual-checkbox,
body.forum-mode-night.forum_index .subscribe-tags-container .list-column .tags-list div.all:hover .virtual-checkbox,
body.forum-mode-night.forum_index_with_page .subscribe-tags-container .list-column .tags-list div.all:hover .virtual-checkbox,
body.forum-mode-night.forum_tag_show .subscribe-tags-container .list-column .tags-list div.all:hover .virtual-checkbox,
body.forum-mode-night.forum_user_recent_activities .subscribe-tags-container .list-column .tags-list div.all:hover .virtual-checkbox,
body.forum-mode-night.forum_user_topics .subscribe-tags-container .list-column .tags-list div.all:hover .virtual-checkbox,
body.forum-mode-night.forum_user_posts .subscribe-tags-container .list-column .tags-list div.all:hover .virtual-checkbox,
body.forum-mode-night.forum_user_activity_log .subscribe-tags-container .list-column .tags-list div.all:hover .virtual-checkbox {
  background-color: #AFAFAF !important;
  border-color: #AFAFAF !important;
}
body.forum-mode-night.forum_homepage .subscribe-tags-container .list-column .tags-list.current .virtual-checkbox,
body.forum-mode-night.forum_index .subscribe-tags-container .list-column .tags-list.current .virtual-checkbox,
body.forum-mode-night.forum_index_with_page .subscribe-tags-container .list-column .tags-list.current .virtual-checkbox,
body.forum-mode-night.forum_tag_show .subscribe-tags-container .list-column .tags-list.current .virtual-checkbox,
body.forum-mode-night.forum_user_recent_activities .subscribe-tags-container .list-column .tags-list.current .virtual-checkbox,
body.forum-mode-night.forum_user_topics .subscribe-tags-container .list-column .tags-list.current .virtual-checkbox,
body.forum-mode-night.forum_user_posts .subscribe-tags-container .list-column .tags-list.current .virtual-checkbox,
body.forum-mode-night.forum_user_activity_log .subscribe-tags-container .list-column .tags-list.current .virtual-checkbox {
  background-color: #CCC !important;
  border-color: #CCC !important;
}
body.forum-mode-night.forum_homepage .subscribe-tags-container .list-column .tags-list .virtual-checkbox.checked,
body.forum-mode-night.forum_index .subscribe-tags-container .list-column .tags-list .virtual-checkbox.checked,
body.forum-mode-night.forum_index_with_page .subscribe-tags-container .list-column .tags-list .virtual-checkbox.checked,
body.forum-mode-night.forum_tag_show .subscribe-tags-container .list-column .tags-list .virtual-checkbox.checked,
body.forum-mode-night.forum_user_recent_activities .subscribe-tags-container .list-column .tags-list .virtual-checkbox.checked,
body.forum-mode-night.forum_user_topics .subscribe-tags-container .list-column .tags-list .virtual-checkbox.checked,
body.forum-mode-night.forum_user_posts .subscribe-tags-container .list-column .tags-list .virtual-checkbox.checked,
body.forum-mode-night.forum_user_activity_log .subscribe-tags-container .list-column .tags-list .virtual-checkbox.checked {
  background-color: #CCC !important;
  border-color: #CCC !important;
}
body.forum-mode-night.forum_homepage kbd.forum-topic-tag,
body.forum-mode-night.forum_index kbd.forum-topic-tag,
body.forum-mode-night.forum_index_with_page kbd.forum-topic-tag,
body.forum-mode-night.forum_tag_show kbd.forum-topic-tag,
body.forum-mode-night.forum_user_recent_activities kbd.forum-topic-tag,
body.forum-mode-night.forum_user_topics kbd.forum-topic-tag,
body.forum-mode-night.forum_user_posts kbd.forum-topic-tag,
body.forum-mode-night.forum_user_activity_log kbd.forum-topic-tag {
  background-color: #666;
  color: #CCC;
}
body.forum-mode-night.forum_topic_subscribed tr.topic td.title a.btn {
  background: #414141;
  color: #E20800;
}
body.forum-mode-night.forum_topic_new div.categories-menu ul ul a {
  color: #afafaf;
}
body.forum-mode-night.forum_topic_new div.categories-menu ul ul a:hover,
body.forum-mode-night.forum_topic_new div.categories-menu ul ul a.current {
  color: #FFF;
}
body.forum-mode-night .forum-navigation .breadcrumb-btn-container a,
body.forum-mode-night .forum-footer .breadcrumb-btn-container a,
body.forum-mode-night .active-new-topic-container .breadcrumb-btn-container a {
  color: #afafaf;
}
body.forum-mode-night .forum-navigation .breadcrumb-btn-container a:hover,
body.forum-mode-night .forum-footer .breadcrumb-btn-container a:hover,
body.forum-mode-night .active-new-topic-container .breadcrumb-btn-container a:hover {
  color: #FFF;
}
body.forum-mode-night .forum-navigation .btn.subscribe,
body.forum-mode-night .forum-footer .btn.subscribe,
body.forum-mode-night .active-new-topic-container .btn.subscribe {
  background-color: #414141 !important;
  color: #afafaf;
  border: 0;
}
body.forum-mode-night .forum-navigation .btn.subscribe:hover,
body.forum-mode-night .forum-footer .btn.subscribe:hover,
body.forum-mode-night .active-new-topic-container .btn.subscribe:hover {
  background-color: #838383 !important;
  color: #FFF !important;
}
body.forum-mode-night .forum-navigation .sub-tags-container,
body.forum-mode-night .forum-footer .sub-tags-container {
  color: #AFAFAF;
}
body.forum-mode-night .forum-navigation div.sub-tags a,
body.forum-mode-night .forum-footer div.sub-tags a {
  border-color: #414141;
}
body.forum-mode-night .forum-navigation .title-container h1,
body.forum-mode-night .forum-footer .title-container h1 {
  color: #FFF;
}
body.forum-mode-night .polling-container {
  border-color: #303030 !important;
}
body.forum-mode-night .polling-container span {
  color: #afafaf;
}
body.forum-mode-night #topic-posts .post {
  border-color: #303030 !important;
}
body.forum-mode-night #topic-posts .post.first-post {
  background-color: #212121;
}
body.forum-mode-night #topic-posts .post .user {
  border-color: #303030;
  color: #999;
}
body.forum-mode-night #topic-posts .post .user .user-info-field.expand {
  background-color: #0a0a0a;
  box-shadow: 0 2px 2px #414141;
  border-color: #000;
}
body.forum-mode-night #topic-posts .post .user .user-info-field.floating {
  background-color: #212121;
  -webkit-box-shadow: 0 3px 6px 0 rgba(49, 49, 49, 0.75) !important;
  -moz-box-shadow: 0 3px 6px 0 rgba(49, 49, 49, 0.75) !important;
  box-shadow: 0 3px 6px 0 rgba(49, 49, 49, 0.75) !important;
  border-color: #AFAFAF !important;
}
body.forum-mode-night #topic-posts .post .name-and-title h1,
body.forum-mode-night #topic-posts .post .name-and-title h2,
body.forum-mode-night #topic-posts .post .name-and-title h3,
body.forum-mode-night #topic-posts .post .name-and-title h4,
body.forum-mode-night #topic-posts .post .name-and-title h5,
body.forum-mode-night #topic-posts .post .name-and-title h6 {
  color: #FFF;
}
body.forum-mode-night #topic-posts .post .top,
body.forum-mode-night #topic-posts .post .main {
  border-color: #303030 !important;
}
@media (max-width: 767px) {
  body.forum-mode-night #topic-posts .post .top .date {
    border-color: #999 !important;
  }
}
body.forum-mode-night #topic-posts .post .top .controls {
  border-color: #414141;
}
body.forum-mode-night #topic-posts .post .top .controls a.btn {
  border-color: #303030 !important;
}
body.forum-mode-night #topic-posts .post .top .controls a.btn:hover,
body.forum-mode-night #topic-posts .post .top .controls a.btn:hover i.fa,
body.forum-mode-night #topic-posts .post .top .controls a.btn:hover span {
  color: #FFF;
}
body.forum-mode-night #topic-posts .post .notice {
  border-color: #303030 !important;
  background: #212121;
  color: #afafaf;
}
body.forum-mode-night #topic-posts .post .content {
  color: #FFF;
}
body.forum-mode-night #topic-posts .post .content .post-content > a {
  color: #429be9;
}
body.forum-mode-night #topic-posts .post .content .post-content > a:hover {
  color: #3181c7;
}
body.forum-mode-night #topic-posts .post .content blockquote {
  background: #212121;
  color: #afafaf;
  border-color: #333;
  border-left-color: #666;
}
body.forum-mode-night #topic-posts .post .content blockquote > div.quote-header {
  border-color: #444;
}
body.forum-mode-night #topic-posts .post .content blockquote > div.quote-header .label {
  background-color: #303030;
}
body.forum-mode-night #topic-posts .post .main::before {
  background-color: #303030 !important;
}
body.forum-mode-night #topic-posts .post .vote-container .btn {
  background-color: transparent;
  color: #8C8C8C;
  border-color: transparent;
}
body.forum-mode-night #topic-posts .post .vote-container .btn.active,
body.forum-mode-night #topic-posts .post .vote-container .btn :hover {
  background-color: #303030 !important;
}
body.forum-mode-night #topic-posts .post .vote-container .btn.active i,
body.forum-mode-night #topic-posts .post .vote-container .btn :hover i,
body.forum-mode-night #topic-posts .post .vote-container .btn.active span,
body.forum-mode-night #topic-posts .post .vote-container .btn :hover span {
  color: #E2E2E2 !important;
}
body.forum-mode-night #topic-posts .post .signature {
  color: #777 !important;
}
body.forum-mode-night #topic-posts .post .signature hr {
  border-color: #414141 !important;
}
body.forum-mode-night #topic-posts .post .deleted-post {
  border-color: #414141 !important;
}
body.forum-mode-night div#reply .alert-warning {
  border-color: #414141;
  background-color: #212121 !important;
}
body.forum-mode-night div#reply div.require-display-name {
  background-color: rgba(30, 30, 30, 0.75) !important;
}
body.forum-mode-night div.user-info-container div.content h1 {
  color: #FFF !important;
}
body.forum-mode-night div.user-info-container div.content .btn {
  color: #CCC !important;
}
body.forum-mode-night div.user-info-container .list-unstyled.account-control li .message-button {
  background-color: #414141 !important;
  color: #FFF !important;
}
body.forum-mode-night.forum_search_index #topics-table p.no-result {
  color: #afafaf;
}
body.forum-mode-night.forum_shoutbox #rooms .panel-item .item-control,
body.forum-mode-night.forum_shoutbox #users .panel-item .item-control {
  background-color: transparent !important;
}
body.forum-mode-night.forum_shoutbox .panel-content .panel-item {
  color: #F5F5F5;
}
body.forum-mode-night.forum_shoutbox .panel-content .panel-item:hover,
body.forum-mode-night.forum_shoutbox .panel-content .panel-item.current {
  background-color: #303030 !important;
}
body.forum-mode-night.forum_shoutbox #messages,
body.forum-mode-night.forum_shoutbox .panel-section {
  background-color: #212121 !important;
}
body.forum-mode-night.forum_shoutbox .panel-section .header,
body.forum-mode-night.forum_shoutbox .panel-section .header h1,
body.forum-mode-night.forum_shoutbox .panel-section .header h2,
body.forum-mode-night.forum_shoutbox .panel-section .header h3 {
  color: #afafaf !important;
  background-color: #303030 !important;
}
body.forum-mode-night.forum_shoutbox .item-control {
  background-color: #666 !important;
}
body.forum-mode-night.forum_shoutbox .item-control .item-control-btn {
  color: #afafaf !important;
}
body.forum-mode-night.forum_shoutbox .item-control .item-control-btn:hover {
  color: #FFF !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox div#side-panel {
  border-color: #414141;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages-panel .input-group {
  background-color: #303030 !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages-panel .input-group input {
  border-color: transparent !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages-panel .input-group div.emoji-panel {
  background-color: rgba(50, 50, 50, 0.8) !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages-panel .input-group .emoji-clickable {
  color: #afafaf !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages-panel .input-group .btn-primary {
  background-color: #429be9 !important;
  border-color: #429be9 !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox .count-bubble {
  background-color: #525252 !important;
  border-color: transparent;
  color: #FFF !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox .count-bubble i {
  color: #afafaf !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages .message .message-admin-container {
  background-color: transparent !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages .message.even {
  background-color: #242424 !important;
  color: #FFF !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages .message.odd {
  background-color: #212121 !important;
  color: #FFF !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages .message .sender {
  color: #FFF !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages .message .message-container {
  color: #afafaf !important;
}
body.forum-mode-night.forum_shoutbox #shoutbox #messages .message:hover .time.wrapper .time {
  color: #afafaf !important;
}
body.forum-mode-night .cke_dialog_background_cover {
  background-color: black !important;
}
body.forum-mode-night .cke_dialog_body {
  background-color: #242424;
  border-color: #969696 !important;
}
body.forum-mode-night .cke_dialog_body .cke_dialog_title {
  color: #F5F5F5;
  border-color: #969696 !important;
}
body.forum-mode-night .cke_dialog_body input,
body.forum-mode-night .cke_dialog_body select {
  background-color: #303030;
  color: #F5F5F5;
  border-color: #969696 !important;
}
body.forum-mode-night .cke_dialog_body table td,
body.forum-mode-night .cke_dialog_body .cke_dialog_contents {
  border-color: transparent !important;
}
body.forum-mode-night .cke_chrome {
  border-color: #303030 !important;
}
body.forum-mode-night .cke_chrome .cke_inner {
  background: #212121 !important;
}
body.forum-mode-night .cke_toolgroup {
  background: transparent !important;
}
body.forum-mode-night .cke_wysiwyg_frame,
body.forum-mode-night .cke_wysiwyg_div {
  background-color: #414141 !important;
}
body.forum-mode-night .cke_button__link_icon,
body.forum-mode-night .cke_button__unlink_icon,
body.forum-mode-night .cke_button__bold_icon,
body.forum-mode-night .cke_button__italic_icon,
body.forum-mode-night .cke_button__image_icon,
body.forum-mode-night .cke_button__embed_icon,
body.forum-mode-night .cke_button__smiley_icon {
  color: #000;
}

/**
 * Colors
 */
/**
 * Typography
 */
/**
 * Button
 */
/**
 * Pagination
 */
.slide-in {
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.slide-in.ng-enter-active,
.slide-in.ng-leave {
  left: 0.0000000001% !important;
  opacity: 1;
}
.slide-in.ng-enter,
.slide-in.ng-leave-active {
  left: -100% !important;
  opacity: 0;
  z-index: 1001;
}
.slide-in.ng-show {
  left: 0.0000000001% !important;
  opacity: 1;
  z-index: 1000;
}
.slide-in.ng-show.ng-hide {
  left: -100% !important;
  opacity: 0;
  z-index: 1001;
}
.slide-down {
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.slide-down.ng-enter-active,
.slide-down.ng-leave {
  top: 0.0000000001% !important;
  opacity: 1;
}
.slide-down.ng-enter,
.slide-down.ng-leave-active {
  top: -100% !important;
  opacity: 0;
  z-index: 1001;
}
.slide-down.ng-show {
  top: 0.0000000001% !important;
  opacity: 1;
  z-index: 1000;
}
.slide-down.ng-show.ng-hide {
  top: -100% !important;
  opacity: 0;
  z-index: 1001;
}
.rotateX-90-0 {
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.rotateX-90-0.ng-enter-active,
.rotateX-90-0.ng-leave {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.rotateX-90-0.ng-enter,
.rotateX-90-0.ng-leave-active {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.rotateX-90-0.ng-show {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.rotateX-90-0.ng-show.ng-hide {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.modal-backdrop.in {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
div#chatroom-nav-menu-content {
  position: absolute;
  left: calc(16.67% + 15px);
  top: 36px;
  margin: 0;
  padding: 0 !important;
  z-index: 2000;
  max-width: 845px;
  background-color: transparent;
}
div#chatroom-nav-menu-content .action-pages-container {
  display: block;
  height: inherit;
  width: 300px;
  background-color: transparent;
}
div#chatroom-nav-menu-content .action-pages-container.full-width {
  width: 600px;
}
div#chatroom-nav-menu-content .action-page {
  min-width: 230px;
  background-color: #F5F5F5;
  float: left;
  margin: 0;
  padding: 0;
  border-right: 1px solid #E0E0E0;
  -webkit-box-shadow: 3px 0 8px -5px #cccccc;
  -moz-box-shadow: 3px 0 8px -5px #cccccc;
  box-shadow: 3px 0 8px -5px #cccccc;
}
div#chatroom-nav-menu-content .action-page .action-content {
  height: calc(100% - 36px);
}
div#chatroom-nav-menu-content .action-page .action-content .panel {
  padding: 14px;
}
div#chatroom-nav-menu-content .action-page .action-content .panel-item {
  position: relative;
}
div#chatroom-nav-menu-content .action-page.list {
  width: 240px;
}
div#chatroom-nav-menu-content .action-page.list .panel-section {
  height: inherit;
}
div#chatroom-nav-menu-content .action-page .create-chatroom,
div#chatroom-nav-menu-content .action-page .edit-chatroom {
  padding: 14px;
}
div#chatroom-nav-menu-content .action-page .invitation.active .button-container {
  padding: 0;
  border-top: 0;
}
div#chatroom-nav-menu-content .panel-section .title {
  position: relative;
}
div#chatroom-nav-menu-content .panel-section .title div.panel-control {
  position: absolute;
  top: 0;
  right: 0;
}
div#chatroom-nav-menu-content .panel-section .title div.panel-control div.control-btn {
  height: 36px;
  padding: 4px 11px;
  width: 37px;
  float: left;
}
div#chatroom-nav-menu-content .rooms.create {
  width: 260px;
}
div#chatroom-nav-menu-content .rooms.manage {
  width: 255px;
}
div#chatroom-nav-menu-content .rooms.manage .setting {
  max-width: 374px;
}
div#chatroom-nav-menu-content .users .invite select {
  width: 230px;
}
div#chatroom-nav-menu-content div.button-group {
  padding: 8px;
  border-top: 1px solid #E5E5E5;
  margin-top: 10px;
  display: table;
  width: 100%;
}
div#chatroom-nav-menu-content div.button-group .btn {
  width: calc(50% - 4px);
  display: inline-block;
  float: left;
}
div#chatroom-nav-menu-content div.button-group .btn:last-child {
  margin-left: 8px;
}
div#chatroom-nav-menu-content.user-list {
  top: 50px;
  left: 160px;
  bottom: 50px;
  width: 260px;
}
@media (max-width: 991px) {
  div#chatroom-nav-menu-content.user-list {
    top: 110px;
    bottom: 60px;
  }
}
@media (max-width: 767px) {
  div#chatroom-nav-menu-content.user-list {
    left: 15px;
    right: 15px;
    top: 52px;
    bottom: 0;
  }
}
div#chatroom-nav-menu-content .action-page.user-list {
  border: 1px solid #E0E0E0;
  -webkit-box-shadow: 0 0 3px 0 #F5F5F5;
  -moz-box-shadow: 0 0 3px 0 #F5F5F5;
  box-shadow: 0 0 3px 0 #F5F5F5;
  width: 260px;
  border-radius: 4px;
}
@media (max-width: 991px) {
  div#chatroom-nav-menu-content .action-page.user-list {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-right: 1px solid #FFF;
  }
}
div#chatroom-nav-menu-content .action-page.user-list .panel-section {
  height: inherit;
}
div#chatroom-nav-menu-content .action-page.user-list img.avatar {
  width: 36px;
  height: 36px;
}
.item-control-container {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -18px;
}
.item-control {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: rgba(252, 252, 252, 0.65);
}
.item-control .item-control-btn {
  display: inline-block;
  float: left;
  padding: 8px 14px;
}
.item-control .item-control-btn:hover,
.item-control .item-control-btn.item-control-btn-on {
  color: #E85353;
}
.item-control .item-control-btn:hover i.fa-thumb-tack,
.item-control .item-control-btn.item-control-btn-on i.fa-thumb-tack {
  color: #000;
}
.item-control .item-control-btn:hover i.fa-check,
.item-control .item-control-btn.item-control-btn-on i.fa-check {
  color: #81E663;
}
.item-control.show,
.item-control.stay {
  opacity: 1;
}
.item-control i.fa-thumb-tack {
  transform: rotate(15deg);
  color: #AAA;
}
.item-control i.fa-thumb-tack.on {
  color: #000;
}
table.list-table {
  width: 100%;
}
table.list-table thead tr {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: left;
  font-weight: bold;
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  font-size: 18px;
}
table.list-table tbody tr {
  border-top: 1px solid #DEDEDE;
}
table.list-table tbody tr td {
  border: 0;
}
table.list-table th.send-from {
  width: 23%;
}
table.list-table th.room-name {
  width: 45%;
}
table.list-table th.sent-at {
  width: 22%;
}
table.list-table th.confirm-btn {
  width: 10%;
}
table.list-table span.confirm-btn {
  padding: 8px 10px;
  width: 36px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
table.list-table span.confirm-btn:hover {
  background-color: #F5F5F5;
}
table.list-table span.confirm-btn:first-child {
  margin-right: 8px;
}
@media (max-width: 767px) {
  table.list-table span.confirm-btn:first-child {
    margin-right: 0;
  }
}
#shoutbox #messages-panel {
  margin: 0;
  padding: 0;
}
#shoutbox #messages-panel .header.show-bubble {
  padding: 0;
}
#shoutbox #messages-panel .header.show-bubble > div.pull-left {
  padding: 4px 11px;
}
#shoutbox #messages-panel .header.show-bubble .count-bubble-container {
  display: inline-block;
}
#shoutbox #messages-panel .header.show-bubble .count-bubble-container .count-bubble.without-content {
  padding: 3px 2px 3px 3px;
}
#shoutbox #messages-panel .header .item-control {
  position: absolute;
  top: 0;
  right: 0;
}
#shoutbox #messages-panel .header .header-user-count span.count-bubble {
  position: relative;
  right: 0;
  line-height: 1.45;
  margin-top: 0;
  top: -4px;
  padding: 2px 8px !important;
  margin-left: 7px;
}
#shoutbox #messages-panel .header .header-user-count span.count-bubble span {
  margin-right: 5px;
}
#shoutbox #messages-panel .input-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  min-height: 34px;
}
#shoutbox #messages-panel .input-group span.send-to {
  display: table-cell;
  width: auto;
  margin: auto;
  padding: 7px 14px;
  white-space: nowrap;
}
#shoutbox #messages-panel .input-group input {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  height: 34px;
  padding: 6px 32px 6px 12px;
}
@media (max-width: 991px) {
  #shoutbox #messages-panel .input-group input {
    margin-left: 1px;
  }
}
#shoutbox #messages-panel .input-group span.emoji-clickable {
  position: absolute;
  top: 0;
  right: 82px;
  padding: 7px 10px;
  display: block;
  z-index: 99;
}
#shoutbox #messages-panel .input-group div.emoji-panel {
  position: absolute;
  bottom: 34px;
  right: 82px;
  width: 200px;
  background-color: rgba(234, 234, 234, 0.8);
  padding: 8px 6px 6px;
  z-index: 1000;
}
#shoutbox #messages-panel .input-group div.emoji-panel span.emoji-container {
  float: left;
  width: 28px;
  text-align: center;
  vertical-align: middle;
  margin: 4px;
}
#shoutbox #messages-panel .input-group .btn {
  display: inline-block;
  width: 82px;
  padding: 6px 22px;
}
#shoutbox #messages {
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #F4F4F4;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
#shoutbox #messages .message {
  position: relative;
  display: table;
  width: 100%;
  padding: 8px 13px;
  color: #666;
  background-color: #FAFAFA;
}
#shoutbox #messages .message.even {
  background-color: #F5F5F5;
}
#shoutbox #messages .message.yell {
  border-left: solid 2px #88929D;
  background: #EDF1F4;
}
#shoutbox #messages .message:first-child {
  border-top: 0;
}
#shoutbox #messages .message.same-author {
  border-top: 0 !important;
  padding: 2px 13px;
}
#shoutbox #messages .message.same-author .sender {
  opacity: 0;
}
@media (max-width: 767px) {
  #shoutbox #messages .message.same-author .sender {
    display: none;
  }
}
#shoutbox #messages .message.first-of-group {
  padding-bottom: 2px;
}
#shoutbox #messages .message.last-of-group {
  padding-bottom: 8px;
}
#shoutbox #messages .message .sender {
  font-weight: bold;
  color: #333;
  display: inline-block;
  vertical-align: top;
  width: auto;
  white-space: nowrap;
  float: left;
}
@media (max-width: 767px) {
  #shoutbox #messages .message .sender {
    display: block;
    width: 100%;
    float: none;
  }
}
#shoutbox #messages .message .sender .avatar {
  margin-right: 3px;
}
#shoutbox #messages .message .message-container {
  position: relative;
  color: #444;
  padding-left: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
}
#shoutbox #messages .message .message-container .message-admin-action-container {
  width: calc(100% - 10px);
  max-width: 100%;
}
#shoutbox #messages .message .message-container span.admin-action-title {
  font-weight: bold;
  text-decoration: underline;
  padding-bottom: 3px;
  display: block;
}
#shoutbox #messages .message .message-container .message-content {
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  max-height: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  padding-right: 10px;
}
#shoutbox #messages .message .message-container textarea {
  border: 1px solid #CCC;
  min-height: 5em;
  width: 100%;
  resize: vertical;
}
#shoutbox #messages .message .message-admin-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  z-index: 100;
  display: table-cell;
  white-space: nowrap;
  width: 39px;
  background-color: rgba(247, 247, 247, 0.95);
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
}
@media (max-width: 991px) {
  #shoutbox #messages .message .message-admin-container {
    display: none;
  }
}
#shoutbox #messages .message .message-admin-container .message-admin {
  position: absolute;
  top: 50%;
  display: table-cell;
  z-index: 1;
  margin-top: -18px;
}
#shoutbox #messages .message .message-admin-container .message-admin .admin-message-control {
  float: left;
  padding: 8px 14px;
}
#shoutbox #messages .message .message-admin-container .message-admin .admin-message-control:hover {
  color: #E85353;
}
#shoutbox #messages .message .time-container {
  width: 60px;
}
#shoutbox #messages .message .time-container .time.wrapper {
  position: absolute;
  display: table-cell;
  width: 50px;
  right: 0;
  top: 50%;
  margin-top: -11px;
}
#shoutbox #messages .message .time-container .time.wrapper .time {
  display: inline-block;
  position: absolute;
  top: -4px;
  opacity: 0;
  height: 2.7em;
  width: 50px;
  overflow: hidden;
  color: #999;
  font-size: 11px;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  white-space: nowrap;
  cursor: default;
}
#shoutbox #messages .message:hover .time.wrapper .time {
  opacity: 1;
  color: #000;
}
#shoutbox #messages .message.owner .message-admin-container {
  width: 79px;
}
#shoutbox #messages .message.admin:not(.owner) .message-admin-container {
  width: 158px;
}
#shoutbox #messages .message.on-edit .message-admin-container {
  display: none !important;
  opacity: 0;
}
#shoutbox #messages .message:hover .message-admin-container {
  opacity: 1;
  background-color: rgba(247, 247, 247, 0.95);
}
#clear-chatroom-message {
  position: absolute;
  height: auto !important;
  padding: 0 !important;
  right: 0;
  top: 36px !important;
  width: 260px;
}
@media (max-width: 767px) {
  #clear-chatroom-message {
    width: 100%;
    border-left: 1px solid #FFF;
  }
}
.modal div.filter {
  padding-bottom: 8px;
}
.shoutbox-user-invitation-modal .table {
  height: 100%;
  margin: 0;
}
.shoutbox-user-invitation-modal .table h4 {
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
}
.shoutbox-room-list-modal .count-bubble-container {
  margin-top: 0 !important;
  padding: 4px 7px !important;
}
.shoutbox-room-list-modal .toggle-options-container {
  position: absolute;
  top: 25px;
  left: 130px;
}
.shoutbox-room-list-modal .toggle-options-container .title {
  margin-right: 5px;
}
.shoutbox-room-list-modal .toggle-options-container .toggle-option {
  float: left;
  margin-right: 15px;
}
.shoutbox-room-list-modal .toggle-options-container .toggle-option.on {
  border-bottom: 1px solid #222;
  line-height: 1.4em;
}
.shoutbox-room-manage-modal div.filter i,
.shoutbox-user-invite-modal div.filter i {
  top: 7px;
}
.shoutbox-room-manage-modal div.filter input,
.shoutbox-user-invite-modal div.filter input {
  padding: 4px 7px 4px 22px;
}
.panel-item {
  position: relative;
  white-space: nowrap;
}
.panel-item span.name,
.panel-item span.text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
}
.panel-item .item-control .item-control-btn.count-bubble-container {
  margin-top: -21px;
  padding: 8px 6px 8px 0;
  color: #555 !important;
}
.panel-item.on {
  color: #000 !important;
}
.panel-item.off {
  color: #CCC !important;
}
.panel-item:hover .item-control {
  opacity: 1;
}
.panel-item:hover .item-control.show {
  display: none !important;
}
.panel-item .stay .item-control {
  display: inline-block;
}
.panel-section {
  background-color: #F5F5F5;
  overflow: hidden;
}
.panel-section .header {
  background-color: #EEE;
  padding: 10px 13px 5px;
  position: relative;
  min-height: 36px;
  line-height: 1.3em;
}
.panel-section .header > h1,
.panel-section .header > h2,
.panel-section .header > h3 {
  color: #222;
  font-size: 16px;
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  display: inline;
}
.panel-section .header .panel-control {
  position: absolute;
  top: 0;
  padding: 9px 11px;
}
.panel-section .header .panel-control.square {
  background-color: #FAFAFA;
  padding: 9px 14px;
}
.panel-section .header .panel-control.pull-left {
  left: 0;
}
.panel-section .header .panel-control.pull-right {
  right: 0;
}
.panel-section .panel-header,
.panel-section .title {
  position: relative;
  box-shadow: 0 3px 4px -5px #737373;
  margin: 0;
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  font-size: 18px;
  padding: 8px 14px;
  border-bottom: 1px solid #E0E0E0;
}
.panel-section .panel-header h1,
.panel-section .title h1,
.panel-section .panel-header h2,
.panel-section .title h2,
.panel-section .panel-header h3,
.panel-section .title h3,
.panel-section .panel-header h4,
.panel-section .title h4,
.panel-section .panel-header h5,
.panel-section .title h5,
.panel-section .panel-header h6,
.panel-section .title h6 {
  font-size: 18px;
  margin: 0;
}
.panel-section .panel-header .panel-control.square,
.panel-section .title .panel-control.square {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 12px;
}
@media (max-width: 991px) {
  .panel-section .title {
    background-color: #EEE;
    padding: 10px 13px 5px;
    position: relative;
    min-height: 36px;
    line-height: 1.3em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
  }
}
.panel-section > .panel-section {
  position: absolute;
  top: 0;
}
.panel-section > .panel-section .panel-heading {
  background-color: #EFEFEF;
  border-bottom: 1px solid #CCC;
}
.panel-section .panel-content {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 36px);
}
.panel-section .panel-content .header {
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  background-color: #F5F5F5;
  margin-top: 20px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 0;
  padding: 4px 13px;
  min-height: 0;
}
.panel-section .panel-content .header.first {
  margin-top: 6px;
}
.panel-section .panel-content .panel-item {
  display: block;
  padding: 8px 13px;
  color: #555;
}
.panel-section .panel-content .panel-item:hover,
.panel-section .panel-content .panel-item.current {
  padding: 8px 13px;
  background-color: #FAFAFA;
}
.panel-section.anchor-top-right {
  position: absolute;
  z-index: 9999;
  top: 0;
  width: 100%;
}
.panel-section.anchor-top-right .panel-heading {
  background-color: #EFEFEF;
  border-bottom: 1px solid #CCC;
}
.panel-section.anchor-top-right .panel-content {
  padding: 10px;
}
div.popup-panel .modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
div.popup-panel .modal-dialog {
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 60px;
  right: 0;
}
@media (max-width: 991px) {
  div.popup-panel .modal-dialog {
    top: 0;
    bottom: 0;
  }
}
div.popup-panel .modal-content {
  position: absolute;
  top: 0;
  bottom: 0;
  border: 0;
  min-height: 400px;
  width: 100%;
  box-shadow: 0 0 15px #808080;
}
@media (max-width: 991px) {
  div.popup-panel .modal-content {
    min-height: 0;
  }
}
div.popup-panel .modal-header {
  position: relative;
  margin: 0;
  padding: 20px 20px 15px;
  border-bottom: 0;
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
}
@media (max-width: 991px) {
  div.popup-panel .modal-header {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  div.popup-panel .modal-header {
    padding-left: 10px;
    padding-right: 10px;
  }
}
div.popup-panel .modal-header h1,
div.popup-panel .modal-header h2,
div.popup-panel .modal-header h3,
div.popup-panel .modal-header h4,
div.popup-panel .modal-header h5,
div.popup-panel .modal-header h6 {
  font-size: 22px;
  line-height: 1em;
}
div.popup-panel .modal-header span.small-text {
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-transform: capitalize;
  text-decoration: underline;
}
div.popup-panel .modal-header button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 55px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
div.popup-panel .modal-header div.filter {
  position: absolute;
  top: 18px;
  right: 55px;
}
div.popup-panel .modal-body {
  height: calc(100% - 68px);
  position: relative;
  overflow: auto;
  padding: 0 20px;
}
@media (max-width: 991px) {
  div.popup-panel .modal-body {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  div.popup-panel .modal-body {
    padding-left: 10px;
    padding-right: 10px;
  }
}
div.popup-panel .modal-body .header {
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  font-size: 15px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 9px;
}
div.popup-panel .modal-body .header .panel-item {
  background-color: transparent;
  margin-bottom: 0;
}
div.popup-panel .modal-body .modal-content-panel {
  position: absolute;
  top: 0;
  bottom: 30px;
  left: 0;
  display: inline-block;
  margin: 5px 0;
  padding: 5px 20px;
  height: calc(100% - 10px);
  overflow-x: auto;
}
div.popup-panel .modal-body .modal-content-panel.side-panel {
  width: 270px;
  border-right: 1px solid #EEE;
}
@media (max-width: 991px) {
  div.popup-panel .modal-body .modal-content-panel.side-panel {
    border: 0;
  }
}
div.popup-panel .modal-body .modal-content-panel.main-panel {
  left: 270px;
  right: 0;
}
@media (max-width: 991px) {
  div.popup-panel .modal-body .modal-content-panel.main-panel {
    left: 0;
  }
}
@media (max-width: 991px) {
  div.popup-panel .modal-body .modal-content-panel {
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  div.popup-panel .modal-body .modal-content-panel {
    position: relative;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
  }
}
div.popup-panel .modal-body .panel-content {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
div.popup-panel .modal-body .panel-content .header {
  position: relative;
}
div.popup-panel .modal-body .panel-content .header .panel-item {
  float: right;
  font-size: 14px;
  width: auto;
  padding: 0;
  position: absolute;
  bottom: 2px;
  right: 0;
  background-color: transparent;
  border: 0;
}
div.popup-panel .modal-body .panel-content.single-panel {
  width: 100%;
}
div.popup-panel .modal-body .panel-content.button-group {
  min-height: 0;
}
div.popup-panel .modal-body .panel-content.vert-list {
  display: inline-block;
  width: calc(50% - 10px);
  margin: 0 0 10px;
  float: left;
}
@media (max-width: 767px) {
  div.popup-panel .modal-body .panel-content.vert-list {
    width: 100%;
    float: none;
    margin-right: 0 !important;
  }
}
div.popup-panel .modal-body .panel-content.vert-list:first-child {
  margin-right: 10px;
}
div.popup-panel .modal-body .modal-body-content {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
div.popup-panel .modal-body .panel-item {
  position: relative;
  display: inline-block;
  float: left;
  padding: 8px 10px;
  margin-bottom: 3px;
  border-radius: 2px;
  width: 100%;
  border: 1px solid #ECECEC;
  background-color: #FCFCFC;
}
div.popup-panel .modal-body .panel-item.room > i {
  font-size: 18px;
  margin-right: 2px;
  vertical-align: middle;
}
div.popup-panel .modal-body .panel-item.room span.room-name {
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  font-size: 18px;
  color: #000;
}
div.popup-panel .modal-body .panel-item.room span.created-by {
  color: #8C8C8C;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: -1px;
}
div.popup-panel .modal-body .panel-item.room span.created-by .timestamp {
  font-weight: bold;
}
div.popup-panel .modal-body .panel-item:hover,
div.popup-panel .modal-body .panel-item.current {
  background-color: #FAFAFA;
}
div.popup-panel .modal-body .panel-item.col-2 {
  width: calc(50% - 10px);
  margin-left: 10px;
}
div.popup-panel .modal-body .panel-item.col-2:nth-child(1),
div.popup-panel .modal-body .panel-item.col-2:nth-child(2n+1) {
  margin-left: 0;
}
div.popup-panel .modal-body .panel-item.col-3 {
  width: calc(33.33% - 7px);
  margin-left: 10px;
}
div.popup-panel .modal-body .panel-item.col-3:nth-child(1),
div.popup-panel .modal-body .panel-item.col-3:nth-child(3n+1) {
  margin-left: 0;
}
div.popup-panel .modal-body .user .avatar {
  height: 40px;
  width: auto;
}
div.popup-panel .modal-body .user .name {
  margin-left: 6px;
  width: 190px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
div.popup-panel.rooms.setting.public .modal.shoutbox-room-manage-modal .modal-dialog {
  width: 660px !important;
}
div.popup-panel.rooms.setting.public .modal.shoutbox-room-manage-modal .side-panel {
  width: 100%;
}
div.popup-panel.rooms.setting.public .modal.shoutbox-room-manage-modal .main-panel {
  display: none;
}
div.popup-panel.rooms.setting.public .modal.shoutbox-room-manage-modal label {
  width: 100px;
}
div.popup-panel.rooms.setting.public .modal.shoutbox-room-manage-modal input[type=text] {
  width: 380px;
}
div.popup-panel.rooms.setting.public .modal.shoutbox-room-manage-modal span.option {
  width: 130px;
}
#shoutbox {
  z-index: initial;
}
#shoutbox.in-forum {
  position: fixed;
  top: auto;
  z-index: 9999;
  height: 36px;
}
#shoutbox.in-forum.expand {
  height: 300px;
}
#shoutbox div#shoutbox-app {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  left: 15px;
  right: 15px;
}
#shoutbox .shoutbox-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  margin: 0 15px;
}
#shoutbox div#header-section {
  height: 36px;
  z-index: 1000;
}
@media (min-width: 992px) {
  #shoutbox div#header-section {
    display: none;
  }
}
#shoutbox div#content-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
}
@media (max-width: 991px) {
  #shoutbox div#content-section {
    top: 75px;
  }
}
#shoutbox div#side-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  border-right: 1px solid #FFF;
  width: 260px;
}
@media (max-width: 991px) {
  #shoutbox div#side-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    z-index: 10;
    margin: 0;
    border-right: 1px solid #FFF;
  }
  #shoutbox div#side-panel.show {
    width: 260px;
    display: flex !important;
    z-index: 1000;
  }
  #shoutbox div#side-panel.show .panel-section.hide {
    display: none;
  }
}
#shoutbox div#rooms {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 5;
  -moz-flex-grow: 5;
  flex-grow: 5;
}
#shoutbox div#users {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 4;
  -moz-flex-grow: 4;
  flex-grow: 4;
}
#shoutbox .cover-container.for-side-panel {
  background-color: rgba(210, 210, 210, 0.25);
}
#shoutbox .cover-screen.for-user-list {
  z-index: 1999;
}
#shoutbox div#messages-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
}
#shoutbox div#messages-panel .panel-section {
  height: 36px;
  padding-bottom: 36px;
}
#shoutbox div#messages-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  overflow: auto;
}
#shoutbox div#messages {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
}
#shoutbox .input-group {
  width: 100%;
}
#side-panel {
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  #side-panel .panel-section {
    height: 100%;
  }
}
#users .header {
  position: relative;
}
#users .header div.panel-control {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 4px 10px;
  white-space: nowrap;
}
#users .panel-item {
  white-space: nowrap;
}
#users .user .avatar {
  margin-right: 5px;
  float: left;
}
#rooms {
  position: relative;
}
#rooms .header .new-chatroom-btn:hover {
  color: #3388CD;
}
#rooms .create-chatroom {
  position: absolute !important;
}
#rooms .room-name {
  width: 205px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
#rooms .room:hover .item-control.stay {
  display: none;
}
#rooms .unread .room-name {
  color: #337AB7 !important;
}
#rooms .panel-item:hover .item-control,
#users .panel-item:hover .item-control {
  background-color: rgba(250, 250, 250, 0.65);
}
.create-chatroom .panel-content,
.edit-chatroom .panel-content {
  padding: 10px;
}
.create-chatroom .form-group,
.edit-chatroom .form-group {
  margin-bottom: 8px;
}
.create-chatroom .form-group.last,
.edit-chatroom .form-group.last {
  margin-bottom: -5px;
  display: table;
  width: 100%;
}
.create-chatroom label,
.edit-chatroom label {
  display: block;
  float: left;
  width: 60px;
}
.create-chatroom input[type=text],
.edit-chatroom input[type=text] {
  width: 165px;
  border: none;
  border-bottom: 1px solid #CCC;
  background-color: transparent;
}
.create-chatroom div#new-chatroom-type-options,
.edit-chatroom div#new-chatroom-type-options {
  display: inline-block;
}
.create-chatroom span.option,
.edit-chatroom span.option {
  width: 82px;
  display: block;
  float: left;
}
.create-chatroom hr,
.edit-chatroom hr {
  width: 100%;
  border-bottom: 1px solid #E5E5E5;
  margin-top: 9px;
  margin-bottom: 10px;
}
.create-chatroom button.btn,
.edit-chatroom button.btn {
  width: 111px;
}
.tab-container {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .tab-container {
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
  }
}
.tab-container .tab {
  width: 50%;
  display: table;
  float: left;
}
@media (max-width: 991px) {
  .tab-container .tab {
    margin-left: 1px;
    width: calc(50% - 1px);
  }
}
@media (min-width: 768px) {
  .tab-container .tab:nth-child(1) .change-category-btn {
    border-right: 0;
  }
}
@media (max-width: 991px) {
  .tab-container .tab:first-child {
    padding-right: 7px;
  }
  .tab-container .tab:last-child {
    padding-left: 7px;
  }
}
@media (max-width: 767px) {
  .tab-container .tab:first-child {
    padding-right: 5px;
  }
  .tab-container .tab:last-child {
    padding-left: 5px;
  }
}
.tab-container .tab .tab-bubble-container {
  position: absolute;
  right: 0;
  top: 0;
}
.tab-container .tab-btn {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  list-style: none;
  border: solid 1px #EEE;
  background-color: #FFF;
  font-family: "Source Sans Pro HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
  font-size: 15px;
  color: #EEE;
  height: 35px;
  white-space: nowrap;
  position: relative;
}
.tab-container .tab-btn.active {
  border-bottom: none;
  color: #333;
}
.tab-container .tab-btn:focus {
  outline: none;
}
.tab-container .tab-btn .count-bubble {
  margin: 2px;
}
@media (max-width: 991px) {
  .tab-container .tab-btn {
    height: 37px;
    font-size: 15px;
  }
  .tab-container .tab-btn.active {
    border: solid 1px #333;
    color: #333;
  }
}
@media (max-width: 1229px) {
  .hidden-smt-md {
    display: none;
  }
}
@media (max-width: 991px) {
  .hidden-smt-sm {
    display: none;
  }
}
@media (max-width: 767px) {
  .hidden-smt-xs {
    display: none;
  }
}
body.forum_shoutbox #body-wrapper,
body.forum_shoutbox #container {
  min-height: 0 !important;
}
html.open-slide-menu body.forum_shoutbox,
html.open-slide-menu body.forum_shoutbox #body-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#shoutbox span.count-bubble {
  line-height: 1.45;
  top: 3px;
  padding: 2px 8px !important;
  border-radius: 100px;
  background-color: #FFF;
  right: 8px;
  margin-top: 2px;
  margin-left: 3px;
  border: 1px solid #ECECEC;
  text-align: center;
  display: inline-block;
}
#shoutbox span.count-bubble i.fa {
  font-size: 14px;
  padding: 3px 5px;
  color: black;
}
.forum_shoutbox #container {
  position: absolute;
  top: 75px;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 991px) {
  .forum_shoutbox #container {
    top: 0;
    margin-bottom: 20px;
  }
}
.ui-view-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
#container {
  position: relative;
  margin-bottom: 30px;
}
.cursor-default {
  cursor: default !important;
}
.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
[ng-click],
[data-ng-click],
[x-ng-click],
[ng-dblclick],
[data-ng-dblclick],
[x-ng-dblclick],
[dispatch-when-click],
[data-dispatch-when-click],
[x-dispatch-when-click] {
  cursor: pointer;
}
.ng-repeat-empty {
  display: block;
}
.ng-repeat + .ng-repeat-empty {
  display: none;
}
.height-parent {
  height: inherit;
}
img.avatar {
  width: 18px;
  height: 18px;
}
.btn-container .btn {
  width: calc(50% - 4px);
}
.panel {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.shoutbox-container {
  position: relative;
  display: table;
  width: 100%;
}
div.filter {
  position: relative;
}
@media (max-width: 767px) {
  div.filter {
    font-size: 16px;
  }
}
div.filter i.fa {
  position: absolute;
  left: 7px;
  top: 5px;
  color: #A9A9A9;
}
@media (max-width: 767px) {
  div.filter i.fa {
    left: 8px;
    top: 9px;
  }
}
div.filter input {
  width: 100%;
  padding: 2px 7px 2px 22px;
  border: 1px solid #E6E6E6;
  font-family: sans-serif;
}
@media (max-width: 767px) {
  div.filter input {
    padding: 6px 7px 6px 27px;
  }
}
.shoutbox-notice {
  position: absolute;
  z-index: 9999;
  width: 100%;
}
.shoutbox-notice .header {
  text-align: center;
  border-bottom: 1px solid white;
  color: black;
}
.room-select-container {
  position: absolute;
  top: 46px;
  left: 20px;
  z-index: 1000;
}