/* C:\bamboo-home\xml-data\build-dir\COBALT-DEEP-JOB1\Projects\Waterdeep\Waterdeep\Source\Curse.Waterdeep.Web\Content\Skins\Waterdeep\css\core.css */

.mm-nav-item-label:visited {
    color: #a5afba !important;
}
.quick-menu-item-link:visited {
    color: #000 !important;
}

@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700|Gloria+Hallelujah:400,700");
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
@font-face {
    font-family: 'Scala Sans Offc';
    src: url("../fonts/ScalaSansOffc-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Scala Sans Offc';
    src: url("../fonts/ScalaSansOffc.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Scala Sans Offc';
    src: url("../fonts/ScalaSansOffc-BoldIta.ttf") format("truetype");
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: 'Scala Sans Offc';
    src: url("../fonts/ScalaSansOffc-Ita.ttf") format("truetype");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'Scala Sans SC Offc';
    src: url("../fonts/ScalaSansScOffc.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Scala Sans SC Offc';
    src: url("../fonts/ScalaSansScOffc-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'MrsEavesSmallCaps';
    src: url("../fonts/MrsEavesSmallCaps.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'DearSarahPro';
    src: url("../fonts/DearSarahPro.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

html {
    box-sizing: border-box
}

*,
*::after,
*::before {
    box-sizing: inherit
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
    color: #222
}

body {
    margin: 0;
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #242527;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #242527;
    color: #fff;
    text-shadow: none
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: #00e
}

a:visited {
    color: #551a8b
}

a:hover {
    color: #06e
}

a:focus {
    outline: 0
}

a:hover,
a:active {
    outline: 0
}

b,
strong {
    font-weight: bold
}

blockquote {
    margin: 0 40px 19.5px
}

dfn {
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold
}

p {
    margin: 0 0 19.5px
}

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before,
q:after {
    content: "";
    content: none
}

small {
    font-size: 85%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

ul,
ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

dd {
    margin: 0 0 19.5px 40px
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

td img {
    max-width: none
}

svg:not(:root) {
    overflow: hidden
}

iframe {
    border: 0
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

label {
    cursor: pointer
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

input:invalid,
textarea:invalid {
    background-color: #f0dddd
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

td {
    vertical-align: top
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: black;
    padding: .2em 0
}

.flag-andorra,
.flag-arab-emirates,
.flag-afghanistan,
.flag-antigua,
.flag-albania,
.flag-armenia,
.flag-antilles,
.flag-angola,
.flag-argentina,
.flag-american-samoa,
.flag-austria,
.flag-aruba,
.flag-aaland-islands,
.flag-azerbiajan,
.flag-bosnia,
.flag-barbados,
.flag-bangladesh,
.flag-belgium,
.flag-burkina-faso,
.flag-bulgaria,
.flag-bahrain,
.flag-burundi,
.flag-benin,
.flag-,
.flag-bermuda,
.flag-brunei,
.flag-bolivia,
.flag-brazil,
.flag-bahamas,
.flag-bhutan,
.flag-bouvet-island,
.flag-botswana,
.flag-belarus,
.flag-belize,
.flag-canada,
.flag-central-african-republic,
.flag-congo,
.flag-switzerland,
.flag-cote-divoire,
.flag-chile,
.flag-cameroon,
.flag-china,
.flag-colombia,
.flag-costa-rica,
.flag-czech-republic,
.flag-cuba,
.flag-cape-verde,
.flag-christmas-island,
.flag-cyprus,
.flag-germany,
.flag-djibouti,
.flag-denmark,
.flag-dominica,
.flag-the-dominican,
.flag-algeria,
.flag-ecuador,
.flag-estonia,
.flag-egypt,
.flag-western-sahara,
.flag-eritrea,
.flag-spain,
.flag-ethiopia,
.flag-finland,
.flag-federated-states-of-micronesia,
.flag-faroe-islands,
.flag-france,
.flag-gabon,
.flag-united-kingdom,
.flag-grenada,
.flag-georgia,
.flag-guernsey,
.flag-ghana,
.flag-gibraltar,
.flag-greenland,
.flag-the-gambia,
.flag-guinea,
.flag-equatorial-guinea,
.flag-greece,
.flag-guatemala,
.flag-guam,
.flag-guinea2,
.flag-guyana,
.flag-hong-kong,
.flag-honduras,
.flag-croatia,
.flag-haiti,
.flag-hungary,
.flag-indonesia,
.flag-ireland,
.flag-israel,
.flag-isle-of-man,
.flag-india,
.flag-iraq,
.flag-iran,
.flag-iceland,
.flag-italy,
.flag-jersey,
.flag-jamaica,
.flag-jordan,
.flag-japan,
.flag-kenya,
.flag-kyrgyzstan,
.flag-cambodia,
.flag-kiribati,
.flag-comoros,
.flag-saint-kitts,
.flag-north-korea,
.flag-south-korea,
.flag-kuwait,
.flag-kazakhstan,
.flag-laos,
.flag-lebanon,
.flag-saint-lucia,
.flag-liechtenstein,
.flag-sri-lanka,
.flag-liberia,
.flag-lesotho,
.flag-lithuania,
.flag-luxembourg,
.flag-latvia,
.flag-morocco,
.flag-monaco,
.flag-moldova,
.flag-montenegro,
.flag-madagascar,
.flag-marshall-islands,
.flag-macedonia,
.flag-mali,
.flag-burma,
.flag-mongolia,
.flag-macau,
.flag-northern-mariana,
.flag-mauritania,
.flag-malta,
.flag-mauritius,
.flag-maldives,
.flag-malawi,
.flag-mexico,
.flag-malaysia,
.flag-mozambique,
.flag-namibia,
.flag-niger,
.flag-norfolk-island,
.flag-nigeria,
.flag-nicaragua,
.flag-netherlands,
.flag-norway,
.flag-nauru,
.flag-niue,
.flag-oman,
.flag-panama,
.flag-peru,
.flag-french-polynesia,
.flag-papua-new-guinea,
.flag-philippines,
.flag-pakistan,
.flag-poland,
.flag-saint-pierre,
.flag-puerto-rico,
.flag-gaza-strip,
.flag-portugal,
.flag-palau,
.flag-paraguay,
.flag-qatar,
.flag-romania,
.flag-serbia,
.flag-russia,
.flag-rwanda,
.flag-saudi-arabia,
.flag-solomon-islands,
.flag-seychelles,
.flag-sudan,
.flag-sweden,
.flag-singapore,
.flag-slovenia,
.flag-svalbard,
.flag-slovakia,
.flag-sierra-leone,
.flag-san-marino,
.flag-senegal,
.flag-somalia,
.flag-suriname,
.flag-sao-tome,
.flag-syria,
.flag-swaziland,
.flag-chad,
.flag-togo,
.flag-thailand,
.flag-tajikistan,
.flag-tokelau,
.flag-timor,
.flag-turkmenistan,
.flag-tunisia,
.flag-tonga,
.flag-turkey,
.flag-trinidad,
.flag-taiwan,
.flag-tanzania,
.flag-ukraine,
.flag-uganda,
.flag-united-states,
.flag-uruguay,
.flag-uzbekistan,
.flag-vatican-city,
.flag-saint-vincent,
.flag-venezuela,
.flag-virgin-islands,
.flag-vietnam,
.flag-vanuatu,
.flag-wallis,
.flag-samoa,
.flag-yemen,
.flag-mayotte,
.flag-south-africa,
.flag-zambia,
.flag-zimbabwe,
.flag-unknown,
.andorra-flag span::before,
.arab-emirates-flag span::before,
.afghanistan-flag span::before,
.antigua-flag span::before,
.albania-flag span::before,
.armenia-flag span::before,
.antilles-flag span::before,
.angola-flag span::before,
.argentina-flag span::before,
.american-samoa-flag span::before,
.austria-flag span::before,
.aruba-flag span::before,
.aaland-islands-flag span::before,
.azerbiajan-flag span::before,
.bosnia-flag span::before,
.barbados-flag span::before,
.bangladesh-flag span::before,
.belgium-flag span::before,
.burkina-faso-flag span::before,
.bulgaria-flag span::before,
.bahrain-flag span::before,
.burundi-flag span::before,
.benin-flag span::before,
.-flag span::before,
.bermuda-flag span::before,
.brunei-flag span::before,
.bolivia-flag span::before,
.brazil-flag span::before,
.bahamas-flag span::before,
.bhutan-flag span::before,
.bouvet-island-flag span::before,
.botswana-flag span::before,
.belarus-flag span::before,
.belize-flag span::before,
.canada-flag span::before,
.central-african-republic-flag span::before,
.congo-flag span::before,
.switzerland-flag span::before,
.cote-divoire-flag span::before,
.chile-flag span::before,
.cameroon-flag span::before,
.china-flag span::before,
.colombia-flag span::before,
.costa-rica-flag span::before,
.czech-republic-flag span::before,
.cuba-flag span::before,
.cape-verde-flag span::before,
.christmas-island-flag span::before,
.cyprus-flag span::before,
.germany-flag span::before,
.djibouti-flag span::before,
.denmark-flag span::before,
.dominica-flag span::before,
.the-dominican-flag span::before,
.algeria-flag span::before,
.ecuador-flag span::before,
.estonia-flag span::before,
.egypt-flag span::before,
.western-sahara-flag span::before,
.eritrea-flag span::before,
.spain-flag span::before,
.ethiopia-flag span::before,
.finland-flag span::before,
.federated-states-of-micronesia-flag span::before,
.faroe-islands-flag span::before,
.france-flag span::before,
.gabon-flag span::before,
.united-kingdom-flag span::before,
.grenada-flag span::before,
.georgia-flag span::before,
.guernsey-flag span::before,
.ghana-flag span::before,
.gibraltar-flag span::before,
.greenland-flag span::before,
.the-gambia-flag span::before,
.guinea-flag span::before,
.equatorial-guinea-flag span::before,
.greece-flag span::before,
.guatemala-flag span::before,
.guam-flag span::before,
.guinea2-flag span::before,
.guyana-flag span::before,
.hong-kong-flag span::before,
.honduras-flag span::before,
.croatia-flag span::before,
.haiti-flag span::before,
.hungary-flag span::before,
.indonesia-flag span::before,
.ireland-flag span::before,
.israel-flag span::before,
.isle-of-man-flag span::before,
.india-flag span::before,
.iraq-flag span::before,
.iran-flag span::before,
.iceland-flag span::before,
.italy-flag span::before,
.jersey-flag span::before,
.jamaica-flag span::before,
.jordan-flag span::before,
.japan-flag span::before,
.kenya-flag span::before,
.kyrgyzstan-flag span::before,
.cambodia-flag span::before,
.kiribati-flag span::before,
.comoros-flag span::before,
.saint-kitts-flag span::before,
.north-korea-flag span::before,
.south-korea-flag span::before,
.kuwait-flag span::before,
.kazakhstan-flag span::before,
.laos-flag span::before,
.lebanon-flag span::before,
.saint-lucia-flag span::before,
.liechtenstein-flag span::before,
.sri-lanka-flag span::before,
.liberia-flag span::before,
.lesotho-flag span::before,
.lithuania-flag span::before,
.luxembourg-flag span::before,
.latvia-flag span::before,
.morocco-flag span::before,
.monaco-flag span::before,
.moldova-flag span::before,
.montenegro-flag span::before,
.madagascar-flag span::before,
.marshall-islands-flag span::before,
.macedonia-flag span::before,
.mali-flag span::before,
.burma-flag span::before,
.mongolia-flag span::before,
.macau-flag span::before,
.northern-mariana-flag span::before,
.mauritania-flag span::before,
.malta-flag span::before,
.mauritius-flag span::before,
.maldives-flag span::before,
.malawi-flag span::before,
.mexico-flag span::before,
.malaysia-flag span::before,
.mozambique-flag span::before,
.namibia-flag span::before,
.niger-flag span::before,
.norfolk-island-flag span::before,
.nigeria-flag span::before,
.nicaragua-flag span::before,
.netherlands-flag span::before,
.norway-flag span::before,
.nauru-flag span::before,
.niue-flag span::before,
.oman-flag span::before,
.panama-flag span::before,
.peru-flag span::before,
.french-polynesia-flag span::before,
.papua-new-guinea-flag span::before,
.philippines-flag span::before,
.pakistan-flag span::before,
.poland-flag span::before,
.saint-pierre-flag span::before,
.puerto-rico-flag span::before,
.gaza-strip-flag span::before,
.portugal-flag span::before,
.palau-flag span::before,
.paraguay-flag span::before,
.qatar-flag span::before,
.romania-flag span::before,
.serbia-flag span::before,
.russia-flag span::before,
.rwanda-flag span::before,
.saudi-arabia-flag span::before,
.solomon-islands-flag span::before,
.seychelles-flag span::before,
.sudan-flag span::before,
.sweden-flag span::before,
.singapore-flag span::before,
.slovenia-flag span::before,
.svalbard-flag span::before,
.slovakia-flag span::before,
.sierra-leone-flag span::before,
.san-marino-flag span::before,
.senegal-flag span::before,
.somalia-flag span::before,
.suriname-flag span::before,
.sao-tome-flag span::before,
.syria-flag span::before,
.swaziland-flag span::before,
.chad-flag span::before,
.togo-flag span::before,
.thailand-flag span::before,
.tajikistan-flag span::before,
.tokelau-flag span::before,
.timor-flag span::before,
.turkmenistan-flag span::before,
.tunisia-flag span::before,
.tonga-flag span::before,
.turkey-flag span::before,
.trinidad-flag span::before,
.taiwan-flag span::before,
.tanzania-flag span::before,
.ukraine-flag span::before,
.uganda-flag span::before,
.united-states-flag span::before,
.uruguay-flag span::before,
.uzbekistan-flag span::before,
.vatican-city-flag span::before,
.saint-vincent-flag span::before,
.venezuela-flag span::before,
.virgin-islands-flag span::before,
.vietnam-flag span::before,
.vanuatu-flag span::before,
.wallis-flag span::before,
.samoa-flag span::before,
.yemen-flag span::before,
.mayotte-flag span::before,
.south-africa-flag span::before,
.zambia-flag span::before,
.zimbabwe-flag span::before,
.unknown-flag span::before,
.deutsch-flag span::before,
.portugues-do-brasil-flag span::before,
.francais-flag span::before,
.espanol-flag span::before,
.polski-flag span::before,
.nederlands-flag span::before,
.italiano-flag span::before,
.turk-flag span::before,
.el-espanol-de-america-flag span::before,
.english-flag span::before,
.viet-flag span::before,
.pusskij-flag span::before,
.ellhnika-flag span::before,
.roman-flag span::before,
.blgarski-flag span::before,
.svenska-flag span::before,
.cestina-flag span::before,
.traditionalchinese-flag span::before,
.korean-flag span::before,
.hebrew-flag span::before {
    width: 24px;
    height: 16px;
    display: inline-block;
    background-image: url("../../Blocks/images/icons/icon-flags-sprite-24x16.png")
}

.flag-andorra {
    background-position: 0 0
}

.flag-arab-emirates {
    background-position: -24px 0
}

.flag-afghanistan {
    background-position: -48px 0
}

.flag-antigua {
    background-position: -72px 0
}

.flag-albania {
    background-position: -96px 0
}

.flag-armenia {
    background-position: -120px 0
}

.flag-antilles {
    background-position: -144px 0
}

.flag-angola {
    background-position: -168px 0
}

.flag-argentina {
    background-position: -192px 0
}

.flag-american-samoa {
    background-position: -216px 0
}

.flag-austria {
    background-position: -240px 0
}

.flag-aruba {
    background-position: -264px 0
}

.flag-aaland-islands {
    background-position: -288px 0
}

.flag-azerbiajan {
    background-position: -312px 0
}

.flag-bosnia {
    background-position: -336px 0
}

.flag-barbados {
    background-position: 0 -16px
}

.flag-bangladesh {
    background-position: -24px -16px
}

.flag-belgium {
    background-position: -48px -16px
}

.flag-burkina-faso {
    background-position: -72px -16px
}

.flag-bulgaria {
    background-position: -96px -16px
}

.flag-bahrain {
    background-position: -120px -16px
}

.flag-burundi {
    background-position: -144px -16px
}

.flag-benin {
    background-position: -168px -16px
}

.flag- {
    background-position: -192px -16px
}

.flag-bermuda {
    background-position: -216px -16px
}

.flag-brunei {
    background-position: -240px -16px
}

.flag-bolivia {
    background-position: -264px -16px
}

.flag- {
    background-position: -288px -16px
}

.flag-brazil {
    background-position: -312px -16px
}

.flag-bahamas {
    background-position: -336px -16px
}

.flag-bhutan {
    background-position: 0 -32px
}

.flag-bouvet-island {
    background-position: -24px -32px
}

.flag-botswana {
    background-position: -48px -32px
}

.flag-belarus {
    background-position: -72px -32px
}

.flag-belize {
    background-position: -96px -32px
}

.flag-canada {
    background-position: -120px -32px
}

.flag- {
    background-position: -144px -32px
}

.flag- {
    background-position: -168px -32px
}

.flag- {
    background-position: -192px -32px
}

.flag-central-african-republic {
    background-position: -216px -32px
}

.flag-congo {
    background-position: -240px -32px
}

.flag-switzerland {
    background-position: -264px -32px
}

.flag-cote-divoire {
    background-position: -288px -32px
}

.flag-chile {
    background-position: -312px -32px
}

.flag-cameroon {
    background-position: -336px -32px
}

.flag-china {
    background-position: 0 -48px
}

.flag-colombia {
    background-position: -24px -48px
}

.flag-costa-rica {
    background-position: -48px -48px
}

.flag-czech-republic {
    background-position: -72px -48px
}

.flag-cuba {
    background-position: -96px -48px
}

.flag-cape-verde {
    background-position: -120px -48px
}

.flag-christmas-island {
    background-position: -144px -48px
}

.flag-cyprus {
    background-position: -168px -48px
}

.flag- {
    background-position: -192px -48px
}

.flag-germany {
    background-position: -216px -48px
}

.flag-djibouti {
    background-position: -240px -48px
}

.flag-denmark {
    background-position: -264px -48px
}

.flag-dominica {
    background-position: -288px -48px
}

.flag-the-dominican {
    background-position: -312px -48px
}

.flag-algeria {
    background-position: -336px -48px
}

.flag-ecuador {
    background-position: 0 -64px
}

.flag-estonia {
    background-position: -24px -64px
}

.flag-egypt {
    background-position: -48px -64px
}

.flag-western-sahara {
    background-position: -72px -64px
}

.flag- {
    background-position: -96px -64px
}

.flag- {
    background-position: -120px -64px
}

.flag-eritrea {
    background-position: -144px -64px
}

.flag-spain {
    background-position: -168px -64px
}

.flag-ethiopia {
    background-position: -192px -64px
}

.flag-finland {
    background-position: -216px -64px
}

.flag-federated-states-of-micronesia {
    background-position: -240px -64px
}

.flag-faroe-islands {
    background-position: -264px -64px
}

.flag-france {
    background-position: -288px -64px
}

.flag-gabon {
    background-position: -312px -64px
}

.flag-united-kingdom {
    background-position: -336px -64px
}

.flag-grenada {
    background-position: 0 -80px
}

.flag-georgia {
    background-position: -24px -80px
}

.flag-guernsey {
    background-position: -48px -80px
}

.flag-ghana {
    background-position: -72px -80px
}

.flag-gibraltar {
    background-position: -96px -80px
}

.flag-greenland {
    background-position: -120px -80px
}

.flag-the-gambia {
    background-position: -144px -80px
}

.flag-guinea {
    background-position: -168px -80px
}

.flag-equatorial-guinea {
    background-position: -192px -80px
}

.flag-greece {
    background-position: -216px -80px
}

.flag-guatemala {
    background-position: -240px -80px
}

.flag-guam {
    background-position: -264px -80px
}

.flag-guinea2 {
    background-position: -288px -80px
}

.flag-guyana {
    background-position: -312px -80px
}

.flag-hong-kong {
    background-position: -336px -80px
}

.flag-honduras {
    background-position: 0 -96px
}

.flag-croatia {
    background-position: -24px -96px
}

.flag-haiti {
    background-position: -48px -96px
}

.flag-hungary {
    background-position: -72px -96px
}

.flag-indonesia {
    background-position: -96px -96px
}

.flag-ireland {
    background-position: -120px -96px
}

.flag-israel {
    background-position: -144px -96px
}

.flag-isle-of-man {
    background-position: -168px -96px
}

.flag-india {
    background-position: -192px -96px
}

.flag-iraq {
    background-position: -216px -96px
}

.flag-iran {
    background-position: -240px -96px
}

.flag-iceland {
    background-position: -264px -96px
}

.flag-italy {
    background-position: -288px -96px
}

.flag-jersey {
    background-position: -312px -96px
}

.flag-jamaica {
    background-position: -336px -96px
}

.flag-jordan {
    background-position: 0 -112px
}

.flag-japan {
    background-position: -24px -112px
}

.flag-kenya {
    background-position: -48px -112px
}

.flag-kyrgyzstan {
    background-position: -72px -112px
}

.flag-cambodia {
    background-position: -96px -112px
}

.flag-kiribati {
    background-position: -120px -112px
}

.flag-comoros {
    background-position: -144px -112px
}

.flag-saint-kitts {
    background-position: -168px -112px
}

.flag- {
    background-position: -192px -112px
}

.flag-north-korea {
    background-position: -216px -112px
}

.flag-south-korea {
    background-position: -240px -112px
}

.flag-kuwait {
    background-position: -264px -112px
}

.flag-kazakhstan {
    background-position: -288px -112px
}

.flag-laos {
    background-position: -312px -112px
}

.flag-lebanon {
    background-position: -336px -112px
}

.flag-saint-lucia {
    background-position: 0 -128px
}

.flag-liechtenstein {
    background-position: -24px -128px
}

.flag-sri-lanka {
    background-position: -48px -128px
}

.flag-liberia {
    background-position: -72px -128px
}

.flag-lesotho {
    background-position: -96px -128px
}

.flag-lithuania {
    background-position: -120px -128px
}

.flag-luxembourg {
    background-position: -144px -128px
}

.flag-latvia {
    background-position: -168px -128px
}

.flag- {
    background-position: -192px -128px
}

.flag-morocco {
    background-position: -216px -128px
}

.flag-monaco {
    background-position: -240px -128px
}

.flag-moldova {
    background-position: -264px -128px
}

.flag-montenegro {
    background-position: -288px -128px
}

.flag-madagascar {
    background-position: -312px -128px
}

.flag-marshall-islands {
    background-position: -336px -128px
}

.flag-macedonia {
    background-position: 0 -144px
}

.flag-mali {
    background-position: -24px -144px
}

.flag-burma {
    background-position: -48px -144px
}

.flag-mongolia {
    background-position: -72px -144px
}

.flag-macau {
    background-position: -96px -144px
}

.flag-northern-mariana {
    background-position: -120px -144px
}

.flag- {
    background-position: -144px -144px
}

.flag-mauritania {
    background-position: -168px -144px
}

.flag-malta {
    background-position: -192px -144px
}

.flag-mauritius {
    background-position: -216px -144px
}

.flag-maldives {
    background-position: -240px -144px
}

.flag-malawi {
    background-position: -264px -144px
}

.flag-mexico {
    background-position: -288px -144px
}

.flag-malaysia {
    background-position: -312px -144px
}

.flag-mozambique {
    background-position: -336px -144px
}

.flag-namibia {
    background-position: 0 -160px
}

.flag-niger {
    background-position: -24px -160px
}

.flag-norfolk-island {
    background-position: -48px -160px
}

.flag-nigeria {
    background-position: -72px -160px
}

.flag-nicaragua {
    background-position: -96px -160px
}

.flag-netherlands {
    background-position: -120px -160px
}

.flag-norway {
    background-position: -144px -160px
}

.flag- {
    background-position: -168px -160px
}

.flag-nauru {
    background-position: -192px -160px
}

.flag-niue {
    background-position: -216px -160px
}

.flag-oman {
    background-position: -240px -160px
}

.flag-panama {
    background-position: -264px -160px
}

.flag-peru {
    background-position: -288px -160px
}

.flag-french-polynesia {
    background-position: -312px -160px
}

.flag-papua-new-guinea {
    background-position: -336px -160px
}

.flag-philippines {
    background-position: 0 -176px
}

.flag-pakistan {
    background-position: -24px -176px
}

.flag-poland {
    background-position: -48px -176px
}

.flag-saint-pierre {
    background-position: -72px -176px
}

.flag-puerto-rico {
    background-position: -96px -176px
}

.flag-gaza-strip {
    background-position: -120px -176px
}

.flag-portugal {
    background-position: -144px -176px
}

.flag-palau {
    background-position: -168px -176px
}

.flag-paraguay {
    background-position: -192px -176px
}

.flag-qatar {
    background-position: -216px -176px
}

.flag- {
    background-position: -240px -176px
}

.flag-romania {
    background-position: -264px -176px
}

.flag-serbia {
    background-position: -288px -176px
}

.flag-russia {
    background-position: -312px -176px
}

.flag-rwanda {
    background-position: -336px -176px
}

.flag-saudi-arabia {
    background-position: 0 -192px
}

.flag- {
    background-position: -24px -192px
}

.flag- {
    background-position: -48px -192px
}

.flag-solomon-islands {
    background-position: -72px -192px
}

.flag-seychelles {
    background-position: -96px -192px
}

.flag- {
    background-position: -120px -192px
}

.flag-sudan {
    background-position: -144px -192px
}

.flag-sweden {
    background-position: -168px -192px
}

.flag-singapore {
    background-position: -192px -192px
}

.flag-slovenia {
    background-position: -216px -192px
}

.flag-svalbard {
    background-position: -240px -192px
}

.flag-slovakia {
    background-position: -264px -192px
}

.flag-sierra-leone {
    background-position: -288px -192px
}

.flag-san-marino {
    background-position: -312px -192px
}

.flag-senegal {
    background-position: -336px -192px
}

.flag-somalia {
    background-position: 0 -208px
}

.flag-suriname {
    background-position: -24px -208px
}

.flag-sao-tome {
    background-position: -48px -208px
}

.flag- {
    background-position: -72px -208px
}

.flag-syria {
    background-position: -96px -208px
}

.flag-swaziland {
    background-position: -120px -208px
}

.flag-chad {
    background-position: -144px -208px
}

.flag-togo {
    background-position: -168px -208px
}

.flag-thailand {
    background-position: -192px -208px
}

.flag-tajikistan {
    background-position: -216px -208px
}

.flag-tokelau {
    background-position: -240px -208px
}

.flag-timor {
    background-position: -264px -208px
}

.flag-turkmenistan {
    background-position: -288px -208px
}

.flag-tunisia {
    background-position: -312px -208px
}

.flag-tonga {
    background-position: -336px -208px
}

.flag-turkey {
    background-position: 0 -224px
}

.flag-trinidad {
    background-position: -24px -224px
}

.flag-taiwan {
    background-position: -48px -224px
}

.flag-tanzania {
    background-position: -72px -224px
}

.flag-ukraine {
    background-position: -96px -224px
}

.flag-uganda {
    background-position: -120px -224px
}

.flag-united-states {
    background-position: -144px -224px
}

.flag-uruguay {
    background-position: -168px -224px
}

.flag-uzbekistan {
    background-position: -192px -224px
}

.flag-vatican-city {
    background-position: -216px -224px
}

.flag-saint-vincent {
    background-position: -240px -224px
}

.flag-venezuela {
    background-position: -264px -224px
}

.flag-virgin-islands {
    background-position: -288px -224px
}

.flag-vietnam {
    background-position: -312px -224px
}

.flag-vanuatu {
    background-position: -336px -224px
}

.flag- {
    background-position: 0 -240px
}

.flag-wallis {
    background-position: -24px -240px
}

.flag-samoa {
    background-position: -48px -240px
}

.flag-yemen {
    background-position: -72px -240px
}

.flag-mayotte {
    background-position: -96px -240px
}

.flag-south-africa {
    background-position: -120px -240px
}

.flag-zambia {
    background-position: -144px -240px
}

.flag-zimbabwe {
    background-position: -168px -240px
}

.flag- {
    background-position: -192px -240px
}

.flag-unknown {
    background-position: -336px -240px
}

.u-icon-jump,
.go-next,
.jump-link,
button[type="submit"],
input[type="submit"],
.button,
.u-videoEmbed .play-video,
.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .acknowledge-footer button.acknowledge,
.b-pagination-c .b-pagination-prev>a,
.b-pagination-c .b-pagination-prev .b-pagination-next>a,
.b-pagination-c .b-pagination-prev .b-pagination-first>a,
.b-pagination-c .b-pagination-prev .b-pagination-last>a,
.b-pagination-c .b-pagination-prev .b-pagination-display>a,
.b-pagination-c .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-next .b-pagination-prev>a,
.b-pagination-c .b-pagination-next>a,
.b-pagination-c .b-pagination-next .b-pagination-first>a,
.b-pagination-c .b-pagination-next .b-pagination-last>a,
.b-pagination-c .b-pagination-next .b-pagination-display>a,
.b-pagination-c .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-next dt>a,
.b-pagination-c .b-pagination-first .b-pagination-prev>a,
.b-pagination-c .b-pagination-first .b-pagination-next>a,
.b-pagination-c .b-pagination-first>a,
.b-pagination-c .b-pagination-first .b-pagination-last>a,
.b-pagination-c .b-pagination-first .b-pagination-display>a,
.b-pagination-c .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-first dt>a,
.b-pagination-c .b-pagination-last .b-pagination-prev>a,
.b-pagination-c .b-pagination-last .b-pagination-next>a,
.b-pagination-c .b-pagination-last .b-pagination-first>a,
.b-pagination-c .b-pagination-last>a,
.b-pagination-c .b-pagination-last .b-pagination-display>a,
.b-pagination-c .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-last dt>a,
.b-pagination-c .b-pagination-display .b-pagination-prev>a,
.b-pagination-c .b-pagination-display .b-pagination-next>a,
.b-pagination-c .b-pagination-display .b-pagination-first>a,
.b-pagination-c .b-pagination-display .b-pagination-last>a,
.b-pagination-c .b-pagination-display>a,
.b-pagination-c .b-pagination-display dt>a,
.b-pagination-c .s-disabled,
.b-search-a input[type=submit],
.b-search-a [type="submit"],
.b-shoutbox-a .b-userAction-item a,
.b-social-facebook,
.b-social-twitter,
.b-social-google,
.b-social-youtube,
.b-social-reddit,
.b-userAction-a:not(.u-dropDownMenu):not(.user-actions-post):not(.user-actions-user-pm) .b-userAction-item>a,
.p-notifications-a header .user-actions a,
.p-pm-a .p-pm-footer .form-actions>button,
.p-poll-form-a #div-poll .poll-actions div[id^="form-field-poll-form-results-visibility"],
.p-poll-form-a #div-poll .field-list .form-field+.field-list-new-entry,
body .ui-dialog .edit-poll.module .poll-actions div[id^="form-field-poll-form-results-visibility"],
body .ui-dialog .edit-poll.module .field-list .form-field+.field-list-new-entry,
.p-article-a .p-article-jump>a,
.p-article-a.p-article_audio .show-notes>a,
.p-article-a.p-article_audio .download>a,
.user-authenticated.body-category-itemdetails .p-article-a .b-userAction .b-userAction-item>a,
.p-attachments-a .multi-file-upload-file-list .attachment-item .remove-container,
.ie8 .p-forum-a .user-actions-threads .b-userAction-item>a,
.ie8 .p-forum-a .user-actions-thread .b-userAction-item>a,
.ie8 .p-forum-a .user-actions-forums .b-userAction-item>a,
.ie8 .listing-forum-search .user-actions-threads .b-userAction-item>a,
.ie8 .listing-forum-search .user-actions-thread .b-userAction-item>a,
.ie8 .listing-forum-search .user-actions-forums .b-userAction-item>a,
.p-forum-a .without-icon .status-icon,
.p-forum-a .forum-thread-row .status-icon,
.listing-forum-search .without-icon .status-icon,
.listing-forum-search .forum-thread-row .status-icon,
body .ui-dialog .poll-form-container .poll-actions div[id^="form-field-poll-form-results-visibility"],
body .ui-dialog .poll-form-container .field-list .form-field+.field-list-new-entry {
    display: inline-block;
    background-color: #2e2c2c;
    background-image: -webkit-linear-gradient(top, #2e2c2c, #2e2c2c);
    background-image: linear-gradient(to bottom, #2e2c2c, #2e2c2c);
    border-radius: 2px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-repeat: repeat-x;
    border: 1px solid #070707;
    border-color: #070707 #070707 black;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #242527;
    cursor: pointer;
    line-height: 1.53846em;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-align: center;
    padding: .30769em .61538em;
    margin: 0;
    text-decoration: none;
    -webkit-transition: .1s linear all;
    -moz-transition: .1s linear all;
    transition: .1s linear all;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.u-icon-jump:hover,
.go-next:hover,
.jump-link:hover,
button:hover[type="submit"],
input:hover[type="submit"],
.button:hover,
.u-videoEmbed .play-video:hover,
.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .acknowledge-footer button.acknowledge:hover,
.b-pagination-c .b-pagination-prev>a:hover,
.b-pagination-c .b-pagination-prev .b-pagination-next>a:hover,
.b-pagination-c .b-pagination-prev .b-pagination-first>a:hover,
.b-pagination-c .b-pagination-prev .b-pagination-last>a:hover,
.b-pagination-c .b-pagination-prev .b-pagination-display>a:hover,
.b-pagination-c .b-pagination-prev dt>a:hover,
.b-pagination-c .b-pagination-next .b-pagination-prev>a:hover,
.b-pagination-c .b-pagination-next>a:hover,
.b-pagination-c .b-pagination-next .b-pagination-first>a:hover,
.b-pagination-c .b-pagination-next .b-pagination-last>a:hover,
.b-pagination-c .b-pagination-next .b-pagination-display>a:hover,
.b-pagination-c .b-pagination-next dt>a:hover,
.b-pagination-c .b-pagination-first .b-pagination-prev>a:hover,
.b-pagination-c .b-pagination-first .b-pagination-next>a:hover,
.b-pagination-c .b-pagination-first>a:hover,
.b-pagination-c .b-pagination-first .b-pagination-last>a:hover,
.b-pagination-c .b-pagination-first .b-pagination-display>a:hover,
.b-pagination-c .b-pagination-first dt>a:hover,
.b-pagination-c .b-pagination-last .b-pagination-prev>a:hover,
.b-pagination-c .b-pagination-last .b-pagination-next>a:hover,
.b-pagination-c .b-pagination-last .b-pagination-first>a:hover,
.b-pagination-c .b-pagination-last>a:hover,
.b-pagination-c .b-pagination-last .b-pagination-display>a:hover,
.b-pagination-c .b-pagination-last dt>a:hover,
.b-pagination-c .b-pagination-display .b-pagination-prev>a:hover,
.b-pagination-c .b-pagination-display .b-pagination-next>a:hover,
.b-pagination-c .b-pagination-display .b-pagination-first>a:hover,
.b-pagination-c .b-pagination-display .b-pagination-last>a:hover,
.b-pagination-c .b-pagination-display>a:hover,
.b-pagination-c .b-pagination-display dt>a:hover,
.b-pagination-c .s-disabled:hover,
.b-search-a input:hover[type=submit],
.b-search-a:hover[type="submit"],
.b-shoutbox-a .b-userAction-item a:hover,
.b-social-facebook:hover,
.b-social-twitter:hover,
.b-social-google:hover,
.b-social-youtube:hover,
.b-social-reddit:hover,
.b-userAction-a:not(.u-dropDownMenu):not(.user-actions-post):not(.user-actions-user-pm) .b-userAction-item>a:hover,
.p-notifications-a header .user-actions a:hover,
.p-pm-a .p-pm-footer .form-actions>button:hover,
.p-poll-form-a #div-poll .poll-actions div:hover[id^="form-field-poll-form-results-visibility"],
.p-poll-form-a #div-poll .field-list .form-field+.field-list-new-entry:hover,
body .ui-dialog .edit-poll.module .poll-actions div:hover[id^="form-field-poll-form-results-visibility"],
body .ui-dialog .edit-poll.module .field-list .form-field+.field-list-new-entry:hover,
.p-article-a .p-article-jump>a:hover,
.p-article-a.p-article_audio .show-notes>a:hover,
.p-article-a.p-article_audio .download>a:hover,
.user-authenticated.body-category-itemdetails .p-article-a .b-userAction .b-userAction-item>a:hover,
.p-attachments-a .multi-file-upload-file-list .attachment-item .remove-container:hover,
.ie8 .p-forum-a .user-actions-threads .b-userAction-item>a:hover,
.ie8 .p-forum-a .user-actions-thread .b-userAction-item>a:hover,
.ie8 .p-forum-a .user-actions-forums .b-userAction-item>a:hover,
.ie8 .listing-forum-search .user-actions-threads .b-userAction-item>a:hover,
.ie8 .listing-forum-search .user-actions-thread .b-userAction-item>a:hover,
.ie8 .listing-forum-search .user-actions-forums .b-userAction-item>a:hover,
.p-forum-a .without-icon .status-icon:hover,
.p-forum-a .forum-thread-row .status-icon:hover,
.listing-forum-search .without-icon .status-icon:hover,
.listing-forum-search .forum-thread-row .status-icon:hover,
body .ui-dialog .poll-form-container .poll-actions div:hover[id^="form-field-poll-form-results-visibility"],
body .ui-dialog .poll-form-container .field-list .form-field+.field-list-new-entry:hover,
.u-icon-jump:focus,
.go-next:focus,
.jump-link:focus,
button:focus[type="submit"],
input:focus[type="submit"],
.button:focus,
.u-videoEmbed .play-video:focus,
.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .acknowledge-footer button.acknowledge:focus,
.b-pagination-c .b-pagination-prev>a:focus,
.b-pagination-c .b-pagination-prev .b-pagination-next>a:focus,
.b-pagination-c .b-pagination-prev .b-pagination-first>a:focus,
.b-pagination-c .b-pagination-prev .b-pagination-last>a:focus,
.b-pagination-c .b-pagination-prev .b-pagination-display>a:focus,
.b-pagination-c .b-pagination-prev dt>a:focus,
.b-pagination-c .b-pagination-next .b-pagination-prev>a:focus,
.b-pagination-c .b-pagination-next>a:focus,
.b-pagination-c .b-pagination-next .b-pagination-first>a:focus,
.b-pagination-c .b-pagination-next .b-pagination-last>a:focus,
.b-pagination-c .b-pagination-next .b-pagination-display>a:focus,
.b-pagination-c .b-pagination-next dt>a:focus,
.b-pagination-c .b-pagination-first .b-pagination-prev>a:focus,
.b-pagination-c .b-pagination-first .b-pagination-next>a:focus,
.b-pagination-c .b-pagination-first>a:focus,
.b-pagination-c .b-pagination-first .b-pagination-last>a:focus,
.b-pagination-c .b-pagination-first .b-pagination-display>a:focus,
.b-pagination-c .b-pagination-first dt>a:focus,
.b-pagination-c .b-pagination-last .b-pagination-prev>a:focus,
.b-pagination-c .b-pagination-last .b-pagination-next>a:focus,
.b-pagination-c .b-pagination-last .b-pagination-first>a:focus,
.b-pagination-c .b-pagination-last>a:focus,
.b-pagination-c .b-pagination-last .b-pagination-display>a:focus,
.b-pagination-c .b-pagination-last dt>a:focus,
.b-pagination-c .b-pagination-display .b-pagination-prev>a:focus,
.b-pagination-c .b-pagination-display .b-pagination-next>a:focus,
.b-pagination-c .b-pagination-display .b-pagination-first>a:focus,
.b-pagination-c .b-pagination-display .b-pagination-last>a:focus,
.b-pagination-c .b-pagination-display>a:focus,
.b-pagination-c .b-pagination-display dt>a:focus,
.b-pagination-c .s-disabled:focus,
.b-search-a input:focus[type=submit],
.b-search-a:focus[type="submit"],
.b-shoutbox-a .b-userAction-item a:focus,
.b-social-facebook:focus,
.b-social-twitter:focus,
.b-social-google:focus,
.b-social-youtube:focus,
.b-social-reddit:focus,
.b-userAction-a:not(.u-dropDownMenu):not(.user-actions-post):not(.user-actions-user-pm) .b-userAction-item>a:focus,
.p-notifications-a header .user-actions a:focus,
.p-pm-a .p-pm-footer .form-actions>button:focus,
.p-poll-form-a #div-poll .poll-actions div:focus[id^="form-field-poll-form-results-visibility"],
.p-poll-form-a #div-poll .field-list .form-field+.field-list-new-entry:focus,
body .ui-dialog .edit-poll.module .poll-actions div:focus[id^="form-field-poll-form-results-visibility"],
body .ui-dialog .edit-poll.module .field-list .form-field+.field-list-new-entry:focus,
.p-article-a .p-article-jump>a:focus,
.p-article-a.p-article_audio .show-notes>a:focus,
.p-article-a.p-article_audio .download>a:focus,
.user-authenticated.body-category-itemdetails .p-article-a .b-userAction .b-userAction-item>a:focus,
.p-attachments-a .multi-file-upload-file-list .attachment-item .remove-container:focus,
.ie8 .p-forum-a .user-actions-threads .b-userAction-item>a:focus,
.ie8 .p-forum-a .user-actions-thread .b-userAction-item>a:focus,
.ie8 .p-forum-a .user-actions-forums .b-userAction-item>a:focus,
.ie8 .listing-forum-search .user-actions-threads .b-userAction-item>a:focus,
.ie8 .listing-forum-search .user-actions-thread .b-userAction-item>a:focus,
.ie8 .listing-forum-search .user-actions-forums .b-userAction-item>a:focus,
.p-forum-a .without-icon .status-icon:focus,
.p-forum-a .forum-thread-row .status-icon:focus,
.listing-forum-search .without-icon .status-icon:focus,
.listing-forum-search .forum-thread-row .status-icon:focus,
body .ui-dialog .poll-form-container .poll-actions div:focus[id^="form-field-poll-form-results-visibility"],
body .ui-dialog .poll-form-container .field-list .form-field+.field-list-new-entry:focus {
    background-position: 0 -15px;
    color: #242527;
    text-decoration: none
}

.u-icon-jump:visited,
.go-next:visited,
.jump-link:visited,
button:visited[type="submit"],
input:visited[type="submit"],
.button:visited,
.u-videoEmbed .play-video:visited,
.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .acknowledge-footer button.acknowledge:visited,
.b-pagination-c .b-pagination-prev>a:visited,
.b-pagination-c .b-pagination-prev .b-pagination-next>a:visited,
.b-pagination-c .b-pagination-prev .b-pagination-first>a:visited,
.b-pagination-c .b-pagination-prev .b-pagination-last>a:visited,
.b-pagination-c .b-pagination-prev .b-pagination-display>a:visited,
.b-pagination-c .b-pagination-prev dt>a:visited,
.b-pagination-c .b-pagination-next .b-pagination-prev>a:visited,
.b-pagination-c .b-pagination-next>a:visited,
.b-pagination-c .b-pagination-next .b-pagination-first>a:visited,
.b-pagination-c .b-pagination-next .b-pagination-last>a:visited,
.b-pagination-c .b-pagination-next .b-pagination-display>a:visited,
.b-pagination-c .b-pagination-next dt>a:visited,
.b-pagination-c .b-pagination-first .b-pagination-prev>a:visited,
.b-pagination-c .b-pagination-first .b-pagination-next>a:visited,
.b-pagination-c .b-pagination-first>a:visited,
.b-pagination-c .b-pagination-first .b-pagination-last>a:visited,
.b-pagination-c .b-pagination-first .b-pagination-display>a:visited,
.b-pagination-c .b-pagination-first dt>a:visited,
.b-pagination-c .b-pagination-last .b-pagination-prev>a:visited,
.b-pagination-c .b-pagination-last .b-pagination-next>a:visited,
.b-pagination-c .b-pagination-last .b-pagination-first>a:visited,
.b-pagination-c .b-pagination-last>a:visited,
.b-pagination-c .b-pagination-last .b-pagination-display>a:visited,
.b-pagination-c .b-pagination-last dt>a:visited,
.b-pagination-c .b-pagination-display .b-pagination-prev>a:visited,
.b-pagination-c .b-pagination-display .b-pagination-next>a:visited,
.b-pagination-c .b-pagination-display .b-pagination-first>a:visited,
.b-pagination-c .b-pagination-display .b-pagination-last>a:visited,
.b-pagination-c .b-pagination-display>a:visited,
.b-pagination-c .b-pagination-display dt>a:visited,
.b-pagination-c .s-disabled:visited,
.b-search-a input:visited[type=submit],
.b-search-a:visited[type="submit"],
.b-shoutbox-a .b-userAction-item a:visited,
.b-social-facebook:visited,
.b-social-twitter:visited,
.b-social-google:visited,
.b-social-youtube:visited,
.b-social-reddit:visited,
.b-userAction-a:not(.u-dropDownMenu):not(.user-actions-post):not(.user-actions-user-pm) .b-userAction-item>a:visited,
.p-notifications-a header .user-actions a:visited,
.p-pm-a .p-pm-footer .form-actions>button:visited,
.p-poll-form-a #div-poll .poll-actions div:visited[id^="form-field-poll-form-results-visibility"],
.p-poll-form-a #div-poll .field-list .form-field+.field-list-new-entry:visited,
body .ui-dialog .edit-poll.module .poll-actions div:visited[id^="form-field-poll-form-results-visibility"],
body .ui-dialog .edit-poll.module .field-list .form-field+.field-list-new-entry:visited,
.p-article-a .p-article-jump>a:visited,
.p-article-a.p-article_audio .show-notes>a:visited,
.p-article-a.p-article_audio .download>a:visited,
.user-authenticated.body-category-itemdetails .p-article-a .b-userAction .b-userAction-item>a:visited,
.p-attachments-a .multi-file-upload-file-list .attachment-item .remove-container:visited,
.ie8 .p-forum-a .user-actions-threads .b-userAction-item>a:visited,
.ie8 .p-forum-a .user-actions-thread .b-userAction-item>a:visited,
.ie8 .p-forum-a .user-actions-forums .b-userAction-item>a:visited,
.ie8 .listing-forum-search .user-actions-threads .b-userAction-item>a:visited,
.ie8 .listing-forum-search .user-actions-thread .b-userAction-item>a:visited,
.ie8 .listing-forum-search .user-actions-forums .b-userAction-item>a:visited,
.p-forum-a .without-icon .status-icon:visited,
.p-forum-a .forum-thread-row .status-icon:visited,
.listing-forum-search .without-icon .status-icon:visited,
.listing-forum-search .forum-thread-row .status-icon:visited,
body .ui-dialog .poll-form-container .poll-actions div:visited[id^="form-field-poll-form-results-visibility"],
body .ui-dialog .poll-form-container .field-list .form-field+.field-list-new-entry:visited {
    color: #242527
}

.u-icon-jump:active,
.go-next:active,
.jump-link:active,
button:active[type="submit"],
input:active[type="submit"],
.button:active,
.u-videoEmbed .play-video:active,
.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .acknowledge-footer button.acknowledge:active,
.b-pagination-c .b-pagination-prev>a:active,
.b-pagination-c .b-pagination-prev .b-pagination-next>a:active,
.b-pagination-c .b-pagination-prev .b-pagination-first>a:active,
.b-pagination-c .b-pagination-prev .b-pagination-last>a:active,
.b-pagination-c .b-pagination-prev .b-pagination-display>a:active,
.b-pagination-c .b-pagination-prev dt>a:active,
.b-pagination-c .b-pagination-next .b-pagination-prev>a:active,
.b-pagination-c .b-pagination-next>a:active,
.b-pagination-c .b-pagination-next .b-pagination-first>a:active,
.b-pagination-c .b-pagination-next .b-pagination-last>a:active,
.b-pagination-c .b-pagination-next .b-pagination-display>a:active,
.b-pagination-c .b-pagination-next dt>a:active,
.b-pagination-c .b-pagination-first .b-pagination-prev>a:active,
.b-pagination-c .b-pagination-first .b-pagination-next>a:active,
.b-pagination-c .b-pagination-first>a:active,
.b-pagination-c .b-pagination-first .b-pagination-last>a:active,
.b-pagination-c .b-pagination-first .b-pagination-display>a:active,
.b-pagination-c .b-pagination-first dt>a:active,
.b-pagination-c .b-pagination-last .b-pagination-prev>a:active,
.b-pagination-c .b-pagination-last .b-pagination-next>a:active,
.b-pagination-c .b-pagination-last .b-pagination-first>a:active,
.b-pagination-c .b-pagination-last>a:active,
.b-pagination-c .b-pagination-last .b-pagination-display>a:active,
.b-pagination-c .b-pagination-last dt>a:active,
.b-pagination-c .b-pagination-display .b-pagination-prev>a:active,
.b-pagination-c .b-pagination-display .b-pagination-next>a:active,
.b-pagination-c .b-pagination-display .b-pagination-first>a:active,
.b-pagination-c .b-pagination-display .b-pagination-last>a:active,
.b-pagination-c .b-pagination-display>a:active,
.b-pagination-c .b-pagination-display dt>a:active,
.b-pagination-c .s-disabled:active,
.b-search-a input:active[type=submit],
.b-search-a:active[type="submit"],
.b-shoutbox-a .b-userAction-item a:active,
.b-social-facebook:active,
.b-social-twitter:active,
.b-social-google:active,
.b-social-youtube:active,
.b-social-reddit:active,
.b-userAction-a:not(.u-dropDownMenu):not(.user-actions-post):not(.user-actions-user-pm) .b-userAction-item>a:active,
.p-notifications-a header .user-actions a:active,
.p-pm-a .p-pm-footer .form-actions>button:active,
.p-poll-form-a #div-poll .poll-actions div:active[id^="form-field-poll-form-results-visibility"],
.p-poll-form-a #div-poll .field-list .form-field+.field-list-new-entry:active,
body .ui-dialog .edit-poll.module .poll-actions div:active[id^="form-field-poll-form-results-visibility"],
body .ui-dialog .edit-poll.module .field-list .form-field+.field-list-new-entry:active,
.p-article-a .p-article-jump>a:active,
.p-article-a.p-article_audio .show-notes>a:active,
.p-article-a.p-article_audio .download>a:active,
.user-authenticated.body-category-itemdetails .p-article-a .b-userAction .b-userAction-item>a:active,
.p-attachments-a .multi-file-upload-file-list .attachment-item .remove-container:active,
.ie8 .p-forum-a .user-actions-threads .b-userAction-item>a:active,
.ie8 .p-forum-a .user-actions-thread .b-userAction-item>a:active,
.ie8 .p-forum-a .user-actions-forums .b-userAction-item>a:active,
.ie8 .listing-forum-search .user-actions-threads .b-userAction-item>a:active,
.ie8 .listing-forum-search .user-actions-thread .b-userAction-item>a:active,
.ie8 .listing-forum-search .user-actions-forums .b-userAction-item>a:active,
.p-forum-a .without-icon .status-icon:active,
.p-forum-a .forum-thread-row .status-icon:active,
.listing-forum-search .without-icon .status-icon:active,
.listing-forum-search .forum-thread-row .status-icon:active,
body .ui-dialog .poll-form-container .poll-actions div:active[id^="form-field-poll-form-results-visibility"],
body .ui-dialog .poll-form-container .field-list .form-field+.field-list-new-entry:active {
    background-image: none;
    outline: 0;
    box-shadow: none
}

.u-button.u-button-link {
    color: #242527;
    direction: ltr;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 19.5px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: auto;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: auto;
    float: none;
    overflow: visible;
    position: static;
    left: auto;
    top: auto;
    visibility: visible;
    display: inline-block;
    color: #242527;
    margin: 0 1em
}

.u-button.u-button-link:hover,
.u-button.u-button-link:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.u-button.u-button-link:hover,
.active.u-button.u-button-link {
    box-shadow: none;
    border-radius: 0;
    text-decoration: underline;
    color: #242527
}

.viewport-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.viewport-wrapper .viewport {
    margin-left: -750px;
    position: absolute;
    top: 0;
    left: 50%;
    text-align: center;
    width: 1500px
}

.viewport-wrapper .viewport>img {
    max-width: none
}

.u-clip {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    width: 100%
}

.u-clip .u-clip-wrapper {
    position: absolute;
    _position: static;
    bottom: -100px;
    top: -100px;
    left: -100px;
    right: -100px;
    text-align: center;
    white-space: nowrap;
    word-break: normal
}

.u-clip .u-clip-wrapper .u-clip-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.u-clip .u-clip-wrapper .u-clip-inner img {
    max-width: 100%;
    position: static!important;
    top: auto!important;
    right: auto!important;
    bottom: auto!important;
    left: auto!important;
    vertical-align: middle;
    margin: 0!important;
    display: inline-block
}

.u-clip .u-clip-wrapper .u-clip-inner .u-clip-buddy {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.disabled,
.s-disabled {
    box-shadow: none!important;
    cursor: default!important;
    opacity: .25!important
}

.no-opacity .disabled,
.no-opacity .s-disabled {
    filter: alpha(opacity=25);
    zoom: 1
}

.disabled:hover,
.s-disabled:hover {
    background-position: 0 0!important
}

.spoiler {
    display: none
}

.b-gallery-a .b-gallery-image,
.b-list-b.b-list_videos .b-list-thumb>a,
.p-browser-a .p-browser-thumb>a,
.p-browser-b .p-browser-thumb>a,
.p-result-a .result-thumb {
    box-shadow: 1px 1px 2px 0;
    color: #cbcbcb;
    background: #242527;
    border: 1px solid;
    color: #cbcbcb;
    background: white;
    border-color: #E4E4E4 #BEBEBD #BEBEBD #E4E4E4
}

.b-gallery-a .b-gallery-item>a,
.b-list-b.b-list_videos .b-list-thumb>a,
.b-media-a .b-media-content a,
.p-browser-a .p-browser-thumb>a,
.p-browser-b .p-browser-thumb>a,
.p-result-a .result-thumb {
    display: block;
    position: relative;
    overflow: hidden
}

.b-gallery-a .b-gallery-item>a:after,
.b-list-b.b-list_videos .b-list-thumb>a:after,
.b-media-a .b-media-content a:after,
.p-browser-a .p-browser-thumb>a:after,
.p-browser-b .p-browser-thumb>a:after,
.p-result-a .result-thumb:after {
    background: rgba(0, 0, 0, 0.2);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .25s linear background;
    -moz-transition: .25s linear background;
    transition: .25s linear background
}

.b-gallery-a .b-gallery-item>a:hover:after,
.b-list-b.b-list_videos .b-list-thumb>a:hover:after,
.b-media-a .b-media-content a:hover:after,
.p-browser-a .p-browser-thumb>a:hover:after,
.p-browser-b .p-browser-thumb>a:hover:after,
.p-result-a .result-thumb:hover:after {
    background: transparent;
    cursor: pointer
}

.u-dropDown {
    position: relative
}

.u-dropDown:hover .u-dropDownMenu {
    left: 0
}

.u-dropDown>a>span:after {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-top: 4px solid #242527;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    margin-left: 5px
}

.u-dropDown>a>span:after {
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-left: 4px;
    vertical-align: middle
}

.u-dropDown .u-dropDownMenu {
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background: #eee;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #e0e0e0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    max-width: 235px;
    min-width: 175px;
    padding: 10px 0;
    position: absolute;
    left: -9999px;
    text-align: left;
    z-index: 1000
}

.u-dropDown .u-dropDownMenu:before {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-bottom: 6px solid #eee;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 5px
}

.u-dropDown .u-dropDownMenu:after {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-bottom: 7px solid #a2a2a2;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: 5px
}

.u-dropDown .u-dropDownMenu:before {
    position: absolute;
    left: 11px;
    top: -6px;
    border-width: 6px;
    z-index: 2
}

.u-dropDown .u-dropDownMenu:after {
    position: absolute;
    left: 11px;
    top: -7px;
    border-width: 7px
}

.u-dropDown .u-dropDownMenu li>a {
    color: #000;
    display: block;
    font-size: 12px;
    line-height: 2em;
    padding: 0 10px
}

.u-dropDown .u-dropDownMenu li>a:hover {
    background: #e1e1e1;
    color: #000
}

.u-dropDown .u-dropDownMenu li:first-child>a:hover {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.u-dropDown .u-dropDownMenu li:last-child>a:hover {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

form {
    margin: 0 0 19.5px 0
}

label {
    display: block;
    line-height: 19.5px;
    margin-bottom: 4px
}

input[type="text"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="email"],
textarea,
select {
    background-color: #fff;
    background: #fff none;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #000;
    padding: 4px;
    width: 180px;
    -webkit-transition: .2s linear border, 0.2s linear box-shadow;
    -moz-transition: .2s linear border, 0.2s linear box-shadow;
    transition: .2s linear border, 0.2s linear box-shadow
}

input,
button,
select,
textarea {
    font-family: Roboto, Helvetica, sans-serif
}

input:disabled,
button:disabled,
select:disabled,
textarea:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
    cursor: default;
    opacity: .25
}

select {
    box-shadow: none;
    max-width: 100%;
    width: auto
}

textarea {
    height: 200px
}

textarea {
    margin-bottom: 4px;
    padding: 10px;
    width: 100%
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    border: 0;
    display: block;
    padding: 0;
    width: 100%
}

input[type="text"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
textarea:hover {
    background-color: #f9f9f9
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: #242527;
    box-shadow: 0 0 4px rgba(36, 37, 39, 0.6);
    background-color: #f9f9f9;
    outline: 0;
    outline: thin dotted \9
}

input[readonly] {
    border-style: dashed;
    opacity: .55
}

body input[readonly]:hover,
body input[readonly]:focus {
    box-shadow: none
}

input[disabled=disabled],
input[disabled=disabled]:hover {
    cursor: default;
    opacity: .5
}

input::-webkit-input-placeholder {
    color: #aaa
}

input:-moz-placeholder {
    color: #aaa
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
    border-radius: 0;
    cursor: pointer;
    height: auto;
    margin: 3px 0;
    padding: 0;
    width: auto
}

.ie8 input[type="image"],
.ie9 input[type="image"],
.ie8 input[type="checkbox"],
.ie9 input[type="checkbox"],
.ie8 input[type="radio"],
.ie9 input[type="radio"] {
    border: 0
}

input[type="image"] {
    border: 0
}

input[type="file"] {
    box-shadow: none;
    border: initial;
    color: #242527;
    line-height: initial;
    padding: initial;
    width: auto
}

.ie8 input[type="file"],
.ie9 input[type="file"] {
    line-height: 18px
}

input[type="hidden"] {
    display: none
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    height: auto;
    width: auto
}

.field-errors {
    color: red;
    display: inline-block;
    margin-bottom: 10px
}

.help-block {
    margin-bottom: 10px;
    display: block
}

.form-field .help-block {
    margin-bottom: 4px;
    font-size: 13px
}

.form-field {
    margin-bottom: 10px
}

.form-field-boolean-field input[type="checkbox"],
.form-field-boolean-field label {
    display: inline-block;
    line-height: 18px;
    margin-bottom: 0
}

.checkbox input[type="checkbox"],
.checkbox label {
    display: inline-block;
    line-height: 18px;
    margin-bottom: 0
}

.radio input[type="radio"],
.radio label {
    display: inline-block;
    line-height: 18px;
    margin-bottom: 0
}

.u-form-search_horizontal {
    margin-bottom: 19.5px
}

.u-form-search_horizontal>div {
    display: inline-block
}

.u-form-search_horizontal .advanced-forum-search {
    display: inline-block;
    margin-left: .5em
}

input.full-width,
input.full-width:active,
input.full-width:focus {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.tree-field-level-1 {
    text-indent: 20px
}

.tree-field-level-2 {
    text-indent: 40px
}

.tree-field-level-3 {
    text-indent: 60px
}

.tree-field-level-4 {
    text-indent: 80px
}

.tree-field-level-5 {
    text-indent: 100px
}

.tree-field-level-6 {
    text-indent: 120px
}

.tree-field-level-7 {
    text-indent: 130px
}

.tree-field-level-8 {
    text-indent: 140px
}

.tree-field-level-9 {
    text-indent: 150px
}

.tree-field-level-10 {
    text-indent: 160px
}

.horizontal div.form-field,
.horizontal div.form-footer,
.horizontal label {
    display: inline-block;
    margin-bottom: 0
}

.horizontal .form-actions {
    margin-bottom: 0
}

div.u-form-tabular {
    display: table;
    width: 100%;
    margin-bottom: 6px
}

div.u-form-tabular div.form-field>label {
    white-space: nowrap
}

div.u-form-tabular div.form-field,
div.u-form-tabular label {
    display: table-cell;
    vertical-align: top;
    padding-left: 6px
}

div.u-form-tabular label {
    padding-bottom: 6px;
    margin: 0
}

div.u-form-tabular div.form-field:first-child,
div.u-form-tabular label:first-child {
    padding-left: 0
}

div.u-form-tabular div.form-field.primary,
div.u-form-tabular label>.primary {
    width: 100%
}

div.u-form-tabular div.form-field>input,
div.u-form-tabular label>input,
div.u-form-tabular div.form-field>select,
div.u-form-tabular label>select {
    min-width: 100%
}

div.u-form-tabular label input[type=checkbox] {
    min-width: inherit
}

.chzn-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.p-attachmentable-form {
    position: relative
}

.form-tools {
    float: left
}

.attachment-form {
    position: absolute;
    left: -99999px
}

.form-footer {
    clear: right;
    margin-bottom: 1em
}

.form-footer::after {
    clear: both;
    content: "";
    display: table
}

.form-footer .form-button-block {
    float: right
}

.form-footer .form-button-block .u-button {
    margin-left: 8px
}

.form-footer button {
    display: inline-block
}

.form-footer .form-footer {
    float: right
}

.b-search-a input[type="search"],
.b-search-a input[type=submit],
.b-search-a [type="submit"] {
    display: inline-block;
    border-radius: 4px;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px
}

.frmh,
.frmobscrh,
.frmhdh,
.honeypot {
    position: fixed;
    left: -9999px;
    visibility: hidden
}

.u-frame-a {
    background: #f9f9f9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    border: 1px solid 1px solid rgba(0, 0, 0, 0.25);
    border-color: #E4E4E4 #BEBEBD #BEBEBD #E4E4E4;
    display: block;
    overflow: hidden
}

.u-icon-z .u-icon-dropDown {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    height: 12px;
    line-height: 0;
    vertical-align: middle;
    width: 12px
}

.p-comment-actions .user-actions .user-action .u-icon::after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    color: #333;
    position: relative;
    top: 2px;
    font-size: 12px
}

.p-comment-actions .user-actions .user-action a:hover>span {
    text-decoration: underline
}

.p-comment-actions .user-actions .user-action span {
    position: relative;
    top: 1px
}

.p-comment-actions .user-actions .user-action .u-icon-quote::after {
    content: '\f075'
}

.p-comment-actions .user-actions .user-action .u-icon-reply::after {
    content: '\f112'
}

.p-comment-actions .user-actions .user-action .u-icon-delete::after {
    content: '\f057'
}

.p-comment-actions .user-actions .user-action .u-icon-report::after {
    content: '\f024'
}

.p-comment-actions .user-actions .user-action .u-icon-edit::after {
    content: '\f040'
}

.p-comment-actions .user-actions .user-action .u-icon-edit-attachments::after {
    content: '\f0c5'
}

.p-comment-actions .user-actions .user-action .u-icon-spam::after {
    content: '\f05e'
}

.p-comment-actions .user-actions .user-action .u-icon-not-spam::after {
    content: '\f164'
}

.p-comment-actions .user-actions .user-action .u-icon-warn::after,
.p-comment-actions .user-actions .user-action .u-icon-warned::after {
    content: '\f071'
}

.p-comment-actions .user-actions .user-action .u-icon-add-note::after {
    content: '\f0fe'
}

.p-comment-actions .user-actions .user-action .u-icon-remove-note::after {
    content: '\f146'
}

.p-comment-actions .user-actions .user-action .u-icon-multi-quote::after {
    content: '\f086'
}

.p-comments-a.comment-warned .u-icon-warned {
    height: 14px;
    width: 16px;
    margin: 3px 5px;
    float: right
}

.p-comments-a.comment-warned .u-icon-warned::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f071'
}

.u-button-attachments i::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f03e';
    margin-right: 4px;
    font-size: 14px;
    position: relative;
    top: 1px
}

.u-button-poll i::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f200';
    margin-right: 4px;
    font-size: 14px;
    position: relative;
    top: 1px
}

.u-icon-tag {
    width: 12px;
    height: 12px
}

.u-icon-tag::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f02b'
}

.u-icon-date {
    width: 12px;
    height: 12px
}

.u-icon-date::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f017'
}

.u-icon-location {
    width: 9px;
    height: 16px
}

.u-icon-location::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f041'
}

.u-icon-rss {
    width: 16px;
    height: 16px
}

.u-icon-rss::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f09e'
}

.b-social-facebook i,
.b-social-twitter i,
.b-social-google i,
.b-social-youtube i,
.b-social-reddit i {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    line-height: 0;
    vertical-align: text-bottom;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 10px
}

.b-social-facebook i:after,
.b-social-twitter i:after,
.b-social-google i:after,
.b-social-youtube i:after,
.b-social-reddit i:after {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background: #212020;
    position: absolute;
    right: -8px
}

.u-icon-tag,
.u-icon-date,
.u-icon-location,
.u-icon-rss {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    background-position: center center
}

.u-icon-jump,
.go-next {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    width: 12px;
    height: 12px;
    position: relative;
    text-indent: -99999px;
    margin: 1px 0 2px 3px;
    text-align: left;
    padding: 0
}

.u-icon-jump:after,
.go-next:after {
    position: absolute;
    left: 3px;
    top: 1px;
    content: "";
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-left: 4px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    margin: 0;
    background: 0
}

.u-icon-online {
    background-color: #262626;
    background-color: rgba(38, 38, 38, 0.8);
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
    border-radius: 0 3px 0 2px;
    color: #5FAE0F;
    display: block;
    font-size: 10px;
    font-style: normal;
    line-height: 15px;
    width: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center
}

.u-icon-online:before {
    background-color: #5FAE0F;
    background-color: rgba(95, 174, 15, 0.9);
    border: 1px solid rgba(95, 174, 15, 0.4);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    width: 5px
}

.avatar-16 .u-icon-online {
    display: none
}

.alert {
    background-color: white;
    background: white none;
    border: 1px solid rgba(0, 0, 0, 0.25);
    color: #242527;
    margin-bottom: 19.5px;
    padding: 8px 14px 8px 14px;
    text-align: center;
    width: auto!important;
    height: auto!important;
    float: none!important
}

.alert>*:only-of-type,
.alert>*:last-child {
    margin-bottom: 0
}

.loading {
    background-image: url("../../Blocks/images/ui/ajax-loader-dark.gif");
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 19px
}

.loading-left {
    background: url("../../Blocks/images/ui/ajax-loader-dark.gif") left no-repeat;
    padding-left: 19px
}

.masked,
.modal-loading {
    cursor: wait
}

.loadmask {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: .5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #000;
    width: 100%;
    height: 100%;
    zoom: 1;
    background-image: url("../../Blocks/images/ui/ajax-loader.gif");
    background-position: center center;
    background-repeat: no-repeat
}

.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0
}

.loadmask-msg div {
    padding: 5px 10px 5px 25px;
    line-height: 16px;
    color: white;
    padding-left: 16px
}

.masked-relative {
    position: relative!important
}

.masked-hidden {
    visibility: hidden!important
}

input[type=text].ac_loading,
input[type=search].ac_loading {
    background-image: url("../../Blocks/images/ui/ac-loader.gif");
    background-repeat: no-repeat;
    background-position: 97% center
}

.ac_results {
    z-index: 3;
    background: #eee;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.9)
}

.ac_results ul {
    padding: 3px 0;
    white-space: nowrap;
    font-weight: normal
}

.ac_results li>div,
.ac_results li a {
    padding: 6px 6px;
    display: block;
    line-height: 30px;
    text-decoration: none;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.ac_results li>div img,
.ac_results li a img {
    margin-right: 5px;
    width: 30px;
    height: 30px
}

.ac_results li>div .autoCompleteCategory,
.ac_results li a .autoCompleteCategory {
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 11px
}

.ac_results li>div:hover,
.ac_results li a:hover {
    background: #e1e1e1;
    color: #000;
    cursor: pointer
}

.ac_results li.ac_over a,
.ac_results li.ac_over>div {
    background: #e1e1e1;
    color: #000
}

.ac_results li .avatar {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.forum-create .p-poll-form-a {
    clear: both
}

.forum-create .p-poll-form-a .help-block {
    color: #18181a;
    font-size: 12px;
    font-style: italic
}

.flash-messages {
    position: fixed;
    top: 67px;
    text-align: center;
    width: 100%
}

.flash-messages .message {
    background: #f9f9f9;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.2);
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 2em 5em;
    position: relative;
    width: 50em
}

.flash-messages .message-close {
    height: 16px;
    position: absolute;
    overflow: hidden;
    right: 14px;
    top: 14px;
    width: 16px
}

.flash-messages .message-close::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f00d';
    color: #333;
    font-size: 14px;
    position: absolute;
    top: 1px;
    right: 4px
}

.flash-messages .message-error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11
}

.flash-messages .message-warning {
    background: #fff6bf;
    border: 1px solid #ffd324;
    color: #514721
}

.flash-messages .message-info {
    background: #d5edf8;
    border: 1px solid #92cae4;
    color: #205791
}

.flash-messages .message-success {
    background: #e6efc2;
    border: 1px solid #c6d880;
    color: #264409
}

.flash-messages .message-tip {
    background: #85a6d6;
    border: 1px solid #678bbf;
    color: #3b5a85
}

.flash-messages .message>a {
    text-decoration: underline
}

.flash-messages .message-error>a {
    color: #8a1f11
}

.flash-messages .message-warning>a {
    color: #514721
}

.flash-messages .message-info>a {
    color: #205791
}

.flash-messages .message-success>a {
    color: #264409
}

.flash-messages .message-tip>a {
    color: #205791
}

.flash-messages .message>a:hover {
    text-decoration: none
}

.flash-messages .message-error>a:hover {
    color: #461009
}

.flash-messages .message-warning>a:hover {
    color: #1b170b
}

.flash-messages .message-info>a:hover {
    color: #123152
}

.flash-messages .message-success>a:hover {
    color: black
}

.flash-messages .message-tip>a:hover {
    color: #123152
}

.spoiler-button-wrapper {
    margin: 9.75px 0;
    cursor: pointer;
    text-align: left
}

.spoiler-button-wrapper .button {
    font-size: 10px;
    padding: 2px 10px;
    line-height: normal;
    margin: 0;
    font-family: Roboto, Helvetica, sans-serif
}

.spoiler {
    border: 1px solid;
    background: #ececec;
    border-color: #ececec;
    color: #000;
    margin: 9.75px 0 19.5px;
    padding: 9.75px;
    position: relative
}

.spoiler::before {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-bottom: 10px solid #242527;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    margin-right: 5px
}

.spoiler:before {
    position: absolute;
    top: -10px;
    left: 9.75px;
    border-bottom-color: #ececec
}

.spoiler>p {
    margin: 0
}

#tinymce .spoiler:before {
    border: 0;
    border-bottom: 1px solid;
    border-bottom-color: #b9b9b9;
    content: "Spoiler:";
    display: block!important;
    height: auto;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: .75em;
    position: relative;
    top: auto;
    left: auto;
    width: auto
}

.infobox {
    margin: 2em 0
}

.form-messages .message-error {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.25);
    color: #000;
    display: block;
    font-weight: bold;
    margin-bottom: 2em;
    padding: 15px
}

.u-videoEmbed {
    border-radius: 2px;
    display: inline-block;
    background: #555151
}

.u-videoEmbed .play-video {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    cursor: pointer;
    float: left;
    height: 21.5px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 21.5px
}

.u-videoEmbed .play-video::before {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-left: 6px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-right: 0
}

.u-videoEmbed .play-video:before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -3px
}

.u-videoEmbed a.video-link {
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #111;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #242527;
    display: block;
    margin-left: 21.5px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none!important;
    line-height: inherit;
    padding: 0 0 0 4px
}

.u-videoEmbed .video-container {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #070707;
    border-color: #070707;
    display: block;
    padding: 10px
}

.u-videoEmbed .video-container>iframe {
    display: block;
    margin: 0 auto!important
}

.u-videoEmbed img {
    display: none
}

.u-videoEmbed.s-expanded {
    display: block
}

.u-videoEmbed.s-expanded .play-video {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.u-videoEmbed.s-expanded .play-video::before {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-top: 6px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-right: 0
}

.u-videoEmbed.s-expanded .video-link {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.tooltip-html {
    display: none
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.3em
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui-helper-clearfix {
    display: inline-block
}

* html .ui-helper-clearfix {
    height: 1%
}

.ui-helper-clearfix {
    display: block
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default!important
}

.ui-widget-overlay {
    background-color: transparent;
    background-image: -webkit-radial-gradient(center center, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.9) 85%);
    background-image: radial-gradient(center center, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.9) 85%);
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100vw!important;
    height: 100vh!important
}

.no-cssgradients .ui-widget-overlay {
    background: rgba(0, 0, 0, 0.8)
}

.ui-dialog {
    position: absolute;
    min-width: 300px;
    height: auto;
    background: #eee;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.9)
}

.ui-dialog .b-pagination-a {
    margin: 0
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;
    padding: 5px 8px;
    line-height: 32px;
    background: #d5d5d5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25)
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    line-height: 32px;
    color: #000;
    font-weight: bold;
    font-size: 12px
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: block;
    width: 12px;
    height: 9px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px;
    box-sizing: content-box
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f00d';
    position: absolute;
    width: 12px;
    height: 9px;
    display: block;
    top: 5px;
    left: 8px;
    color: #535353;
    font-size: 16px
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover::before {
    color: #717171
}

.ui-dialog .ui-dialog-content {
    overflow: auto;
    position: relative;
    padding: 8px;
    color: #000
}

.ui-dialog .ui-dialog-content::after {
    clear: both;
    content: "";
    display: table
}

.ui-dialog .ui-dialog-content a,
.ui-dialog .ui-dialog-content a:visited,
.ui-dialog .ui-dialog-content a:active {
    color: #000
}

.ui-dialog .ui-dialog-content a:hover,
.ui-dialog .ui-dialog-content a:visited:hover,
.ui-dialog .ui-dialog-content a:active:hover {
    color: #0d0d0d
}

.ui-dialog .ui-dialog-content a.button,
.ui-dialog .ui-dialog-content a:visited.button,
.ui-dialog .ui-dialog-content a:active.button {
    color: #242527
}

.ui-dialog .ui-dialog-content a.button:hover,
.ui-dialog .ui-dialog-content a:visited.button:hover,
.ui-dialog .ui-dialog-content a:active.button:hover {
    color: #242527
}

.ui-dialog .ui-dialog-buttonpane {
    display: none
}

.ui-dialog.p-warning-ack-modal {
    border-radius: 5px
}

.ui-dialog.p-warning-ack-modal .ui-dialog-content {
    padding: 0
}

.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .header {
    padding: 10px;
    text-align: center;
    text-transform: uppercase
}

.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .acknowledgement-title {
    background: #e1e1e1;
    padding: 10px;
    text-align: center;
    font-size: 20px
}

.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .acknowledgement-title:before {
    content: "Reason:";
    display: block;
    font-size: 12px;
    text-transform: uppercase
}

.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .acknowledgement-warning-message {
    padding: 10px
}

.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .acknowledgement-custom-message {
    padding: 10px;
    text-align: center;
    background: #e1e1e1
}

.ui-dialog.p-warning-ack-modal #warning-acknowledgement-container .acknowledge-footer {
    padding: 10px;
    text-align: center;
    font-size: 20px
}

.ui-dialog .smiley-listing {
    margin: 10px auto
}

.ui-dialog .smiley-listing:after {
    content: "";
    display: block;
    clear: both
}

.ui-dialog .smiley-listing li.smiley {
    display: inline-block;
    margin: 5px 5px 5px 0
}

.ui-dialog #dice-modal input {
    margin-bottom: 10px
}

.ui-dialog #dice-modal input#dice-submit {
    display: block
}

.ui-dialog #dice-modal input#dice-modifier-check {
    margin-right: 5px
}

.ui-dialog #dice-modal select#dice-modifier {
    margin-right: 5px
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-icon {
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-datepicker {
    display: none
}

.ui-datepicker-header {
    position: relative;
    padding: 5px;
    background: #333
}

.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute
}

.ui-datepicker-next {
    right: 5px
}

.ui-datepicker-prev {
    left: 5px
}

.ui-datepicker-header .ui-datepicker-next .ui-icon {
    width: 16px;
    height: 16px;
    background: url("../../Blocks/images/ui/go-next.png") no-repeat;
    text-indent: -9999px
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon {
    width: 16px;
    height: 16px;
    background: url("../../Blocks/images/ui/go-previous.png") no-repeat;
    text-indent: -9999px
}

.ui-datepicker a {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    display: block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center
}

.ui-datepicker select {
    height: 24px;
    padding: 0
}

.ui-datepicker a:hover {
    background: #222;
    color: #fff
}

.ui-datepicker-title {
    text-align: center
}

.ui-datepicker-calendar table {
    border: 1px solid #000
}

.ui-datepicker-calendar tr th,
.ui-datepicker-calendar tr td {
    padding: 0
}

.ui-datepicker-calendar tr th {
    background: #252525;
    border-top: 1px solid #222;
    color: #fff
}

.ui-datepicker-calendar tr td.ui-datepicker-unselectable {
    background: #444
}

.ui-datepicker-calendar tr td {
    background: #333;
    border-right: 1px solid #222;
    border-top: 1px solid #222;
    border-bottom: 0;
    border-left: none;
    text-align: center
}

.ui-datepicker-calendar tr td.ui-datepicker-current-day>a {
    background: #fff;
    color: #333;
    font-weight: bold
}

.ui-datepicker-calendar tr:hover td.ui-datepicker-unselectable {
    background: #444
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    z-index: 99999;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    background: #eee url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/ui/grippie.png") no-repeat center center;
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -10px;
    left: 0;
    border: 1px solid #DDD;
    border-top-width: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px
}

#jquery-lightbox {
    left: 50%;
    position: fixed;
    top: 50%;
    width: 100%;
    text-align: center;
    line-height: 0
}

#jquery-lightbox * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#jquery-lightbox a img {
    border: 0
}

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    display: block;
    min-width: 100px
}

#lightbox-container-image {
    padding: 10px
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

#lightbox-container-image-box>#lightbox-nav {
    left: 0
}

#lightbox-nav a {
    outline: 0
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left
}

#lightbox-nav-btnNext {
    right: 0;
    float: right
}

#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    min-width: 80px
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666
}

#lightbox-container-image-data #lightbox-image-details {
    float: left;
    text-align: left
}

#lightbox-image-details-caption {
    font-weight: bold
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: .7em
}

.sort-gripper {
    cursor: move
}

.sort-gripper-vertical {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    background: url("../../Blocks/images/ui/object-flip-vertical.png") no-repeat;
    vertical-align: middle
}

.remove-link {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.remove-link::before {
    content: '\f057';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    font-size: 16px;
    top: 0;
    color: #b62929
}

.remove-link.disabled {
    opacity: .5;
    opacity: .50
}

.time-selector {
    background: #333;
    border: 1px solid #000;
    color: #fff;
    overflow: auto;
    height: 200px;
    width: 120px;
    z-index: 9999;
    font-size: 13px
}

.time-selector a {
    color: #fff;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    cursor: pointer
}

.time-selector a:hover {
    background: #222;
    color: #fff
}

.time-selector li {
    border-top: 1px solid #484848;
    border-bottom: 1px solid #222;
    white-space: no-wrap
}

.time-selector li:first-child {
    border-top: 0
}

table.listing {
    margin-bottom: 19.5px
}

ul.listing {
    margin-bottom: 19.5px
}

.listing .no-results {
    text-align: center;
    font-size: 15px;
    margin: 19.5px 0;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.25);
    color: #000
}

.listing .no-results>a {
    font-style: italic
}

.mce-content-body {
    height: auto;
    background: #E1EDB9;
    color: #000;
    font-size: 14.3px;
    height: auto;
    line-height: 1.7
}

.mce-content-body td {
    color: #000
}

.mce-content-body.cms-editor {
    background: #f9f9f9 none;
    color: #000
}

#tinymce p {
    margin: 0
}

#tinymce .spoiler:before {
    display: none;
    text-align: left
}

#tinymce .spoiler>p:last-child {
    margin-bottom: 0
}

.markup-editor .loading-message-wrapper {
    position: relative
}

.markup-editor .loading-message-wrapper .loading-message {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: bold
}

.markup-editor .loading-message-wrapper.unloaded {
    min-height: 256px
}

.markup-editor .loading-message-wrapper.unloaded .loading-message {
    display: block
}

.markup-editor .loading-message-wrapper.unloaded .mceEditor {
    display: none
}

.markup-editor .loading-message-wrapper>textarea {
    display: none
}

.markup-editor textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #E1EDB9;
    border: 1px solid #ddd;
    color: #242527;
    font-family: courier
}

.mceStatusbar {
    position: relative
}

span.tip,
abbr.tip {
    cursor: default;
    border-color: #a1a4a9
}

span.tip:hover,
abbr.tip:hover {
    border-color: #6d7077
}

.p-user-content span.tip,
.p-user-content abbr.tip {
    padding-right: 17px
}

.p-user-content span.tip::before,
.p-user-content abbr.tip::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f059';
    color: #333
}

.p-user-content span.tip:hover,
.p-user-content abbr.tip:hover {
    cursor: help
}

.u-tooltips-a {
    border-radius: 5px;
    border: 0;
    font-family: sans-serif;
    z-index: 100000006;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    line-height: 17px;
    padding: 5px 9px;
    max-width: 400px;
    border-radius: 5px;
    word-break: break-word
}

.u-tooltips-a h2 {
    color: white;
    font-size: 14px;
    font-family: sans-serif
}

body {
    color: #242527;
    font-size: 13px;
    font-family: Roboto, Helvetica, sans-serif
}

a {
    color: #242527;
    text-decoration: none
}

a:visited {
    color: #242527
}

a:hover {
    color: #a5afba;
    text-decoration: none;
    background: #ffffff0a;
}

a:active {
    color: #242527
}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 .2em;
    letter-spacing: 0;
    text-transform: normal;
    word-wrap: break-word
}

h1 {
    font-size: 42px;
    text-transform: normal
}

h2 {
    font-size: 28px;
    text-transform: normal
}

h3 {
    font-size: 23.8px;
    text-transform: normal
}

h4 {
    font-size: 22.4px;
    text-transform: normal
}

h5 {
    font-size: 21px;
    text-transform: normal
}

h6 {
    font-size: 19.6px;
    text-transform: normal
}

blockquote {
    color: #000;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    color: #000;
    border-color: lightgray;
    background: #e0e0e0;
    margin: 19.5px 5px 19.5px 5px;
    padding: 12px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 5px
}

blockquote a,
blockquote a:visited,
blockquote a:active {
    color: #000
}

blockquote a:hover {
    color: #0d0d0d
}

blockquote>blockquote {
    color: #000;
    border-color: #cecece;
    background: #dadada
}

blockquote>blockquote>blockquote {
    color: #000;
    border-color: #c9c9c9;
    background: #d5d5d5
}

blockquote h4 {
    font-size: 12px;
    font-family: Roboto, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 10px
}

blockquote a {
    color: #000;
    text-decoration: underline
}

blockquote a:hover {
    color: #242527;
    text-decoration: none
}

.content-container blockquote a {
    color: #000
}

blockquote .quote-author {
    color: #000;
    font-weight: bold;
    text-decoration: none
}

blockquote .quote-author:hover {
    color: #000;
    text-decoration: none
}

.post-widget.quote blockquote {
    border: 0;
    background: 0
}

.post-widget.quote blockquote .quote-content {
    padding: 0 10px 10px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid;
    color: #000;
    position: relative
}

.post-widget.quote blockquote .quote-content:before,
.post-widget.quote blockquote .quote-content:after {
    background: #000;
    display: block;
    font-weight: bold;
    font-family: "Times", serif;
    height: 42px;
    line-height: 42px;
    font-size: 32px;
    position: absolute;
    text-align: center;
    width: 28px
}

.post-widget.quote blockquote .quote-content:before {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    content: "\201C";
    top: -1px;
    left: -29px
}

.post-widget.quote blockquote .quote-content:after {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    content: "\201D";
    bottom: -1px;
    right: -29px
}

blockquote>*:last-child {
    margin-bottom: 0
}

blockquote>*:only-of-type {
    margin-bottom: 0
}

blockquote>blockquote,
blockquote>blockquote:only-of-type,
blockquote>blockquote:last-child {
    margin-bottom: 10px
}

.twitter-tweet-rendered {
    margin-bottom: 19.5px!important
}

.u-typography-format {
    line-height: 21px;
    font-size: 14px
}

.u-typography-format h1,
.u-typography-format h2,
.u-typography-format h3,
.u-typography-format h4,
.u-typography-format h5,
.u-typography-format h6 {
    margin-top: 19.5px;
    margin-bottom: 6.5px;
    font-weight: 700
}

.u-typography-format h1 {
    font-size: 25.2px
}

.u-typography-format h2 {
    font-size: 22.4px;
    font-weight: 700
}

.u-typography-format h3 {
    font-size: 19.6px;
    font-weight: 700
}

.u-typography-format h4 {
    font-size: 16.8px;
    font-weight: 700
}

.u-typography-format h5 {
    font-size: 14px;
    font-weight: 700
}

.u-typography-format h6 {
    font-size: 12.6px;
    font-weight: 700
}

.u-typography-format pre {
    margin-bottom: 19.5px
}

.u-typography-format dl,
.u-typography-format ol,
.u-typography-format ul {
    margin: 0 0 19.5px
}

.u-typography-format ol,
.u-typography-format ul {
    padding: 0 0 0 25px
}

.u-typography-format ul {
    list-style: disc outside
}

.u-typography-format ol {
    list-style: decimal outside
}

.u-typography-format ul>ul,
.u-typography-format ol>ol {
    margin-bottom: 0
}

.u-typography-format img {
    max-width: 100%;
    height: auto
}

.u-typography-format td img,
.u-typography-format iframe {
    max-width: 100%
}

.u-typography-format>iframe,
.u-typography-format>div {
    margin-bottom: 19.5px
}

.u-typography-format p:first-child,
.u-typography-format ul:first-child,
.u-typography-format ol:first-child,
.u-typography-format h1:first-child,
.u-typography-format h2:first-child,
.u-typography-format h3:first-child,
.u-typography-format h4:first-child,
.u-typography-format h5:first-child,
.u-typography-format h6:first-child {
    margin-top: 0
}

.u-typography-format table {
    table-layout: fixed
}

.u-typography-format table td {
    padding: 4px;
    vertical-align: middle
}

.u-typography-format table td dd {
    margin-left: 0
}

.u-typography-format hr {
    border-top: 2px solid;
    border-color: #e0e0e0
}

.u-typography-format blockquote hr {
    border-top: 2px solid;
    border-color: #c6c6c6
}

.u-typography-format blockquote>h4 {
    font-size: 12px;
    font-family: Roboto, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 10px
}

.u-typography-format blockquote>h4>a {
    color: #242527;
    text-decoration: underline
}

.u-typography-format blockquote>h4>a:hover {
    color: #242527;
    text-decoration: none
}

.u-typography-format .diff-table * {
    font-size: 13px;
    margin: 0;
    line-height: inherit
}

.u-typography-format .diff-table td {
    padding: 4px;
    vertical-align: top
}

.u-typography-format .diff-table .game-key {
    display: none
}

.u-typography-format .diff-table .key {
    background: #111;
    text-align: center;
    font-weight: bold
}

.u-typography-format .diff-table .key * {
    color: #fff;
    border: 0
}

.u-typography-format .diff-table .title {
    text-align: center
}

.u-typography-format .diff-table .title .old-value {
    background: #FAA;
    color: #fff!important;
    font-weight: bold
}

.u-typography-format .diff-table .title .new-value {
    background: #AFA;
    color: #000!important;
    font-weight: bold
}

.u-typography-format .diff-table .old-value .diff-type-deleted {
    background: #FAA;
    color: #fff!important;
    font-weight: bold
}

.u-typography-format .diff-table .old-value>dl {
    margin-left: 10px
}

.u-typography-format .diff-table .old-value>dl dt {
    font-weight: bold
}

.u-typography-format .diff-table .old-value>dl dd {
    margin-left: 20px
}

.u-typography-format .diff-table .new-value .diff-type-inserted {
    background: #AFA;
    color: #000!important;
    font-weight: bold
}

.u-typography-format .diff-table .new-value>dl {
    margin-left: 10px
}

.u-typography-format .diff-table .new-value>dl dt {
    font-weight: bold
}

.u-typography-format .diff-table .new-value>dl dd {
    margin-left: 20px
}

.avatar {
    display: inline-block;
    position: relative
}

.avatar a {
    display: block;
    position: relative
}

.avatar a:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.35) 0 2px 4px inset, rgba(255, 255, 255, 0.15) 0 1px 0
}

.avatar img {
    vertical-align: middle;
    border-radius: 4px
}

span.user-role-curse-premium,
span.user-role-premium {
    color: #d35114;
    padding-left: 14px;
    background: url("../../Blocks/images/vanity/icon-curse-dragon.png") no-repeat left center
}

a.user-role-moderator {
    color: #CB60B3
}

span.user-role-moderator {
    color: #CB60B3;
    padding-left: 0;
    background: 0
}

a.user-role-forum-moderator {
    color: #CB60B3
}

span.user-role-forum-moderator {
    color: #CB60B3;
    padding-left: 0;
    background: 0
}

a.user-role-curse {
    color: #00B4FF
}

span.user-role-curse {
    color: #00C0FF;
    padding-left: 14px;
    background: url("../../Blocks/images/vanity/icon-curse-flame.png") no-repeat left center
}

a.user-role-author {
    color: #008500
}

span.user-role-author {
    color: #008500;
    padding-left: 0;
    background: 0
}

.comment-legacy-user span.user-role-author {
    padding-left: 0;
    background: 0
}

a.user-role-staff {
    color: #000
}

span.user-role-staff {
    color: #000;
    padding-left: 20px;
    min-height: 16px;
    display: inline-block;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/16x16/vanity-icon-staff.png") no-repeat left center
}

span.user-role-staff:hover {
    color: #1a1a1a
}

.flash-messages {
    z-index: 7
}

#jquery-lightbox {
    z-index: 6!important
}

#jquery-overlay {
    z-index: 5!important
}

#netbar {
    position: relative;
    z-index: 11
}

header.main {
    position: relative;
    z-index: 3
}

.ad-container {
    position: relative;
    z-index: 0
}

.atf,
.xt-placement {
    position: relative;
    z-index: 2
}

#content {
    position: relative;
    z-index: 1
}

#content .primary-content {
    z-index: 2;
    position: relative
}

#content .secondary-content {
    z-index: 1;
    position: relative
}

.t-footer {
    z-index: 0
}

.imgur-result.nsfw {
    overflow: hidden;
    position: relative;
    width: 400px
}

.imgur-result.nsfw img.nsfw {
    -webkit-filter: blur(27px);
    filter: blur(27px)
}

.imgur-result.nsfw a.nsfw-label {
    position: absolute;
    top: 26%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    border: 1px solid #e77575;
    padding: 20px;
    border-radius: 20px
}

.imgur-result.nsfw a.nsfw-label span {
    text-align: center;
    font-size: 3.4rem;
    color: #e77575!important;
    font-weight: bold;
    display: block;
    line-height: 1
}

.imgur-result.nsfw a.nsfw-label span.nsfw-alt-text {
    font-size: 1rem;
    font-weight: normal
}

.imgur-result.nsfw a.nsfw-label:hover {
    border-color: #fb8989
}

.imgur-result.nsfw a.nsfw-label:hover span {
    color: #fb8989!important
}

.form-field-file-chunk-field::after {
    clear: both;
    content: "";
    display: table
}

.form-field-file-chunk-field .progress-bar {
    display: none;
    border: 1px solid #bbb;
    background-color: #efefef;
    padding: 2px;
    width: 100%;
    height: 20px;
    position: relative;
    margin: 5px 0;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: inset 0 2px 7px 0 rgba(50, 50, 50, 0.3)
}

.form-field-file-chunk-field .progress-bar-fill {
    box-shadow: inset -20px 0 20px 0 rgba(250, 145, 40, 0.9), inset 5px 0 20px 0 rgba(250, 145, 40, 0.6);
    max-width: 100%;
    height: 100%;
    border-radius: 2px;
    background: rgba(224, 78, 20, 0.8);
    -webkit-transition: width, 1s, linear;
    -moz-transition: width, 1s, linear;
    transition: width, 1s, linear
}

.form-field-file-chunk-field .progress-completion {
    display: none;
    float: right
}

.form-field-file-chunk-field .progress-info {
    display: none
}

.ufg-video-container .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.ufg-video-container .video-wrapper iframe.ufg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ufg-video-container .ufg-content-container {
    height: 70px;
    background: #161616;
    color: #fff;
    font-size: 13px;
    font-family: Open Sans, sans-serif;
    border-top: 1px solid #272727;
    font-weight: normal
}

.ufg-video-container .ufg-content-container.top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.ufg-video-container .ufg-content-container.bottom {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.ufg-video-container .ufg-content-container img {
    position: relative;
    margin-left: 10px;
    float: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ufg-video-container .ufg-content-container span.ufg-content {
    text-align: center;
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ufg-video-container .ufg-content-container span.ufg-content p {
    vertical-align: middle;
    display: inline-block
}

.ufg-video-container .ufg-content-container span.ufg-content p span.title {
    color: #fc5f15
}

.ufg-video-container .ufg-content-container span.ufg-content p span.call-to-action {
    color: #7e7e7e
}

.ufg-video-container .ufg-content-container span.account-info {
    display: block;
    float: left;
    padding-top: 9px;
    margin-left: 10px
}

@media screen and (max-width:640px) {
    .ufg-video-container .ufg-content-container {
        display: none
    }
}

.flag-andorra,
.flag-arab-emirates,
.flag-afghanistan,
.flag-antigua,
.flag-albania,
.flag-armenia,
.flag-antilles,
.flag-angola,
.flag-argentina,
.flag-american-samoa,
.flag-austria,
.flag-aruba,
.flag-aaland-islands,
.flag-azerbiajan,
.flag-bosnia,
.flag-barbados,
.flag-bangladesh,
.flag-belgium,
.flag-burkina-faso,
.flag-bulgaria,
.flag-bahrain,
.flag-burundi,
.flag-benin,
.flag-,
.flag-bermuda,
.flag-brunei,
.flag-bolivia,
.flag-brazil,
.flag-bahamas,
.flag-bhutan,
.flag-bouvet-island,
.flag-botswana,
.flag-belarus,
.flag-belize,
.flag-canada,
.flag-central-african-republic,
.flag-congo,
.flag-switzerland,
.flag-cote-divoire,
.flag-chile,
.flag-cameroon,
.flag-china,
.flag-colombia,
.flag-costa-rica,
.flag-czech-republic,
.flag-cuba,
.flag-cape-verde,
.flag-christmas-island,
.flag-cyprus,
.flag-germany,
.flag-djibouti,
.flag-denmark,
.flag-dominica,
.flag-the-dominican,
.flag-algeria,
.flag-ecuador,
.flag-estonia,
.flag-egypt,
.flag-western-sahara,
.flag-eritrea,
.flag-spain,
.flag-ethiopia,
.flag-finland,
.flag-federated-states-of-micronesia,
.flag-faroe-islands,
.flag-france,
.flag-gabon,
.flag-united-kingdom,
.flag-grenada,
.flag-georgia,
.flag-guernsey,
.flag-ghana,
.flag-gibraltar,
.flag-greenland,
.flag-the-gambia,
.flag-guinea,
.flag-equatorial-guinea,
.flag-greece,
.flag-guatemala,
.flag-guam,
.flag-guinea2,
.flag-guyana,
.flag-hong-kong,
.flag-honduras,
.flag-croatia,
.flag-haiti,
.flag-hungary,
.flag-indonesia,
.flag-ireland,
.flag-israel,
.flag-isle-of-man,
.flag-india,
.flag-iraq,
.flag-iran,
.flag-iceland,
.flag-italy,
.flag-jersey,
.flag-jamaica,
.flag-jordan,
.flag-japan,
.flag-kenya,
.flag-kyrgyzstan,
.flag-cambodia,
.flag-kiribati,
.flag-comoros,
.flag-saint-kitts,
.flag-north-korea,
.flag-south-korea,
.flag-kuwait,
.flag-kazakhstan,
.flag-laos,
.flag-lebanon,
.flag-saint-lucia,
.flag-liechtenstein,
.flag-sri-lanka,
.flag-liberia,
.flag-lesotho,
.flag-lithuania,
.flag-luxembourg,
.flag-latvia,
.flag-morocco,
.flag-monaco,
.flag-moldova,
.flag-montenegro,
.flag-madagascar,
.flag-marshall-islands,
.flag-macedonia,
.flag-mali,
.flag-burma,
.flag-mongolia,
.flag-macau,
.flag-northern-mariana,
.flag-mauritania,
.flag-malta,
.flag-mauritius,
.flag-maldives,
.flag-malawi,
.flag-mexico,
.flag-malaysia,
.flag-mozambique,
.flag-namibia,
.flag-niger,
.flag-norfolk-island,
.flag-nigeria,
.flag-nicaragua,
.flag-netherlands,
.flag-norway,
.flag-nauru,
.flag-niue,
.flag-oman,
.flag-panama,
.flag-peru,
.flag-french-polynesia,
.flag-papua-new-guinea,
.flag-philippines,
.flag-pakistan,
.flag-poland,
.flag-saint-pierre,
.flag-puerto-rico,
.flag-gaza-strip,
.flag-portugal,
.flag-palau,
.flag-paraguay,
.flag-qatar,
.flag-romania,
.flag-serbia,
.flag-russia,
.flag-rwanda,
.flag-saudi-arabia,
.flag-solomon-islands,
.flag-seychelles,
.flag-sudan,
.flag-sweden,
.flag-singapore,
.flag-slovenia,
.flag-svalbard,
.flag-slovakia,
.flag-sierra-leone,
.flag-san-marino,
.flag-senegal,
.flag-somalia,
.flag-suriname,
.flag-sao-tome,
.flag-syria,
.flag-swaziland,
.flag-chad,
.flag-togo,
.flag-thailand,
.flag-tajikistan,
.flag-tokelau,
.flag-timor,
.flag-turkmenistan,
.flag-tunisia,
.flag-tonga,
.flag-turkey,
.flag-trinidad,
.flag-taiwan,
.flag-tanzania,
.flag-ukraine,
.flag-uganda,
.flag-united-states,
.flag-uruguay,
.flag-uzbekistan,
.flag-vatican-city,
.flag-saint-vincent,
.flag-venezuela,
.flag-virgin-islands,
.flag-vietnam,
.flag-vanuatu,
.flag-wallis,
.flag-samoa,
.flag-yemen,
.flag-mayotte,
.flag-south-africa,
.flag-zambia,
.flag-zimbabwe,
.flag-unknown,
.andorra-flag span::before,
.arab-emirates-flag span::before,
.afghanistan-flag span::before,
.antigua-flag span::before,
.albania-flag span::before,
.armenia-flag span::before,
.antilles-flag span::before,
.angola-flag span::before,
.argentina-flag span::before,
.american-samoa-flag span::before,
.austria-flag span::before,
.aruba-flag span::before,
.aaland-islands-flag span::before,
.azerbiajan-flag span::before,
.bosnia-flag span::before,
.barbados-flag span::before,
.bangladesh-flag span::before,
.belgium-flag span::before,
.burkina-faso-flag span::before,
.bulgaria-flag span::before,
.bahrain-flag span::before,
.burundi-flag span::before,
.benin-flag span::before,
.-flag span::before,
.bermuda-flag span::before,
.brunei-flag span::before,
.bolivia-flag span::before,
.brazil-flag span::before,
.bahamas-flag span::before,
.bhutan-flag span::before,
.bouvet-island-flag span::before,
.botswana-flag span::before,
.belarus-flag span::before,
.belize-flag span::before,
.canada-flag span::before,
.central-african-republic-flag span::before,
.congo-flag span::before,
.switzerland-flag span::before,
.cote-divoire-flag span::before,
.chile-flag span::before,
.cameroon-flag span::before,
.china-flag span::before,
.colombia-flag span::before,
.costa-rica-flag span::before,
.czech-republic-flag span::before,
.cuba-flag span::before,
.cape-verde-flag span::before,
.christmas-island-flag span::before,
.cyprus-flag span::before,
.germany-flag span::before,
.djibouti-flag span::before,
.denmark-flag span::before,
.dominica-flag span::before,
.the-dominican-flag span::before,
.algeria-flag span::before,
.ecuador-flag span::before,
.estonia-flag span::before,
.egypt-flag span::before,
.western-sahara-flag span::before,
.eritrea-flag span::before,
.spain-flag span::before,
.ethiopia-flag span::before,
.finland-flag span::before,
.federated-states-of-micronesia-flag span::before,
.faroe-islands-flag span::before,
.france-flag span::before,
.gabon-flag span::before,
.united-kingdom-flag span::before,
.grenada-flag span::before,
.georgia-flag span::before,
.guernsey-flag span::before,
.ghana-flag span::before,
.gibraltar-flag span::before,
.greenland-flag span::before,
.the-gambia-flag span::before,
.guinea-flag span::before,
.equatorial-guinea-flag span::before,
.greece-flag span::before,
.guatemala-flag span::before,
.guam-flag span::before,
.guinea2-flag span::before,
.guyana-flag span::before,
.hong-kong-flag span::before,
.honduras-flag span::before,
.croatia-flag span::before,
.haiti-flag span::before,
.hungary-flag span::before,
.indonesia-flag span::before,
.ireland-flag span::before,
.israel-flag span::before,
.isle-of-man-flag span::before,
.india-flag span::before,
.iraq-flag span::before,
.iran-flag span::before,
.iceland-flag span::before,
.italy-flag span::before,
.jersey-flag span::before,
.jamaica-flag span::before,
.jordan-flag span::before,
.japan-flag span::before,
.kenya-flag span::before,
.kyrgyzstan-flag span::before,
.cambodia-flag span::before,
.kiribati-flag span::before,
.comoros-flag span::before,
.saint-kitts-flag span::before,
.north-korea-flag span::before,
.south-korea-flag span::before,
.kuwait-flag span::before,
.kazakhstan-flag span::before,
.laos-flag span::before,
.lebanon-flag span::before,
.saint-lucia-flag span::before,
.liechtenstein-flag span::before,
.sri-lanka-flag span::before,
.liberia-flag span::before,
.lesotho-flag span::before,
.lithuania-flag span::before,
.luxembourg-flag span::before,
.latvia-flag span::before,
.morocco-flag span::before,
.monaco-flag span::before,
.moldova-flag span::before,
.montenegro-flag span::before,
.madagascar-flag span::before,
.marshall-islands-flag span::before,
.macedonia-flag span::before,
.mali-flag span::before,
.burma-flag span::before,
.mongolia-flag span::before,
.macau-flag span::before,
.northern-mariana-flag span::before,
.mauritania-flag span::before,
.malta-flag span::before,
.mauritius-flag span::before,
.maldives-flag span::before,
.malawi-flag span::before,
.mexico-flag span::before,
.malaysia-flag span::before,
.mozambique-flag span::before,
.namibia-flag span::before,
.niger-flag span::before,
.norfolk-island-flag span::before,
.nigeria-flag span::before,
.nicaragua-flag span::before,
.netherlands-flag span::before,
.norway-flag span::before,
.nauru-flag span::before,
.niue-flag span::before,
.oman-flag span::before,
.panama-flag span::before,
.peru-flag span::before,
.french-polynesia-flag span::before,
.papua-new-guinea-flag span::before,
.philippines-flag span::before,
.pakistan-flag span::before,
.poland-flag span::before,
.saint-pierre-flag span::before,
.puerto-rico-flag span::before,
.gaza-strip-flag span::before,
.portugal-flag span::before,
.palau-flag span::before,
.paraguay-flag span::before,
.qatar-flag span::before,
.romania-flag span::before,
.serbia-flag span::before,
.russia-flag span::before,
.rwanda-flag span::before,
.saudi-arabia-flag span::before,
.solomon-islands-flag span::before,
.seychelles-flag span::before,
.sudan-flag span::before,
.sweden-flag span::before,
.singapore-flag span::before,
.slovenia-flag span::before,
.svalbard-flag span::before,
.slovakia-flag span::before,
.sierra-leone-flag span::before,
.san-marino-flag span::before,
.senegal-flag span::before,
.somalia-flag span::before,
.suriname-flag span::before,
.sao-tome-flag span::before,
.syria-flag span::before,
.swaziland-flag span::before,
.chad-flag span::before,
.togo-flag span::before,
.thailand-flag span::before,
.tajikistan-flag span::before,
.tokelau-flag span::before,
.timor-flag span::before,
.turkmenistan-flag span::before,
.tunisia-flag span::before,
.tonga-flag span::before,
.turkey-flag span::before,
.trinidad-flag span::before,
.taiwan-flag span::before,
.tanzania-flag span::before,
.ukraine-flag span::before,
.uganda-flag span::before,
.united-states-flag span::before,
.uruguay-flag span::before,
.uzbekistan-flag span::before,
.vatican-city-flag span::before,
.saint-vincent-flag span::before,
.venezuela-flag span::before,
.virgin-islands-flag span::before,
.vietnam-flag span::before,
.vanuatu-flag span::before,
.wallis-flag span::before,
.samoa-flag span::before,
.yemen-flag span::before,
.mayotte-flag span::before,
.south-africa-flag span::before,
.zambia-flag span::before,
.zimbabwe-flag span::before,
.unknown-flag span::before,
.deutsch-flag span::before,
.portugues-do-brasil-flag span::before,
.francais-flag span::before,
.espanol-flag span::before,
.polski-flag span::before,
.nederlands-flag span::before,
.italiano-flag span::before,
.turk-flag span::before,
.el-espanol-de-america-flag span::before,
.english-flag span::before,
.viet-flag span::before,
.pusskij-flag span::before,
.ellhnika-flag span::before,
.roman-flag span::before,
.blgarski-flag span::before,
.svenska-flag span::before,
.cestina-flag span::before,
.traditionalchinese-flag span::before,
.korean-flag span::before,
.hebrew-flag span::before {
    content: '';
    width: 24px;
    height: 16px;
    display: inline-block;
    background-image: url("../../Blocks/images/icons/icon-flags-sprite-24x16.png");
    margin-right: 6px;
    position: relative;
    top: 4px
}

.andorra-flag {
    padding: 4px 8px 4px 4px
}

.andorra-flag span::before {
    background-position: 0 0
}

.arab-emirates-flag {
    padding: 4px 8px 4px 4px
}

.arab-emirates-flag span::before {
    background-position: -24px 0
}

.afghanistan-flag {
    padding: 4px 8px 4px 4px
}

.afghanistan-flag span::before {
    background-position: -48px 0
}

.antigua-flag {
    padding: 4px 8px 4px 4px
}

.antigua-flag span::before {
    background-position: -72px 0
}

.albania-flag {
    padding: 4px 8px 4px 4px
}

.albania-flag span::before {
    background-position: -96px 0
}

.armenia-flag {
    padding: 4px 8px 4px 4px
}

.armenia-flag span::before {
    background-position: -120px 0
}

.antilles-flag {
    padding: 4px 8px 4px 4px
}

.antilles-flag span::before {
    background-position: -144px 0
}

.angola-flag {
    padding: 4px 8px 4px 4px
}

.angola-flag span::before {
    background-position: -168px 0
}

.argentina-flag {
    padding: 4px 8px 4px 4px
}

.argentina-flag span::before {
    background-position: -192px 0
}

.american-samoa-flag {
    padding: 4px 8px 4px 4px
}

.american-samoa-flag span::before {
    background-position: -216px 0
}

.austria-flag {
    padding: 4px 8px 4px 4px
}

.austria-flag span::before {
    background-position: -240px 0
}

.aruba-flag {
    padding: 4px 8px 4px 4px
}

.aruba-flag span::before {
    background-position: -264px 0
}

.aaland-islands-flag {
    padding: 4px 8px 4px 4px
}

.aaland-islands-flag span::before {
    background-position: -288px 0
}

.azerbiajan-flag {
    padding: 4px 8px 4px 4px
}

.azerbiajan-flag span::before {
    background-position: -312px 0
}

.bosnia-flag {
    padding: 4px 8px 4px 4px
}

.bosnia-flag span::before {
    background-position: -336px 0
}

.barbados-flag {
    padding: 4px 8px 4px 4px
}

.barbados-flag span::before {
    background-position: 0 -16px
}

.bangladesh-flag {
    padding: 4px 8px 4px 4px
}

.bangladesh-flag span::before {
    background-position: -24px -16px
}

.belgium-flag {
    padding: 4px 8px 4px 4px
}

.belgium-flag span::before {
    background-position: -48px -16px
}

.burkina-faso-flag {
    padding: 4px 8px 4px 4px
}

.burkina-faso-flag span::before {
    background-position: -72px -16px
}

.bulgaria-flag {
    padding: 4px 8px 4px 4px
}

.bulgaria-flag span::before {
    background-position: -96px -16px
}

.bahrain-flag {
    padding: 4px 8px 4px 4px
}

.bahrain-flag span::before {
    background-position: -120px -16px
}

.burundi-flag {
    padding: 4px 8px 4px 4px
}

.burundi-flag span::before {
    background-position: -144px -16px
}

.benin-flag {
    padding: 4px 8px 4px 4px
}

.benin-flag span::before {
    background-position: -168px -16px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -192px -16px
}

.bermuda-flag {
    padding: 4px 8px 4px 4px
}

.bermuda-flag span::before {
    background-position: -216px -16px
}

.brunei-flag {
    padding: 4px 8px 4px 4px
}

.brunei-flag span::before {
    background-position: -240px -16px
}

.bolivia-flag {
    padding: 4px 8px 4px 4px
}

.bolivia-flag span::before {
    background-position: -264px -16px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -288px -16px
}

.brazil-flag {
    padding: 4px 8px 4px 4px
}

.brazil-flag span::before {
    background-position: -312px -16px
}

.bahamas-flag {
    padding: 4px 8px 4px 4px
}

.bahamas-flag span::before {
    background-position: -336px -16px
}

.bhutan-flag {
    padding: 4px 8px 4px 4px
}

.bhutan-flag span::before {
    background-position: 0 -32px
}

.bouvet-island-flag {
    padding: 4px 8px 4px 4px
}

.bouvet-island-flag span::before {
    background-position: -24px -32px
}

.botswana-flag {
    padding: 4px 8px 4px 4px
}

.botswana-flag span::before {
    background-position: -48px -32px
}

.belarus-flag {
    padding: 4px 8px 4px 4px
}

.belarus-flag span::before {
    background-position: -72px -32px
}

.belize-flag {
    padding: 4px 8px 4px 4px
}

.belize-flag span::before {
    background-position: -96px -32px
}

.canada-flag {
    padding: 4px 8px 4px 4px
}

.canada-flag span::before {
    background-position: -120px -32px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -144px -32px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -168px -32px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -192px -32px
}

.central-african-republic-flag {
    padding: 4px 8px 4px 4px
}

.central-african-republic-flag span::before {
    background-position: -216px -32px
}

.congo-flag {
    padding: 4px 8px 4px 4px
}

.congo-flag span::before {
    background-position: -240px -32px
}

.switzerland-flag {
    padding: 4px 8px 4px 4px
}

.switzerland-flag span::before {
    background-position: -264px -32px
}

.cote-divoire-flag {
    padding: 4px 8px 4px 4px
}

.cote-divoire-flag span::before {
    background-position: -288px -32px
}

.chile-flag {
    padding: 4px 8px 4px 4px
}

.chile-flag span::before {
    background-position: -312px -32px
}

.cameroon-flag {
    padding: 4px 8px 4px 4px
}

.cameroon-flag span::before {
    background-position: -336px -32px
}

.china-flag {
    padding: 4px 8px 4px 4px
}

.china-flag span::before {
    background-position: 0 -48px
}

.colombia-flag {
    padding: 4px 8px 4px 4px
}

.colombia-flag span::before {
    background-position: -24px -48px
}

.costa-rica-flag {
    padding: 4px 8px 4px 4px
}

.costa-rica-flag span::before {
    background-position: -48px -48px
}

.czech-republic-flag {
    padding: 4px 8px 4px 4px
}

.czech-republic-flag span::before {
    background-position: -72px -48px
}

.cuba-flag {
    padding: 4px 8px 4px 4px
}

.cuba-flag span::before {
    background-position: -96px -48px
}

.cape-verde-flag {
    padding: 4px 8px 4px 4px
}

.cape-verde-flag span::before {
    background-position: -120px -48px
}

.christmas-island-flag {
    padding: 4px 8px 4px 4px
}

.christmas-island-flag span::before {
    background-position: -144px -48px
}

.cyprus-flag {
    padding: 4px 8px 4px 4px
}

.cyprus-flag span::before {
    background-position: -168px -48px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -192px -48px
}

.germany-flag {
    padding: 4px 8px 4px 4px
}

.germany-flag span::before {
    background-position: -216px -48px
}

.djibouti-flag {
    padding: 4px 8px 4px 4px
}

.djibouti-flag span::before {
    background-position: -240px -48px
}

.denmark-flag {
    padding: 4px 8px 4px 4px
}

.denmark-flag span::before {
    background-position: -264px -48px
}

.dominica-flag {
    padding: 4px 8px 4px 4px
}

.dominica-flag span::before {
    background-position: -288px -48px
}

.the-dominican-flag {
    padding: 4px 8px 4px 4px
}

.the-dominican-flag span::before {
    background-position: -312px -48px
}

.algeria-flag {
    padding: 4px 8px 4px 4px
}

.algeria-flag span::before {
    background-position: -336px -48px
}

.ecuador-flag {
    padding: 4px 8px 4px 4px
}

.ecuador-flag span::before {
    background-position: 0 -64px
}

.estonia-flag {
    padding: 4px 8px 4px 4px
}

.estonia-flag span::before {
    background-position: -24px -64px
}

.egypt-flag {
    padding: 4px 8px 4px 4px
}

.egypt-flag span::before {
    background-position: -48px -64px
}

.western-sahara-flag {
    padding: 4px 8px 4px 4px
}

.western-sahara-flag span::before {
    background-position: -72px -64px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -96px -64px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -120px -64px
}

.eritrea-flag {
    padding: 4px 8px 4px 4px
}

.eritrea-flag span::before {
    background-position: -144px -64px
}

.spain-flag {
    padding: 4px 8px 4px 4px
}

.spain-flag span::before {
    background-position: -168px -64px
}

.ethiopia-flag {
    padding: 4px 8px 4px 4px
}

.ethiopia-flag span::before {
    background-position: -192px -64px
}

.finland-flag {
    padding: 4px 8px 4px 4px
}

.finland-flag span::before {
    background-position: -216px -64px
}

.federated-states-of-micronesia-flag {
    padding: 4px 8px 4px 4px
}

.federated-states-of-micronesia-flag span::before {
    background-position: -240px -64px
}

.faroe-islands-flag {
    padding: 4px 8px 4px 4px
}

.faroe-islands-flag span::before {
    background-position: -264px -64px
}

.france-flag {
    padding: 4px 8px 4px 4px
}

.france-flag span::before {
    background-position: -288px -64px
}

.gabon-flag {
    padding: 4px 8px 4px 4px
}

.gabon-flag span::before {
    background-position: -312px -64px
}

.united-kingdom-flag {
    padding: 4px 8px 4px 4px
}

.united-kingdom-flag span::before {
    background-position: -336px -64px
}

.grenada-flag {
    padding: 4px 8px 4px 4px
}

.grenada-flag span::before {
    background-position: 0 -80px
}

.georgia-flag {
    padding: 4px 8px 4px 4px
}

.georgia-flag span::before {
    background-position: -24px -80px
}

.guernsey-flag {
    padding: 4px 8px 4px 4px
}

.guernsey-flag span::before {
    background-position: -48px -80px
}

.ghana-flag {
    padding: 4px 8px 4px 4px
}

.ghana-flag span::before {
    background-position: -72px -80px
}

.gibraltar-flag {
    padding: 4px 8px 4px 4px
}

.gibraltar-flag span::before {
    background-position: -96px -80px
}

.greenland-flag {
    padding: 4px 8px 4px 4px
}

.greenland-flag span::before {
    background-position: -120px -80px
}

.the-gambia-flag {
    padding: 4px 8px 4px 4px
}

.the-gambia-flag span::before {
    background-position: -144px -80px
}

.guinea-flag {
    padding: 4px 8px 4px 4px
}

.guinea-flag span::before {
    background-position: -168px -80px
}

.equatorial-guinea-flag {
    padding: 4px 8px 4px 4px
}

.equatorial-guinea-flag span::before {
    background-position: -192px -80px
}

.greece-flag {
    padding: 4px 8px 4px 4px
}

.greece-flag span::before {
    background-position: -216px -80px
}

.guatemala-flag {
    padding: 4px 8px 4px 4px
}

.guatemala-flag span::before {
    background-position: -240px -80px
}

.guam-flag {
    padding: 4px 8px 4px 4px
}

.guam-flag span::before {
    background-position: -264px -80px
}

.guinea2-flag {
    padding: 4px 8px 4px 4px
}

.guinea2-flag span::before {
    background-position: -288px -80px
}

.guyana-flag {
    padding: 4px 8px 4px 4px
}

.guyana-flag span::before {
    background-position: -312px -80px
}

.hong-kong-flag {
    padding: 4px 8px 4px 4px
}

.hong-kong-flag span::before {
    background-position: -336px -80px
}

.honduras-flag {
    padding: 4px 8px 4px 4px
}

.honduras-flag span::before {
    background-position: 0 -96px
}

.croatia-flag {
    padding: 4px 8px 4px 4px
}

.croatia-flag span::before {
    background-position: -24px -96px
}

.haiti-flag {
    padding: 4px 8px 4px 4px
}

.haiti-flag span::before {
    background-position: -48px -96px
}

.hungary-flag {
    padding: 4px 8px 4px 4px
}

.hungary-flag span::before {
    background-position: -72px -96px
}

.indonesia-flag {
    padding: 4px 8px 4px 4px
}

.indonesia-flag span::before {
    background-position: -96px -96px
}

.ireland-flag {
    padding: 4px 8px 4px 4px
}

.ireland-flag span::before {
    background-position: -120px -96px
}

.israel-flag {
    padding: 4px 8px 4px 4px
}

.israel-flag span::before {
    background-position: -144px -96px
}

.isle-of-man-flag {
    padding: 4px 8px 4px 4px
}

.isle-of-man-flag span::before {
    background-position: -168px -96px
}

.india-flag {
    padding: 4px 8px 4px 4px
}

.india-flag span::before {
    background-position: -192px -96px
}

.iraq-flag {
    padding: 4px 8px 4px 4px
}

.iraq-flag span::before {
    background-position: -216px -96px
}

.iran-flag {
    padding: 4px 8px 4px 4px
}

.iran-flag span::before {
    background-position: -240px -96px
}

.iceland-flag {
    padding: 4px 8px 4px 4px
}

.iceland-flag span::before {
    background-position: -264px -96px
}

.italy-flag {
    padding: 4px 8px 4px 4px
}

.italy-flag span::before {
    background-position: -288px -96px
}

.jersey-flag {
    padding: 4px 8px 4px 4px
}

.jersey-flag span::before {
    background-position: -312px -96px
}

.jamaica-flag {
    padding: 4px 8px 4px 4px
}

.jamaica-flag span::before {
    background-position: -336px -96px
}

.jordan-flag {
    padding: 4px 8px 4px 4px
}

.jordan-flag span::before {
    background-position: 0 -112px
}

.japan-flag {
    padding: 4px 8px 4px 4px
}

.japan-flag span::before {
    background-position: -24px -112px
}

.kenya-flag {
    padding: 4px 8px 4px 4px
}

.kenya-flag span::before {
    background-position: -48px -112px
}

.kyrgyzstan-flag {
    padding: 4px 8px 4px 4px
}

.kyrgyzstan-flag span::before {
    background-position: -72px -112px
}

.cambodia-flag {
    padding: 4px 8px 4px 4px
}

.cambodia-flag span::before {
    background-position: -96px -112px
}

.kiribati-flag {
    padding: 4px 8px 4px 4px
}

.kiribati-flag span::before {
    background-position: -120px -112px
}

.comoros-flag {
    padding: 4px 8px 4px 4px
}

.comoros-flag span::before {
    background-position: -144px -112px
}

.saint-kitts-flag {
    padding: 4px 8px 4px 4px
}

.saint-kitts-flag span::before {
    background-position: -168px -112px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -192px -112px
}

.north-korea-flag {
    padding: 4px 8px 4px 4px
}

.north-korea-flag span::before {
    background-position: -216px -112px
}

.south-korea-flag {
    padding: 4px 8px 4px 4px
}

.south-korea-flag span::before {
    background-position: -240px -112px
}

.kuwait-flag {
    padding: 4px 8px 4px 4px
}

.kuwait-flag span::before {
    background-position: -264px -112px
}

.kazakhstan-flag {
    padding: 4px 8px 4px 4px
}

.kazakhstan-flag span::before {
    background-position: -288px -112px
}

.laos-flag {
    padding: 4px 8px 4px 4px
}

.laos-flag span::before {
    background-position: -312px -112px
}

.lebanon-flag {
    padding: 4px 8px 4px 4px
}

.lebanon-flag span::before {
    background-position: -336px -112px
}

.saint-lucia-flag {
    padding: 4px 8px 4px 4px
}

.saint-lucia-flag span::before {
    background-position: 0 -128px
}

.liechtenstein-flag {
    padding: 4px 8px 4px 4px
}

.liechtenstein-flag span::before {
    background-position: -24px -128px
}

.sri-lanka-flag {
    padding: 4px 8px 4px 4px
}

.sri-lanka-flag span::before {
    background-position: -48px -128px
}

.liberia-flag {
    padding: 4px 8px 4px 4px
}

.liberia-flag span::before {
    background-position: -72px -128px
}

.lesotho-flag {
    padding: 4px 8px 4px 4px
}

.lesotho-flag span::before {
    background-position: -96px -128px
}

.lithuania-flag {
    padding: 4px 8px 4px 4px
}

.lithuania-flag span::before {
    background-position: -120px -128px
}

.luxembourg-flag {
    padding: 4px 8px 4px 4px
}

.luxembourg-flag span::before {
    background-position: -144px -128px
}

.latvia-flag {
    padding: 4px 8px 4px 4px
}

.latvia-flag span::before {
    background-position: -168px -128px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -192px -128px
}

.morocco-flag {
    padding: 4px 8px 4px 4px
}

.morocco-flag span::before {
    background-position: -216px -128px
}

.monaco-flag {
    padding: 4px 8px 4px 4px
}

.monaco-flag span::before {
    background-position: -240px -128px
}

.moldova-flag {
    padding: 4px 8px 4px 4px
}

.moldova-flag span::before {
    background-position: -264px -128px
}

.montenegro-flag {
    padding: 4px 8px 4px 4px
}

.montenegro-flag span::before {
    background-position: -288px -128px
}

.madagascar-flag {
    padding: 4px 8px 4px 4px
}

.madagascar-flag span::before {
    background-position: -312px -128px
}

.marshall-islands-flag {
    padding: 4px 8px 4px 4px
}

.marshall-islands-flag span::before {
    background-position: -336px -128px
}

.macedonia-flag {
    padding: 4px 8px 4px 4px
}

.macedonia-flag span::before {
    background-position: 0 -144px
}

.mali-flag {
    padding: 4px 8px 4px 4px
}

.mali-flag span::before {
    background-position: -24px -144px
}

.burma-flag {
    padding: 4px 8px 4px 4px
}

.burma-flag span::before {
    background-position: -48px -144px
}

.mongolia-flag {
    padding: 4px 8px 4px 4px
}

.mongolia-flag span::before {
    background-position: -72px -144px
}

.macau-flag {
    padding: 4px 8px 4px 4px
}

.macau-flag span::before {
    background-position: -96px -144px
}

.northern-mariana-flag {
    padding: 4px 8px 4px 4px
}

.northern-mariana-flag span::before {
    background-position: -120px -144px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -144px -144px
}

.mauritania-flag {
    padding: 4px 8px 4px 4px
}

.mauritania-flag span::before {
    background-position: -168px -144px
}

.malta-flag {
    padding: 4px 8px 4px 4px
}

.malta-flag span::before {
    background-position: -192px -144px
}

.mauritius-flag {
    padding: 4px 8px 4px 4px
}

.mauritius-flag span::before {
    background-position: -216px -144px
}

.maldives-flag {
    padding: 4px 8px 4px 4px
}

.maldives-flag span::before {
    background-position: -240px -144px
}

.malawi-flag {
    padding: 4px 8px 4px 4px
}

.malawi-flag span::before {
    background-position: -264px -144px
}

.mexico-flag {
    padding: 4px 8px 4px 4px
}

.mexico-flag span::before {
    background-position: -288px -144px
}

.malaysia-flag {
    padding: 4px 8px 4px 4px
}

.malaysia-flag span::before {
    background-position: -312px -144px
}

.mozambique-flag {
    padding: 4px 8px 4px 4px
}

.mozambique-flag span::before {
    background-position: -336px -144px
}

.namibia-flag {
    padding: 4px 8px 4px 4px
}

.namibia-flag span::before {
    background-position: 0 -160px
}

.niger-flag {
    padding: 4px 8px 4px 4px
}

.niger-flag span::before {
    background-position: -24px -160px
}

.norfolk-island-flag {
    padding: 4px 8px 4px 4px
}

.norfolk-island-flag span::before {
    background-position: -48px -160px
}

.nigeria-flag {
    padding: 4px 8px 4px 4px
}

.nigeria-flag span::before {
    background-position: -72px -160px
}

.nicaragua-flag {
    padding: 4px 8px 4px 4px
}

.nicaragua-flag span::before {
    background-position: -96px -160px
}

.netherlands-flag {
    padding: 4px 8px 4px 4px
}

.netherlands-flag span::before {
    background-position: -120px -160px
}

.norway-flag {
    padding: 4px 8px 4px 4px
}

.norway-flag span::before {
    background-position: -144px -160px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -168px -160px
}

.nauru-flag {
    padding: 4px 8px 4px 4px
}

.nauru-flag span::before {
    background-position: -192px -160px
}

.niue-flag {
    padding: 4px 8px 4px 4px
}

.niue-flag span::before {
    background-position: -216px -160px
}

.oman-flag {
    padding: 4px 8px 4px 4px
}

.oman-flag span::before {
    background-position: -240px -160px
}

.panama-flag {
    padding: 4px 8px 4px 4px
}

.panama-flag span::before {
    background-position: -264px -160px
}

.peru-flag {
    padding: 4px 8px 4px 4px
}

.peru-flag span::before {
    background-position: -288px -160px
}

.french-polynesia-flag {
    padding: 4px 8px 4px 4px
}

.french-polynesia-flag span::before {
    background-position: -312px -160px
}

.papua-new-guinea-flag {
    padding: 4px 8px 4px 4px
}

.papua-new-guinea-flag span::before {
    background-position: -336px -160px
}

.philippines-flag {
    padding: 4px 8px 4px 4px
}

.philippines-flag span::before {
    background-position: 0 -176px
}

.pakistan-flag {
    padding: 4px 8px 4px 4px
}

.pakistan-flag span::before {
    background-position: -24px -176px
}

.poland-flag {
    padding: 4px 8px 4px 4px
}

.poland-flag span::before {
    background-position: -48px -176px
}

.saint-pierre-flag {
    padding: 4px 8px 4px 4px
}

.saint-pierre-flag span::before {
    background-position: -72px -176px
}

.puerto-rico-flag {
    padding: 4px 8px 4px 4px
}

.puerto-rico-flag span::before {
    background-position: -96px -176px
}

.gaza-strip-flag {
    padding: 4px 8px 4px 4px
}

.gaza-strip-flag span::before {
    background-position: -120px -176px
}

.portugal-flag {
    padding: 4px 8px 4px 4px
}

.portugal-flag span::before {
    background-position: -144px -176px
}

.palau-flag {
    padding: 4px 8px 4px 4px
}

.palau-flag span::before {
    background-position: -168px -176px
}

.paraguay-flag {
    padding: 4px 8px 4px 4px
}

.paraguay-flag span::before {
    background-position: -192px -176px
}

.qatar-flag {
    padding: 4px 8px 4px 4px
}

.qatar-flag span::before {
    background-position: -216px -176px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -240px -176px
}

.romania-flag {
    padding: 4px 8px 4px 4px
}

.romania-flag span::before {
    background-position: -264px -176px
}

.serbia-flag {
    padding: 4px 8px 4px 4px
}

.serbia-flag span::before {
    background-position: -288px -176px
}

.russia-flag {
    padding: 4px 8px 4px 4px
}

.russia-flag span::before {
    background-position: -312px -176px
}

.rwanda-flag {
    padding: 4px 8px 4px 4px
}

.rwanda-flag span::before {
    background-position: -336px -176px
}

.saudi-arabia-flag {
    padding: 4px 8px 4px 4px
}

.saudi-arabia-flag span::before {
    background-position: 0 -192px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -24px -192px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -48px -192px
}

.solomon-islands-flag {
    padding: 4px 8px 4px 4px
}

.solomon-islands-flag span::before {
    background-position: -72px -192px
}

.seychelles-flag {
    padding: 4px 8px 4px 4px
}

.seychelles-flag span::before {
    background-position: -96px -192px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -120px -192px
}

.sudan-flag {
    padding: 4px 8px 4px 4px
}

.sudan-flag span::before {
    background-position: -144px -192px
}

.sweden-flag {
    padding: 4px 8px 4px 4px
}

.sweden-flag span::before {
    background-position: -168px -192px
}

.singapore-flag {
    padding: 4px 8px 4px 4px
}

.singapore-flag span::before {
    background-position: -192px -192px
}

.slovenia-flag {
    padding: 4px 8px 4px 4px
}

.slovenia-flag span::before {
    background-position: -216px -192px
}

.svalbard-flag {
    padding: 4px 8px 4px 4px
}

.svalbard-flag span::before {
    background-position: -240px -192px
}

.slovakia-flag {
    padding: 4px 8px 4px 4px
}

.slovakia-flag span::before {
    background-position: -264px -192px
}

.sierra-leone-flag {
    padding: 4px 8px 4px 4px
}

.sierra-leone-flag span::before {
    background-position: -288px -192px
}

.san-marino-flag {
    padding: 4px 8px 4px 4px
}

.san-marino-flag span::before {
    background-position: -312px -192px
}

.senegal-flag {
    padding: 4px 8px 4px 4px
}

.senegal-flag span::before {
    background-position: -336px -192px
}

.somalia-flag {
    padding: 4px 8px 4px 4px
}

.somalia-flag span::before {
    background-position: 0 -208px
}

.suriname-flag {
    padding: 4px 8px 4px 4px
}

.suriname-flag span::before {
    background-position: -24px -208px
}

.sao-tome-flag {
    padding: 4px 8px 4px 4px
}

.sao-tome-flag span::before {
    background-position: -48px -208px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -72px -208px
}

.syria-flag {
    padding: 4px 8px 4px 4px
}

.syria-flag span::before {
    background-position: -96px -208px
}

.swaziland-flag {
    padding: 4px 8px 4px 4px
}

.swaziland-flag span::before {
    background-position: -120px -208px
}

.chad-flag {
    padding: 4px 8px 4px 4px
}

.chad-flag span::before {
    background-position: -144px -208px
}

.togo-flag {
    padding: 4px 8px 4px 4px
}

.togo-flag span::before {
    background-position: -168px -208px
}

.thailand-flag {
    padding: 4px 8px 4px 4px
}

.thailand-flag span::before {
    background-position: -192px -208px
}

.tajikistan-flag {
    padding: 4px 8px 4px 4px
}

.tajikistan-flag span::before {
    background-position: -216px -208px
}

.tokelau-flag {
    padding: 4px 8px 4px 4px
}

.tokelau-flag span::before {
    background-position: -240px -208px
}

.timor-flag {
    padding: 4px 8px 4px 4px
}

.timor-flag span::before {
    background-position: -264px -208px
}

.turkmenistan-flag {
    padding: 4px 8px 4px 4px
}

.turkmenistan-flag span::before {
    background-position: -288px -208px
}

.tunisia-flag {
    padding: 4px 8px 4px 4px
}

.tunisia-flag span::before {
    background-position: -312px -208px
}

.tonga-flag {
    padding: 4px 8px 4px 4px
}

.tonga-flag span::before {
    background-position: -336px -208px
}

.turkey-flag {
    padding: 4px 8px 4px 4px
}

.turkey-flag span::before {
    background-position: 0 -224px
}

.trinidad-flag {
    padding: 4px 8px 4px 4px
}

.trinidad-flag span::before {
    background-position: -24px -224px
}

.taiwan-flag {
    padding: 4px 8px 4px 4px
}

.taiwan-flag span::before {
    background-position: -48px -224px
}

.tanzania-flag {
    padding: 4px 8px 4px 4px
}

.tanzania-flag span::before {
    background-position: -72px -224px
}

.ukraine-flag {
    padding: 4px 8px 4px 4px
}

.ukraine-flag span::before {
    background-position: -96px -224px
}

.uganda-flag {
    padding: 4px 8px 4px 4px
}

.uganda-flag span::before {
    background-position: -120px -224px
}

.united-states-flag {
    padding: 4px 8px 4px 4px
}

.united-states-flag span::before {
    background-position: -144px -224px
}

.uruguay-flag {
    padding: 4px 8px 4px 4px
}

.uruguay-flag span::before {
    background-position: -168px -224px
}

.uzbekistan-flag {
    padding: 4px 8px 4px 4px
}

.uzbekistan-flag span::before {
    background-position: -192px -224px
}

.vatican-city-flag {
    padding: 4px 8px 4px 4px
}

.vatican-city-flag span::before {
    background-position: -216px -224px
}

.saint-vincent-flag {
    padding: 4px 8px 4px 4px
}

.saint-vincent-flag span::before {
    background-position: -240px -224px
}

.venezuela-flag {
    padding: 4px 8px 4px 4px
}

.venezuela-flag span::before {
    background-position: -264px -224px
}

.virgin-islands-flag {
    padding: 4px 8px 4px 4px
}

.virgin-islands-flag span::before {
    background-position: -288px -224px
}

.vietnam-flag {
    padding: 4px 8px 4px 4px
}

.vietnam-flag span::before {
    background-position: -312px -224px
}

.vanuatu-flag {
    padding: 4px 8px 4px 4px
}

.vanuatu-flag span::before {
    background-position: -336px -224px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: 0 -240px
}

.wallis-flag {
    padding: 4px 8px 4px 4px
}

.wallis-flag span::before {
    background-position: -24px -240px
}

.samoa-flag {
    padding: 4px 8px 4px 4px
}

.samoa-flag span::before {
    background-position: -48px -240px
}

.yemen-flag {
    padding: 4px 8px 4px 4px
}

.yemen-flag span::before {
    background-position: -72px -240px
}

.mayotte-flag {
    padding: 4px 8px 4px 4px
}

.mayotte-flag span::before {
    background-position: -96px -240px
}

.south-africa-flag {
    padding: 4px 8px 4px 4px
}

.south-africa-flag span::before {
    background-position: -120px -240px
}

.zambia-flag {
    padding: 4px 8px 4px 4px
}

.zambia-flag span::before {
    background-position: -144px -240px
}

.zimbabwe-flag {
    padding: 4px 8px 4px 4px
}

.zimbabwe-flag span::before {
    background-position: -168px -240px
}

.-flag {
    padding: 4px 8px 4px 4px
}

.-flag span::before {
    background-position: -192px -240px
}

.unknown-flag {
    padding: 4px 8px 4px 4px
}

.unknown-flag span::before {
    background-position: -336px -240px
}

.deutsch-flag {
    padding: 4px 8px 4px 4px
}

.deutsch-flag span::before {
    background-position: -216px -48px
}

.portugues-do-brasil-flag {
    padding: 4px 8px 4px 4px
}

.portugues-do-brasil-flag span::before {
    background-position: -312px -16px
}

.francais-flag {
    padding: 4px 8px 4px 4px
}

.francais-flag span::before {
    background-position: -288px -64px
}

.espanol-flag {
    padding: 4px 8px 4px 4px
}

.espanol-flag span::before {
    background-position: -168px -64px
}

.polski-flag {
    padding: 4px 8px 4px 4px
}

.polski-flag span::before {
    background-position: -48px -176px
}

.nederlands-flag {
    padding: 4px 8px 4px 4px
}

.nederlands-flag span::before {
    background-position: -120px -160px
}

.italiano-flag {
    padding: 4px 8px 4px 4px
}

.italiano-flag span::before {
    background-position: -288px -96px
}

.turk-flag {
    padding: 4px 8px 4px 4px
}

.turk-flag span::before {
    background-position: 0 -224px
}

.el-espanol-de-america-flag {
    padding: 4px 8px 4px 4px
}

.el-espanol-de-america-flag span::before {
    background-position: -288px -144px
}

.english-flag {
    padding: 4px 8px 4px 4px
}

.english-flag span::before {
    background-position: -144px -224px
}

.viet-flag {
    padding: 4px 8px 4px 4px
}

.viet-flag span::before {
    background-position: -312px -224px
}

.pusskij-flag {
    padding: 4px 8px 4px 4px
}

.pusskij-flag span::before {
    background-position: -312px -176px
}

.ellhnika-flag {
    padding: 4px 8px 4px 4px
}

.ellhnika-flag span::before {
    background-position: -216px -80px
}

.roman-flag {
    padding: 4px 8px 4px 4px
}

.roman-flag span::before {
    background-position: -264px -176px
}

.blgarski-flag {
    padding: 4px 8px 4px 4px
}

.blgarski-flag span::before {
    background-position: -96px -16px
}

.svenska-flag {
    padding: 4px 8px 4px 4px
}

.svenska-flag span::before {
    background-position: -168px -192px
}

.cestina-flag {
    padding: 4px 8px 4px 4px
}

.cestina-flag span::before {
    background-position: -72px -48px
}

.traditionalchinese-flag {
    padding: 4px 8px 4px 4px
}

.traditionalchinese-flag span::before {
    background-position: -48px -224px
}

.korean-flag {
    padding: 4px 8px 4px 4px
}

.korean-flag span::before {
    background-position: -240px -112px
}

.hebrew-flag {
    padding: 4px 8px 4px 4px
}

.hebrew-flag span::before {
    background-position: -144px -96px
}

#nav- a span::before {
    display: none
}

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

body {
    background: #141414 none
}

form#__AjaxAntiForgeryForm {
    display: none
}

#site {
    height: 100%;
    background: transparent none;
    padding: 0
}

#site.flexible .container {
    width: auto;
    min-width: 1000px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px
}

#site.fixed .container {
    width: 1000px;
    margin-left: auto;
    margin-right: auto
}

#site.two-column .primary-content {
    float: left;
    width: 640px
}

#site.two-column .secondary-content {
    float: left;
    width: 300px;
    margin-left: 20px;
    margin-right: 0;
    padding: 0
}

body:not(.ad-skin) #site>div.xt-placement {
    display: none
}

#site-main {
    background: none transparent;
    padding: 0
}

#site-main header.main>h1 {
    margin: 0
}

.primary-content:first-child {
    margin-left: 0
}

.secondary-content:first-child {
    margin-left: 0
}

#content {
    box-shadow: none;
    background: #f9f9f9 none;
    color: #000;
    padding: 20px
}

#content::after {
    clear: both;
    content: "";
    display: table
}

.single-column #content {
    background: #f9f9f9 none
}

.content-container a {
    color: #000
}

.content-container a:visited,
.content-container a:active {
    color: #000
}

.content-container a:hover {
    color: #0d0d0d
}

.content-container a.button {
    color: #242527
}

.content-container a.button:hover {
    color: #242527
}

.content-container h1,
.content-container h2,
.content-container h3,
.content-container h4,
.content-container h5,
.content-container h6 {
    color: #000
}

.content-container h1 a,
.content-container h1 a:active,
.content-container h1 a:visited,
.content-container h2 a,
.content-container h2 a:active,
.content-container h2 a:visited,
.content-container h3 a,
.content-container h3 a:active,
.content-container h3 a:visited,
.content-container h4 a,
.content-container h4 a:active,
.content-container h4 a:visited,
.content-container h5 a,
.content-container h5 a:active,
.content-container h5 a:visited,
.content-container h6 a,
.content-container h6 a:active,
.content-container h6 a:visited {
    color: #000
}

.content-container h1 a:hover,
.content-container h2 a:hover,
.content-container h3 a:hover,
.content-container h4 a:hover,
.content-container h5 a:hover,
.content-container h6 a:hover {
    color: #0d0d0d
}

.atf {
    background: #f9f9f9;
    border-bottom-width: 0;
    border-top-width: 0;
    margin: 0
}

#site-main>header,
#site-main section.atf,
.p-header-c .p-header-contain,
.p-header-c .p-header-contain+.p-nav>.b-list {
    margin: 0 auto;
    display: block;
    position: relative
}

#site-main>header::after,
#site-main section.atf::after,
.p-header-c .p-header-contain::after,
.p-header-c .p-header-contain+.p-nav>.b-list::after {
    clear: both;
    content: "";
    display: table
}

#site-main>header,
#site-main section.atf {
    width: 1200px;
    max-width: none;
    min-width: 0
}

#site.flexible .p-header-c .p-header-contain,
.p-header-c #site.flexible .p-header-contain,
#site.flexible .p-header-c .p-header-contain+.p-nav>.b-list,
.p-header-c #site.flexible .p-header-contain+.p-nav>.b-list {
    width: auto;
    min-width: 1000px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto
}

#site.fixed .p-header-c .p-header-contain,
.p-header-c #site.fixed .p-header-contain,
#site.fixed .p-header-c .p-header-contain+.p-nav>.b-list,
.p-header-c #site.fixed .p-header-contain+.p-nav>.b-list {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

#smiley-modal {
    min-height: 152px!important;
    overflow: hidden;
    background: #fafafa
}

*[data-user-only] {
    display: none!important
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.pull-center {
    text-align: center
}

.u-hidden,
button[class*="u-hidden"],
a[class*="u-hidden"],
div[class*="u-hidden"],
span[class*="u-hidden"],
p[class*="u-hidden"],
.hide,
.p-comments-a>header h2,
.p-comments-a .p-comment-reply-form .help-block,
.p-user-a .p-user-interaction .p-user-content>header.h2 h2,
.p-user-a.s_myAccount .p-user-interaction .p-user-content>header.h2 h2,
.p-user-a.s_myProfile .p-user-interaction .p-user-content>header.h2 h2,
.p-user-a.s_myStreams .p-user-interaction .p-user-content>header.h2 h2,
.p-user-a.s_newContent .p-user-interaction .p-user-content>header.h2 h2,
.s_myProfile .listing-container>.listing-header,
.s_myStreams .listing-container>.listing-header,
.p-article-a .p-article-byline .p-article-comments,
.p-browser-a .p-browser-byline,
.section-streams.body-category-itemdetails .b-breadcrumb {
    display: none
}

.b-social-facebook i,
.b-social-twitter i,
.b-social-google i,
.b-social-youtube i,
.b-social-reddit i,
.u-icon-tag,
.u-icon-date,
.u-icon-location,
.u-icon-rss,
.p-article-a .p-article-byline .p-article-category .u-icon-category {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    font-size: 0;
    *text-indent: -9999px
}

.b-social-facebook i:before,
.b-social-twitter i:before,
.b-social-google i:before,
.b-social-youtube i:before,
.b-social-reddit i:before,
.u-icon-tag:before,
.u-icon-date:before,
.u-icon-location:before,
.u-icon-rss:before,
.p-article-a .p-article-byline .p-article-category .u-icon-category:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.b-breadcrumb-a {
    font-size: 13px;
    line-height: 19.5px;
    font-family: Roboto, Helvetica, sans-serif;
    clear: both;
    margin: 10px 0;
    text-align: left
}

.b-breadcrumb-a .b-breadcrumb-item {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 275px
}

.b-breadcrumb-a .b-breadcrumb-item>a {
    color: #242527
}

.b-breadcrumb-a .b-breadcrumb-item>a:hover {
    color: #303234
}

.b-breadcrumb-a .b-breadcrumb-item+.b-breadcrumb-item:before {
    content: "--";
    padding: 0 .2em
}

.b-figure-a {
    display: inline-block
}

.b-figure-a img {
    display: block
}

.b-figure-a .caption {
    display: block;
    margin: 6px 0 0;
    padding: 0 9.75px;
    text-align: center
}

.b-gallery-a {
    background: white;
    padding: 5px
}

.b-gallery-a::after {
    clear: both;
    content: "";
    display: table
}

.b-gallery-a .b-gallery-item {
    float: left;
    width: 23.4625%;
    margin-left: 2.05%;
    text-align: center
}

.ie7 .b-gallery-a .b-gallery-item {
    width: 22.4625%
}

.b-gallery-a .b-gallery-item:first-child {
    margin-left: 0
}

.b-gallery-a .b-gallery-item>a {
    color: #242527;
    display: block
}

.b-gallery-a .b-gallery-image {
    height: 90px;
    overflow: hidden;
    width: 100%
}

.b-gallery-a .b-gallery-image img {
    max-width: 160px
}

.b-gallery-a .b-gallery-caption {
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3
}

.b-gallery-a .b-gallery-caption>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 5px;
    max-width: 100%
}

.b-list-a {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.b-list-a::after {
    clear: both;
    content: "";
    display: table
}

.b-list-a {
    display: table
}

.b-list-a .b-list-item {
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: top
}

.b-list-a .b-list-item>a {
    display: block
}

.b-list-a .b-list-item {
    display: table-cell
}

.b-list-a .b-list-label {
    cursor: pointer
}

.b-list-a .b-list-overlay {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%
}

.b-list-a .b-list-title {
    display: block;
    text-align: center
}

.b-list-a.b-list_float {
    display: block;
    width: auto
}

.b-list-a.b-list_float .b-list-item {
    float: left;
    list-style-type: none;
    position: relative
}

.b-list-a.b-list_float .b-list-item>:first-child {
    display: block
}

.b-list-a.b-list_equalize .b-list-item {
    margin-left: 9.75px;
    margin-right: 9.75px;
    padding-left: 9.75px;
    padding-right: 9.75px
}

.b-list-a.b-list_inlineBlock {
    display: inline-block;
    padding: 0
}

.b-list-a.b-list_inlineBlock .b-list-item {
    display: inline-block;
    float: none
}

.b-list-a.b-list_inlineBlock_split>.b-list-item {
    display: inline-block;
    width: 44%;
    margin: 0 2%
}

.b-list-a.b-list_inlineBlock_split.col-3>.b-list-item {
    display: inline-block;
    width: 30%;
    margin: 0 1%
}

.b-list-a.b-list_spaceRight .b-list-item {
    margin-left: 0;
    margin-right: 9.75px;
    padding-left: 0;
    padding-right: 9.75px
}

.b-list-a.b-list_spaceRight .b-list-item+.b-list-item {
    padding-left: 0;
    margin-left: 0
}

.b-list-a.b-list_unchunk .b-list-item>:first-child {
    display: inline
}

.b-list-a.b-list_grid {
    display: block
}

.b-list-a.b-list_grid .b-list-item {
    display: inline-block;
    margin: 10px!important;
    padding: 0!important;
    width: 80px;
    height: 120px
}

.b-list-a.b-list_grid .b-list-item>a {
    color: #242527;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%
}

.b-list-a.b-list_grid .b-list-item>a::after {
    clear: both;
    content: "";
    display: table
}

.b-list-a.b-list_grid .b-list-item>a:hover {
    color: #242527
}

.b-list-a.b-list_grid .b-list-item .b-figure {
    width: 80px;
    height: 80px;
    float: left
}

.b-list-a.b-list_grid.s-full .b-list-item {
    width: 308px;
    height: 105px;
    text-align: left;
    border: 0;
    margin: 5px!important
}

.b-list-a.b-list_grid.s-full .b-list-item>a {
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
    display: block;
    background: white;
    border: 1px solid #e0e0e0;
    padding: 5px;
    -webkit-transition: .5s linear background;
    -moz-transition: .5s linear background;
    transition: .5s linear background
}

.b-list-a.b-list_grid.s-full .b-list-item>a::after {
    clear: both;
    content: "";
    display: table
}

.b-list-a.b-list_grid.s-full .b-list-item>a:hover {
    background: white
}

.b-list-a.b-list_grid.s-full .details {
    margin-left: 90px;
    margin-right: 10px
}

.b-list-a.b-list_grid.s-full .caption {
    position: absolute;
    left: -9999px
}

.b-list-a.b-list_grid.s-full .title {
    font-weight: bold;
    text-align: left;
    text-transform: none
}

.b-list-a.b-list_grid.s-full .comments {
    position: absolute;
    top: -2px;
    right: -2px
}

.b-list-a.b-list_grid.s-full .author {
    font-size: 11px;
    color: #0c0c0c
}

.b-list-a.b-list_grid.s-full .likes,
.b-list-a.b-list_grid.s-full .views {
    display: inline-block;
    margin-top: 10px;
    font-size: 11px
}

.b-list-a.b-list_grid.s-full .views {
    margin-left: 10px
}

.b-list-b .b-list-item {
    position: relative
}

.b-list-b .b-list-item::after {
    clear: both;
    content: "";
    display: table
}

.b-list-b .b-list-item+.b-list-item {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    margin-top: 9.75px;
    padding-top: 9.75px
}

.b-list-b .b-list-item>a:only-of-type {
    display: block
}

.b-list-b .b-list-item>a:only-of-type::after {
    clear: both;
    content: "";
    display: table
}

.b-list-b .b-list-time,
.b-list-b .b-list-button {
    position: absolute;
    top: 0;
    right: 0
}

.b-list-b .b-list-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #242527
}

.b-list-b .b-list-title:hover {
    color: #242527
}

.b-list-b.b-list_comments .b-list-comment {
    float: right;
    margin-left: 1em;
    position: relative
}

.b-list-b.b-list_comments .b-list-comment>a,
.b-list-b.b-list_comments .b-list-comment>a:visited,
.b-list-b.b-list_comments .b-list-comment>a:active {
    background: #2e2c2c;
    color: #242527;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 6px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4)
}

.b-list-b.b-list_comments .b-list-comment>a:hover,
.b-list-b.b-list_comments .b-list-comment>a:visited:hover,
.b-list-b.b-list_comments .b-list-comment>a:active:hover {
    background: #141313;
    color: #242527
}

.b-list-b.b-list_comments .b-list-comment>a:after,
.b-list-b.b-list_comments .b-list-comment>a:visited:after,
.b-list-b.b-list_comments .b-list-comment>a:active:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 4px;
    border-width: 6px 0 0 6px;
    border-style: solid;
    border-color: #2e2c2c transparent;
    display: block;
    padding: 0;
    width: 0
}

.b-list-b.b-list_comments .b-list-comment>a:hover:after,
.b-list-b.b-list_comments .b-list-comment>a:visited:hover:after,
.b-list-b.b-list_comments .b-list-comment>a:active:hover:after {
    border-color: #141313 transparent
}

.b-list-b.b-list_videos .b-list-thumb {
    float: left;
    position: relative;
    margin-right: 10px;
    z-index: 2
}

.b-list-b.b-list_videos .b-list-thumb>a {
    width: 100px;
    height: 56px
}

.b-list-b.b-list_videos .b-list-thumb>a .u-clip::after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f01d';
    color: #fff;
    font-size: 32px;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px
}

.b-list-b.b-list_videos .b-list-thumb img {
    width: 110px
}

.b-list-b.b-list_videos .b-list-time,
.b-list-b.b-list_videos .b-list-view,
.b-list-b.b-list_videos .b-list-date {
    display: block;
    font-size: 12px
}

.b-list-b.b-list_videos .b-list-time {
    position: relative;
    top: 0;
    left: 0
}

.b-media-a {
    position: relative;
    margin: 10px 0
}

.b-media-a::after {
    clear: both;
    content: "";
    display: table
}

.b-media-a .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    height: 80px;
    margin: 0;
    padding: .5em;
    font-size: 1.2em;
    line-height: 1.5;
    font-family: Roboto, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    z-index: 2;
    -webkit-transition: .25s text-shadow linear;
    -moz-transition: .25s text-shadow linear;
    transition: .25s text-shadow linear
}

.b-media-a .b-media-content {
    position: relative;
    overflow: hidden
}

.b-media-a .b-media-content a {
    width: 100%;
    height: 180px;
    display: block
}

.b-media-a .b-media-content a img {
    width: 350px
}

.b-media-a .b-media-content a:hover .title {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 1px rgba(0, 0, 0, 0.8)
}

.b-media-a.featured-post {
    float: left;
    width: 33.33%;
    margin-left: 0;
    background: #f9f9f9;
    position: relative
}

.b-media-a.featured-post ~ .featured-post {
    margin-left: 0;
    border-left: 1px solid #000
}

.b-noscript i {
    display: inline-block;
    height: 26px;
    width: 26px;
    margin-right: 5px;
    position: relative;
    top: 6px;
    opacity: .25
}

.b-noscript p {
    background-color: #777;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 18.2px;
    text-align: center;
    line-height: 50px;
    color: #fff
}

.b-noscript p i::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f05a';
    color: #fff
}

.b-pagination-a {
    margin: 19.5px 0
}

.b-pagination-a .b-pagination-list>.b-pagination-item {
    display: inline-block;
    float: none;
    margin: 0 .1em
}

.b-pagination-a .b-pagination-list>.b-pagination-item>a,
.b-pagination-a .b-pagination-list>.b-pagination-item>span {
    display: inline-block;
    border-radius: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    border: 1px solid #cbc6c3;
    background: white;
    color: #242527!important;
    font-weight: bold;
    font-size: 14px;
    padding: .3em .6em
}

.b-pagination-a .b-pagination-list>.b-pagination-item>a:hover,
.b-pagination-a .b-pagination-list>.b-pagination-item>span:hover {
    background: #242527;
    color: white!important;
    cursor: pointer
}

.b-pagination-a .b-pagination-list>.b-pagination-item>a.s-active,
.b-pagination-a .b-pagination-list>.b-pagination-item>span.s-active {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    background-color: #242527;
    color: white!important
}

.b-pagination-a .b-pagination-list .dots {
    display: inline-block;
    padding: .3em .1em
}

.b-pagination-b::after {
    clear: both;
    content: "";
    display: table
}

.b-pagination-b .dots {
    display: inline-block;
    padding: .3em .1em
}

.b-pagination-b li.b-pagination-item {
    cursor: default;
    display: inline-block;
    font-size: 14px
}

.b-pagination-b li.b-pagination-item>a,
.b-pagination-b li.b-pagination-item a:visited {
    background: white;
    border: 1px solid #cbc6c3;
    border-radius: 0;
    color: #242527!important;
    float: left;
    line-height: 1em;
    padding: 2px 4px;
    text-decoration: none
}

.b-pagination-b li.b-pagination-item>a:hover,
.b-pagination-b li.b-pagination-item a:visited:hover {
    background: #242527;
    color: white
}

.b-pagination-c {
    display: table;
    font-size: 15px;
    margin: 9.75px 0!important;
    padding: 0!important;
    text-align: center;
    width: 100%
}

.b-pagination-c::after {
    clear: both;
    content: "";
    display: table
}

.b-pagination-c .b-pagination-prev,
.b-pagination-c .b-pagination-next,
.b-pagination-c .b-pagination-first,
.b-pagination-c .b-pagination-last,
.b-pagination-c .b-pagination-display {
    display: table-cell;
    list-style-type: none;
    vertical-align: top
}

.b-pagination-c .b-pagination-prev>a,
.b-pagination-c .b-pagination-prev .b-pagination-next>a,
.b-pagination-c .b-pagination-prev .b-pagination-first>a,
.b-pagination-c .b-pagination-prev .b-pagination-last>a,
.b-pagination-c .b-pagination-prev .b-pagination-display>a,
.b-pagination-c .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-next .b-pagination-prev>a,
.b-pagination-c .b-pagination-next>a,
.b-pagination-c .b-pagination-next .b-pagination-first>a,
.b-pagination-c .b-pagination-next .b-pagination-last>a,
.b-pagination-c .b-pagination-next .b-pagination-display>a,
.b-pagination-c .b-pagination-next .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-next dt>a,
.b-pagination-c .b-pagination-first .b-pagination-prev>a,
.b-pagination-c .b-pagination-first .b-pagination-next>a,
.b-pagination-c .b-pagination-first>a,
.b-pagination-c .b-pagination-first .b-pagination-last>a,
.b-pagination-c .b-pagination-first .b-pagination-display>a,
.b-pagination-c .b-pagination-first .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-first dt>a,
.b-pagination-c .b-pagination-last .b-pagination-prev>a,
.b-pagination-c .b-pagination-last .b-pagination-next>a,
.b-pagination-c .b-pagination-last .b-pagination-first>a,
.b-pagination-c .b-pagination-last>a,
.b-pagination-c .b-pagination-last .b-pagination-display>a,
.b-pagination-c .b-pagination-last .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-last dt>a,
.b-pagination-c .b-pagination-display .b-pagination-prev>a,
.b-pagination-c .b-pagination-display .b-pagination-next>a,
.b-pagination-c .b-pagination-display .b-pagination-first>a,
.b-pagination-c .b-pagination-display .b-pagination-last>a,
.b-pagination-c .b-pagination-display>a,
.b-pagination-c .b-pagination-display .b-pagination-prev dt>a,
.b-pagination-c .b-pagination-prev .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-next dt>a,
.b-pagination-c .b-pagination-next .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-first dt>a,
.b-pagination-c .b-pagination-first .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display .b-pagination-last dt>a,
.b-pagination-c .b-pagination-last .b-pagination-display dt>a,
.b-pagination-c .b-pagination-display dt>a {
    cursor: pointer;
    display: block;
    padding: 15px 8px;
    margin-top: 15px
}

.single-column .b-pagination-c .b-pagination-prev>*,
.single-column .b-pagination-c .b-pagination-next>*,
.single-column .b-pagination-c .b-pagination-first>*,
.single-column .b-pagination-c .b-pagination-last>*,
.single-column .b-pagination-c .b-pagination-display>* {
    line-height: 25px
}

.b-pagination-c .b-pagination-prev dl,
.b-pagination-c .b-pagination-next dl,
.b-pagination-c .b-pagination-first dl,
.b-pagination-c .b-pagination-last dl,
.b-pagination-c .b-pagination-display dl {
    line-height: normal;
    min-height: 48px
}

.b-pagination-c .b-pagination-prev dl,
.b-pagination-c .b-pagination-prev dd,
.b-pagination-c .b-pagination-next dl,
.b-pagination-c .b-pagination-next dd,
.b-pagination-c .b-pagination-first dl,
.b-pagination-c .b-pagination-first dd,
.b-pagination-c .b-pagination-last dl,
.b-pagination-c .b-pagination-last dd,
.b-pagination-c .b-pagination-display dl,
.b-pagination-c .b-pagination-display dd {
    margin: 0
}

.b-pagination-c .b-pagination-prev dt,
.b-pagination-c .b-pagination-next dt,
.b-pagination-c .b-pagination-first dt,
.b-pagination-c .b-pagination-last dt,
.b-pagination-c .b-pagination-display dt {
    margin-bottom: 10px
}

.b-pagination-c .b-pagination-prev dd,
.b-pagination-c .b-pagination-next dd,
.b-pagination-c .b-pagination-first dd,
.b-pagination-c .b-pagination-last dd,
.b-pagination-c .b-pagination-display dd {
    font-size: 13px;
    font-weight: bold
}

.b-pagination-c .b-pagination-prev dd:before,
.b-pagination-c .b-pagination-next dd:before,
.b-pagination-c .b-pagination-first dd:before,
.b-pagination-c .b-pagination-last dd:before,
.b-pagination-c .b-pagination-display dd:before {
    content: "\201C"
}

.b-pagination-c .b-pagination-prev dd:after,
.b-pagination-c .b-pagination-next dd:after,
.b-pagination-c .b-pagination-first dd:after,
.b-pagination-c .b-pagination-last dd:after,
.b-pagination-c .b-pagination-display dd:after {
    content: "\201D"
}

.b-pagination-c .b-pagination-first,
.b-pagination-c .b-pagination-last {
    width: 10%
}

.b-pagination-c .b-pagination-prev {
    padding: 0 58.5px 0 0;
    width: 40%
}

.single-column .b-pagination-c .b-pagination-prev {
    padding: 0 58.5px 0 19.5px;
    width: 30%
}

.b-pagination-c .b-pagination-prev:only-of-type {
    float: left;
    padding: 0
}

.b-pagination-c .b-pagination-next {
    padding: 0 0 0 58.5px;
    width: 40%
}

.single-column .b-pagination-c .b-pagination-next {
    padding: 0 19.5px 0 58.5px;
    width: 30%
}

.b-pagination-c .b-pagination-display {
    cursor: default;
    display: table-cell;
    padding: .3em .6em;
    line-height: 50px;
    vertical-align: middle
}

.single-column .b-pagination-c .b-pagination-display {
    line-height: 25px
}

.post-collection+.b-pagination-c {
    display: block
}

.post-collection+.b-pagination-c .b-pagination-prev,
.post-collection+.b-pagination-c .b-pagination-next {
    display: block;
    float: right;
    padding: 0
}

.post-collection+.b-pagination-c .b-pagination-prev {
    float: left
}

.post .b-pagination-c .b-pagination-item>a:before,
.post .b-pagination-c .b-pagination-item>a:after {
    display: none
}

.b-pagination-c .s-disabled {
    display: block;
    padding: 15px 8px;
    margin-top: 15px
}

.b-search-a {
    margin-bottom: 19.5px
}

.b-search-a::after {
    clear: both;
    content: "";
    display: table
}

.b-search-a .b-search-input,
.b-search-a .b-search-submit,
.b-search-a .b-search-advanced {
    display: inline-block
}

.b-search-a input[type="search"] {
    height: 20px;
    padding: 4px 6px;
    width: 220px
}

.b-search-a input[type=submit],
.b-search-a [type="submit"] {
    background-image: url("../../Blocks/images/icons/12x12/white/icon-search.png");
    background-position: center center;
    background-repeat: no-repeat;
    padding: 4px 15px;
    text-indent: -99999px;
    position: relative
}

.b-search-a input[type=submit]:hover,
.b-search-a input[type=submit]:active,
.b-search-a [type="submit"]:hover,
.b-search-a [type="submit"]:active {
    background-image: url("../../Blocks/images/icons/12x12/white/icon-search.png");
    background-position: center center
}

.b-search-b {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.25);
    height: auto;
    padding: 10px;
    position: relative;
    text-align: center
}

.b-search-b::after {
    clear: both;
    content: "";
    display: table
}

.b-search-b .b-search-form {
    text-align: center
}

.b-search-b .b-search-input {
    display: inline-block;
    background: 0
}

.b-search-b .b-search-submit {
    display: inline-block
}

.b-shoutbox-a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    clear: both;
    padding-bottom: 19.5px;
    margin-bottom: 19.5px
}

.b-shoutbox-a::after {
    clear: both;
    content: "";
    display: table
}

.b-shoutbox-a>header::after {
    clear: both;
    content: "";
    display: table
}

.b-shoutbox-a>div {
    clear: both
}

.b-shoutbox-a form {
    margin: 0
}

.b-shoutbox-a .b-userAction {
    float: right
}

.b-shoutbox-a .shoutbox-messages {
    max-height: 250px;
    overflow: auto;
    margin-bottom: 10px
}

.b-shoutbox-a .shoutbox-messages>table.listing {
    margin-bottom: 0
}

.b-shoutbox-a .message .message-time {
    width: 1%;
    white-space: nowrap;
    font-size: 11px;
    padding: 3px
}

.b-shoutbox-a .message .message-time abbr[title] {
    border: 0
}

.b-shoutbox-a .message .message-author {
    padding: 3px
}

.b-shoutbox-a .message .message-author>* {
    display: inline-block;
    margin: 0
}

.b-shoutbox-a .message .message-author .message-actions {
    float: right;
    opacity: .25;
    text-align: right;
    width: 16px
}

.b-shoutbox-a .message .message-author .message-actions a {
    width: 16px;
    height: 16px;
    display: block
}

.b-shoutbox-a .message .message-author .message-actions a.message-action-delete::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f057';
    color: darkred
}

.b-shoutbox-a .message:hover .message-author .message-actions {
    opacity: 1
}

.b-shoutbox-a form::after {
    clear: both;
    content: "";
    display: table
}

.b-shoutbox-a form .shoutbox-form-message {
    float: left;
    width: 90%;
    margin-right: 5px
}

.b-shoutbox-a form .form-actions {
    float: left
}

.b-shoutbox-a .b-shoutbox-emotesBox {
    position: reltiave;
    z-index: 2;
    background: #eee;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.9)
}

.b-shoutbox-a .b-shoutbox-emotes {
    line-height: 30px
}

.b-shoutbox-a .b-shoutbox-emotes>a {
    background: url("../../Blocks/images/emotes/face-embarrassed.png");
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer
}

.b-shoutbox-a .shoutbox-emotes-emote>img {
    max-width: none
}

.b-shoutbox-a .b-shoutbox-emotesBox,
.b-shoutbox-a #shoutbox-context-menu-div {
    display: none
}

.b-shoutbox-a .u-form-tabular {
    margin-bottom: 0
}

.b-social-a {
    position: relative
}

.b-social-a::after {
    clear: both;
    content: "";
    display: table
}

.b-social-a .social-share {
    display: inline-block;
    height: 21px
}

.b-social-a .social-share.facebook {
    width: 100px
}

.b-social-a .social-share.reddit {
    padding-top: 1px
}

.social-share--generic {
    text-transform: uppercase
}

.b-social-facebook,
.b-social-twitter,
.b-social-google,
.b-social-youtube,
.b-social-reddit {
    height: 22px;
    line-height: 20px;
    padding: 0 6px;
    font-family: arial, sans-serif;
    font-size: 10px;
    color: #fff
}

.b-social-facebook:hover,
.b-social-twitter:hover,
.b-social-google:hover,
.b-social-youtube:hover,
.b-social-reddit:hover {
    color: #fff
}

.b-social-facebook i:after,
.b-social-twitter i:after,
.b-social-google i:after,
.b-social-youtube i:after,
.b-social-reddit i:after {
    right: -5px
}

.b-social-facebook {
    background-color: #3c5897;
    background-image: -webkit-linear-gradient(top, #4f71bf, #3c5897);
    background-image: linear-gradient(to bottom, #4f71bf, #3c5897);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4)
}

.b-social-facebook:hover,
.b-social-facebook:visited {
    color: #fff
}

.b-social-facebook:hover {
    background-color: #3c5897
}

.b-social-facebook i {
    width: 12px;
    height: 13px
}

.b-social-facebook i::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f09a';
    color: #fff
}

.b-social-facebook i::after {
    background: #354d85;
    top: 2px
}

.b-social-twitter {
    background-color: #00afef;
    background-image: -webkit-linear-gradient(top, #00cffe, #00afef);
    background-image: linear-gradient(to bottom, #00cffe, #00afef);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4)
}

.b-social-twitter:hover,
.b-social-twitter:visited {
    color: #fff
}

.b-social-twitter:hover {
    background-color: #00afef
}

.b-social-twitter i {
    width: 15px;
    height: 12px
}

.b-social-twitter i::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f099';
    color: #fff
}

.b-social-twitter i::after {
    background: #009cd6
}

.b-social-google {
    background-color: #d44027;
    background-image: -webkit-linear-gradient(top, #da5232, #d44027);
    background-image: linear-gradient(to bottom, #da5232, #d44027);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    padding-left: 0
}

.b-social-google>span {
    line-height: 21px;
    vertical-align: top
}

.b-social-google:hover,
.b-social-google:visited {
    color: #fff
}

.b-social-google:hover {
    background-color: #d44027
}

.b-social-google i {
    width: 20px;
    height: 20px
}

.b-social-google i::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f0d5';
    color: #fff
}

.b-social-google i::after {
    background: #be3923
}

.b-social-youtube {
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
    background-image: linear-gradient(to bottom, #fff, #e9e9e9);
    color: #111;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9)
}

.b-social-youtube:hover,
.b-social-youtube:visited {
    color: #111
}

.b-social-youtube:hover {
    background-color: #e9e9e9
}

.b-social-youtube i {
    width: 16px;
    height: 12px
}

.b-social-youtube i::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\e801';
    color: #fff
}

.b-social-youtube i::after {
    background: gainsboro
}

.b-social-reddit {
    background-color: #3c5897;
    background-image: -webkit-linear-gradient(top, #3c5897, #88a0d6);
    background-image: linear-gradient(to bottom, #3c5897, #88a0d6)
}

.b-social-reddit:hover {
    background-color: #88a0d6
}

.b-social-reddit i::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f1a1';
    color: #fff
}

.b-social-reddit i::after {
    background: #354d85
}

.b-social-networks {
    border-radius: 5px;
    background: #111;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid #222;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.9);
    position: absolute;
    top: 20px;
    right: 300px;
    padding: 4px 5px;
    line-height: 20px
}

.b-social-networks li {
    display: inline-block
}

.b-tab-a::after {
    clear: both;
    content: "";
    display: table
}

.flexbox .b-tab-a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    list-style-type: none;
    width: 100%
}

.no-flexbox .b-tab-a {
    display: table
}

.u-typography-format .b-tab-a {
    padding: 0
}

.b-tab-a .b-tab-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    position: relative;
    text-align: center;
    -moz-transition: width .7s ease-out;
    -o-transition: width .7s ease-out;
    -webkit-transition: width .7s ease-out;
    transition: width .7s ease-out
}

.b-tab-a .b-tab-item>a {
    background: #18181a;
    color: #fff;
    display: block;
    padding: 4px 8px;
    white-space: nowrap
}

.b-tab-a .b-tab-item>a:hover {
    background: #242527;
    color: #fff
}

.b-tab-a .b-tab-item+.b-tab-item {
    margin-left: 4px;
    padding-left: 4px
}

.no-flexbox .b-tab-a .b-tab-item {
    display: table-cell
}

.b-tab-a .b-tab-item.selected>a,
.b-tab-a .b-tab-item.b-tab-selected>a {
    background: #18181a none;
    color: #fff;
    font-weight: bold
}

.no-flexbox .b-tab-a::after {
    clear: both;
    content: "";
    display: table
}

.no-flexbox .b-tab-a .b-tab-item {
    float: left;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0
}

.no-flexbox .b-tab-a .b-tab-item+b-tab-item {
    margin-left: 4px;
    padding-left: 4px
}

.b-tab-b {
    position: relative
}

.b-tab-b::after {
    clear: both;
    content: "";
    display: table
}

.b-tab-b .b-tab-nav {
    margin: 0 0 19.5px;
    padding: 0;
    border-bottom: 1px solid #242527;
    list-style: none
}

.b-tab-b .b-tab-nav::after {
    clear: both;
    content: "";
    display: table
}

.b-tab-b .b-tab-item {
    float: left;
    cursor: pointer
}

.b-tab-b .b-tab-item>a,
.b-tab-b .b-tab-item a:active {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #18181a;
    display: block;
    padding: 4px 8px;
    margin-right: 2px;
    max-width: 155px;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.b-tab-b .b-tab-item>a:hover,
.b-tab-b .b-tab-item a:active:hover {
    background: #242527;
    color: #fff
}

.b-tab-b .b-tab-item.selected a {
    background: #242527;
    color: #fff;
    font-weight: bold
}

.b-tab-b .b-tab-item .u-icon-warning {
    top: 3px;
    left: 3px
}

.b-tab-b .b-tab-content table td {
    word-break: break-word;
    vertical-align: top
}

.b-tab-b .b-tab-content #tab-private .p-comment-wrapper {
    background: #f3f3be
}

.b-tab-b .b-tab-content #tab-private .p-comment-wrapper::before {
    border-right: 10px solid #f3f3be
}

.b-tab-b .b-tab-content #tab-private .p-comment-wrapper .source-quote {
    background: #f3f3be
}

.b-tab-b .b-tab-content #tab-private .p-comment-wrapper .post-index {
    background: #d9d98e
}

.b-tab-b .b-tab-content #tab-private .tabbed-container {
    border: 6px solid #f3f3be
}

.b-table-a thead tr td,
.b-shoutbox-a .shoutbox-messages>table.listing thead tr td {
    background: -webkit-linear-gradient(top, #f2f7e2, #d0e390);
    background: linear-gradient(to bottom, #f2f7e2, #d0e390);
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 8px 4px;
    color: #000;
    font-size: 12px
}

.b-table-a th,
.b-shoutbox-a .shoutbox-messages>table.listing th {
    background: -webkit-linear-gradient(top, #f2f7e2, #d0e390);
    background: linear-gradient(to bottom, #f2f7e2, #d0e390);
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 8px 4px;
    color: #000;
    font-size: 12px
}

.b-table-a th .asc,
.b-shoutbox-a .shoutbox-messages>table.listing th .asc,
.b-table-a th .desc,
.b-shoutbox-a .shoutbox-messages>table.listing th .desc {
    position: relative;
    padding-right: 12px
}

.b-table-a th .asc:after,
.b-shoutbox-a .shoutbox-messages>table.listing th .asc:after,
.b-table-a th .desc:after,
.b-shoutbox-a .shoutbox-messages>table.listing th .desc:after {
    position: absolute;
    right: 0;
    top: 2px;
    content: '';
    width: 0;
    height: 0;
    vertical-align: baseline;
    border-bottom: 4px solid rgba(255, 255, 255, 0.3)!important;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}

.b-table-a th .asc:before,
.b-shoutbox-a .shoutbox-messages>table.listing th .asc:before,
.b-table-a th .desc:before,
.b-shoutbox-a .shoutbox-messages>table.listing th .desc:before {
    position: absolute;
    right: 0;
    bottom: 2px;
    content: '';
    width: 0;
    height: 0;
    vertical-align: baseline;
    border-top: 4px solid rgba(255, 255, 255, 0.3)!important;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}

.b-table-a th .asc:hover:before,
.b-shoutbox-a .shoutbox-messages>table.listing th .asc:hover:before,
.b-table-a th .desc:hover:before,
.b-shoutbox-a .shoutbox-messages>table.listing th .desc:hover:before {
    border-top-color: rgba(255, 255, 255, 0.6)
}

.b-table-a th .asc:hover:after,
.b-shoutbox-a .shoutbox-messages>table.listing th .asc:hover:after,
.b-table-a th .desc:hover:after,
.b-shoutbox-a .shoutbox-messages>table.listing th .desc:hover:after {
    border-bottom-color: rgba(255, 255, 255, 0.6)
}

.b-table-a th .asc.selected:after,
.b-shoutbox-a .shoutbox-messages>table.listing th .asc.selected:after {
    border-bottom-color: #fff!important
}

.b-table-a th .desc.selected:before,
.b-shoutbox-a .shoutbox-messages>table.listing th .desc.selected:before {
    border-top-color: #fff!important
}

.b-table-a th>a,
.b-shoutbox-a .shoutbox-messages>table.listing th>a,
.b-table-a th>a:hover,
.b-shoutbox-a .shoutbox-messages>table.listing th>a:hover,
.b-table-a th>a:visited,
.b-shoutbox-a .shoutbox-messages>table.listing th>a:visited {
    color: #000
}

.b-table-a td,
.b-shoutbox-a .shoutbox-messages>table.listing td {
    background: #E1EDB9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-width: 1px;
    border-width-top: 0;
    padding: 8px 4px;
    vertical-align: middle;
    color: #000
}

.b-table-a td dd,
.b-shoutbox-a .shoutbox-messages>table.listing td dd,
.b-table-a td dl,
.b-shoutbox-a .shoutbox-messages>table.listing td dl {
    margin: 0
}

.b-table-a td a,
.b-shoutbox-a .shoutbox-messages>table.listing td a,
.b-table-a td a:visited,
.b-shoutbox-a .shoutbox-messages>table.listing td a:visited,
.b-table-a td a:active,
.b-shoutbox-a .shoutbox-messages>table.listing td a:active {
    color: #000
}

.b-table-a td a:hover,
.b-shoutbox-a .shoutbox-messages>table.listing td a:hover,
.b-table-a td a:visited:hover,
.b-shoutbox-a .shoutbox-messages>table.listing td a:visited:hover,
.b-table-a td a:active:hover,
.b-shoutbox-a .shoutbox-messages>table.listing td a:active:hover {
    color: #0d0d0d
}

.b-table-a td a.button,
.b-shoutbox-a .shoutbox-messages>table.listing td a.button,
.b-table-a td a:visited.button,
.b-shoutbox-a .shoutbox-messages>table.listing td a:visited.button,
.b-table-a td a:active.button,
.b-shoutbox-a .shoutbox-messages>table.listing td a:active.button {
    color: #242527
}

.b-table-a td a.button:hover,
.b-shoutbox-a .shoutbox-messages>table.listing td a.button:hover,
.b-table-a td a:visited.button:hover,
.b-shoutbox-a .shoutbox-messages>table.listing td a:visited.button:hover,
.b-table-a td a:active.button:hover,
.b-shoutbox-a .shoutbox-messages>table.listing td a:active.button:hover {
    color: #242527
}

.b-table-a tr:nth-child(even) td,
.b-shoutbox-a .shoutbox-messages>table.listing tr:nth-child(even) td,
.b-table-a tr.odd td,
.b-shoutbox-a .shoutbox-messages>table.listing tr.odd td {
    background: #E1EDB9
}

body .listing-body .b-table-a.listing-warning-record td,
body .listing-body .b-shoutbox-a .shoutbox-messages>table.listing-warning-record.listing td,
.b-shoutbox-a body .listing-body .shoutbox-messages>table.listing-warning-record.listing td {
    padding: 10px 4px
}

body .listing-body .b-table-a.listing-warning-record td .view-post,
body .listing-body .b-shoutbox-a .shoutbox-messages>table.listing-warning-record.listing td .view-post,
.b-shoutbox-a body .listing-body .shoutbox-messages>table.listing-warning-record.listing td .view-post {
    float: right
}

body .listing-body .b-table-a.listing-warning-record td .view-post .view-icon,
body .listing-body .b-shoutbox-a .shoutbox-messages>table.listing-warning-record.listing td .view-post .view-icon,
.b-shoutbox-a body .listing-body .shoutbox-messages>table.listing-warning-record.listing td .view-post .view-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-top: -2px;
    vertical-align: middle;
    -webkit-transition: .1s box-shadow ease-out;
    -moz-transition: .1s box-shadow ease-out;
    transition: .1s box-shadow ease-out
}

body .listing-body .b-table-a.listing-warning-record td .view-post .view-icon::before,
body .listing-body .b-shoutbox-a .shoutbox-messages>table.listing-warning-record.listing td .view-post .view-icon::before,
.b-shoutbox-a body .listing-body .shoutbox-messages>table.listing-warning-record.listing td .view-post .view-icon::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f14c'
}

body .listing-body .b-table-a.listing-warning-record td .view-post .view-icon:hover,
body .listing-body .b-shoutbox-a .shoutbox-messages>table.listing-warning-record.listing td .view-post .view-icon:hover,
.b-shoutbox-a body .listing-body .shoutbox-messages>table.listing-warning-record.listing td .view-post .view-icon:hover {
    -moz-box-shadow: 0 0 1px 1px #2e2c2c;
    -webkit-box-shadow: 0 0 1px 1px #2e2c2c;
    box-shadow: 0 0 1px 1px #2e2c2c;
    -webkit-transition: box-shadow .1s ease-in;
    -moz-transition: box-shadow .1s ease-in;
    transition: box-shadow .1s ease-in
}

.b-userAction-a {
    display: block;
    position: relative
}

.b-userAction-a::after {
    clear: both;
    content: "";
    display: table
}

.b-userAction-a:not(.u-dropDownMenu) .b-userAction-item {
    display: inline-block
}

.b-userAction-a:not(.u-dropDownMenu) .b-userAction-item.user-action-edit {
    display: inline-block!important
}

.b-userAction-a:not(.u-dropDownMenu) .b-userAction-item+.b-userAction-item {
    margin-left: 6px
}

.manage-twitch-account {
    max-width: 400px;
    margin: auto auto 20px 0
}

.manage-twitch-account .usernames-container {
    border: 1px solid lightgrey;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 0 15px 15px
}

.manage-twitch-account .usernames-container .username {
    border: 1px solid grey;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    height: 90px
}

.manage-twitch-account .usernames-container .username::before {
    content: '';
    display: block;
    position: relative;
    top: -20px;
    left: calc(50% - 43px);
    height: 24px;
    width: 86px
}

.manage-twitch-account .usernames-container .username p {
    margin-top: -15px;
    font-size: 14px;
    line-height: 1.5
}

.manage-twitch-account .usernames-container .username p.name {
    font-size: 28px;
    font-weight: bold;
    margin-top: -20px
}

.manage-twitch-account .usernames-container .twitch-username {
    margin-top: 30px
}

.manage-twitch-account .usernames-container .twitch-username::before {
    background: url("../../Blocks/images/icons/twitch/twitchlogo.png") no-repeat;
    background-size: contain;
    left: calc(50% - 32px);
    height: 24px;
    width: 64px
}

.manage-twitch-account .usernames-container .twitch-button {
    display: block;
    height: 60px;
    background: #6441A5;
    box-shadow: none;
    border: 0;
    transition: none;
    margin: 20px auto 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.manage-twitch-account .usernames-container .twitch-button p {
    background: url("../../Blocks/images/icons/twitch/glitch-white.png") no-repeat;
    background-size: contain;
    padding-left: 25px;
    font-size: 16px
}

.p-account-merge-a {
    background: transparent;
    padding: 10px
}

.p-account-merge-a .account-merge-index {
    text-align: center
}

.p-account-merge-a .account-merge-index .account-merge-title {
    display: block;
    font-size: 35px
}

.p-account-merge-a .account-merge-index .process-message {
    display: block;
    width: 500px;
    margin: 20px auto;
    font-size: 16px
}

.p-account-merge-a .account-merge-index .merge-form-container {
    width: 340px;
    margin: 20px auto;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    background: #141414;
    color: #eee;
    border-radius: 2px
}

.p-account-merge-a .account-merge-index .merge-form-container .form-field {
    width: 250px;
    margin: 20px auto
}

.p-account-merge-a .account-merge-index .merge-form-container .form-field label {
    text-align: left;
    font-size: 16px
}

.p-account-merge-a .account-merge-index .merge-form-container .form-field input {
    border: 1px solid rgba(0, 0, 0, 0.25);
    height: 32px;
    width: 250px
}

.p-account-merge-a .account-merge-index .merge-form-container .form-field #field-curse-login {
    width: 250px;
    height: 50px;
    font-size: 16px
}

.p-account-merge-a .account-merge-index .form-field-submit-field button {
    width: 250px;
    height: 50px;
    font-size: 16px
}

.p-account-merge-a .account-merge-index #account-merge-form {
    margin-top: 20px
}

.p-account-merge-a .account-merge-index #account-merge-form .title {
    display: block;
    font-size: 50px;
    font-weight: bolder;
    width: 340px;
    margin: 0 auto;
    margin-bottom: 20px
}

.p-account-merge-a .account-merge-index #account-merge-form .title .step-number {
    border: 1px solid rgba(0, 0, 0, 0.25);
    background: #2e2c2c;
    color: #242527;
    padding: 0 5px;
    display: inline-block;
    height: 50px;
    line-height: 50px
}

.p-account-merge-a .account-merge-index #account-merge-form .message-1 {
    display: block;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px
}

.p-account-merge-a .account-merge-index #account-merge-form .message-2 {
    display: block;
    font-size: 14px
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-1 .title-container {
    display: block
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm {
    padding: 10px 3%;
    border: 1px solid rgba(0, 0, 0, 0.25)
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm::after {
    clear: both;
    content: "";
    display: table
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .confirm-message {
    display: block;
    margin-bottom: 20px;
    font-size: 18px
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .step-3-detail::after {
    clear: both;
    content: "";
    display: table
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .warning-message-container {
    clear: both;
    margin: 20px auto
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .warning-message-container .title {
    display: inline;
    font-size: 14px
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .submit-container #form-field-cancel {
    float: left
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .submit-container #form-field-confirm {
    float: right
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .site-account-info,
.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .curse-account-info {
    width: 250px
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .site-account-info .message,
.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .curse-account-info .message {
    display: block;
    margin: 5px auto
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .site-account-info .sub-message,
.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .curse-account-info .sub-message {
    color: #000;
    margin-top: 10px
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .site-account-info .step-3-details,
.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .curse-account-info .step-3-details {
    border: 1px solid #2e2c2c;
    min-height: 100px;
    text-align: left;
    padding: 10px;
    background: #2e2c2c;
    color: #242527
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .site-account-info .step-3-details p,
.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .curse-account-info .step-3-details p {
    margin: 0
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .site-account-info .step-3-details p span,
.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .curse-account-info .step-3-details p span {
    word-break: break-all
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .site-account-info .step-3-details p.posts .curse-posts-add,
.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .curse-account-info .step-3-details p.posts .curse-posts-add {
    color: #3c3e42
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .site-account-info .step-3-details p.private-messages .curse-private-messages-add,
.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .curse-account-info .step-3-details p.private-messages .curse-private-messages-add {
    color: #3c3e42
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .site-account-info {
    float: left
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .curse-account-info {
    float: right
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .into-block {
    font-size: 18px;
    margin-top: 40px;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    left: 46%;
    width: 7%
}

body.body-accountmerge-mergeaccounts #site.single-column .p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .into-block {
    left: 32%;
    width: 35%
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .into-block .into-text {
    padding-left: 5%
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .into-block .arrow_box {
    position: relative;
    background: #2e2c2c;
    border: 4px solid #2e2c2c;
    margin-top: 5px
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .into-block .arrow_box:after,
.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .into-block .arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .into-block .arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #2e2c2c;
    border-width: 10px;
    margin-top: -10px
}

.p-account-merge-a .account-merge-index #account-merge-form .account-merge-step-3 .step-3-confirm .into-block .arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #2e2c2c;
    border-width: 10px;
    margin-top: -10px
}

.p-account-merge-a .account-merge-step-complete {
    text-align: center
}

.p-account-merge-a .account-merge-step-complete>span {
    display: block
}

.p-account-merge-a .account-merge-step-complete .message-1 {
    display: block;
    font-size: 30px
}

.p-account-merge-a .account-merge-step-complete .message-2 {
    font-size: 18px;
    margin: 20px auto
}

.p-account-merge-a .account-merge-step-complete .message-2 .curse-username {
    font-weight: bold
}

.p-account-merge-a .account-merge-step-complete .message-3 {
    font-size: 18px
}

.p-achievement.p-achievement-list .p-achievement-list-header {
    padding: 0 10px 0 39px;
    line-height: 24px;
    margin: 25px 0 5px 50px;
    background-color: #f9f9f9;
    display: inline-block;
    z-index: 1
}

.p-achievement.p-achievement-list .p-achievement-list-header:before {
    content: '';
    display: block;
    background: -webkit-linear-gradient(-405deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 2%, rgba(255, 255, 255, 0.3) 2%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.1) 49%, rgba(255, 255, 255, 0.3) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 2%, rgba(255, 255, 255, 0.3) 2%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.1) 49%, rgba(255, 255, 255, 0.3) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background-color: #000;
    height: 4px;
    position: absolute;
    left: 0;
    margin-top: 10px;
    width: 100%;
    z-index: -1
}

.p-achievement.p-achievement-list .p-achievement-list-header:after {
    content: '';
    display: block;
    background-image: url(../../Blocks/images/achievements/listing_trophies.png);
    background-repeat: no-repeat;
    background-position: -75px 0;
    height: 24px;
    width: 25px;
    position: absolute;
    margin: -24px 0 0 -32px
}

.p-achievement.p-achievement-list .p-achievement-list-header.p-achievement-list-header-tier-1:before {
    background-color: #b1845c
}

.p-achievement.p-achievement-list .p-achievement-list-header.p-achievement-list-header-tier-1:after {
    background-position: 0 0
}

.p-achievement.p-achievement-list .p-achievement-list-header.p-achievement-list-header-tier-2:before {
    background-color: #D0D0D0
}

.p-achievement.p-achievement-list .p-achievement-list-header.p-achievement-list-header-tier-2:after {
    background-position: -25px 0
}

.p-achievement.p-achievement-list .p-achievement-list-header.p-achievement-list-header-tier-3:before {
    background-color: #FC0
}

.p-achievement.p-achievement-list .p-achievement-list-header.p-achievement-list-header-tier-3:after {
    background-position: -50px 0
}

.p-achievement.p-achievement-list ul.p-achievement-listing li {
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5
}

.p-achievement.p-achievement-list ul.p-achievement-listing li::after {
    clear: both;
    content: "";
    display: table
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details {
    width: 332px;
    margin: 0 auto;
    border: 1px solid #8f8f8f;
    background-color: #2c2c2c;
    border-radius: 5px;
    position: relative
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-1 a {
    border-color: #b1845c
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-2 a {
    border-color: #D0D0D0
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-3 a {
    border-color: #FC0
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-3 figure {
    margin: 1px 6px 0 0
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a {
    display: block;
    position: relative;
    border: 2px solid #000;
    border-radius: 2px;
    padding: 10px 15px 10px 45px;
    width: 330px;
    color: #fff;
    text-decoration: none;
    min-height: 65px;
    font-weight: bold
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a>div {
    line-height: 30px;
    margin-top: -2px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a>div:not(.p-achievement-has-progress-bar) {
    margin: 5px 0
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a span.p-achievement-progress-bar {
    display: block;
    height: 5px;
    width: 0;
    max-width: 265px;
    position: relative;
    margin-top: 0
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a span.p-achievement-progress-bar:before {
    position: absolute;
    content: '';
    border: 1px solid #121212;
    display: block;
    background: #222;
    height: 5px;
    left: -1px;
    top: -1px;
    width: 265px;
    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.3)
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a span.p-achievement-progress-bar:after {
    position: absolute;
    content: '';
    display: block;
    height: 5px;
    width: 100%;
    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.3)
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a>figure {
    font-size: 11px;
    position: absolute;
    right: 5px;
    top: 2px;
    font-weight: normal
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a:before,
.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a:after {
    content: '';
    display: block;
    position: absolute;
    background: url(../../Blocks/images/achievements/achievement_frames.png) no-repeat;
    left: -3px;
    height: 32px;
    width: 332px
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a:before {
    top: -4px
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details>a:after {
    bottom: -4px
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details:before {
    content: '';
    display: block;
    background-image: url(../../Blocks/images/achievements/listing_trophies.png);
    background-repeat: no-repeat;
    background-position: -75px 0;
    height: 24px;
    width: 25px;
    position: absolute;
    margin-top: -10px;
    left: 10px;
    top: 50%;
    opacity: .7
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details[data-earned="false"] {
    opacity: .8
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details[data-earned="false"]:before {
    opacity: .7
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-1:not([data-earned="false"]):before {
    background-position: 0 0
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-1>a:before {
    background-position: 0 0
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-1>a:after {
    background-position: 0 -96px
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-1>a span.p-achievement-progress-bar:after {
    background: -webkit-linear-gradient(top, #b1845c 0, #c29e7e 35%, #4e3926 100%);
    background: linear-gradient(to bottom, #b1845c 0, #c29e7e 35%, #4e3926 100%)
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-2:not([data-earned="false"]):before {
    background-position: -25px 0
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-2>a:before {
    background-position: 0 -32px
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-2>a:after {
    background-position: 0 -128px
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-2>a span.p-achievement-progress-bar:after {
    background: -webkit-linear-gradient(top, #D0D0D0 0, #eaeaea 35%, #848484 100%);
    background: linear-gradient(to bottom, #D0D0D0 0, #eaeaea 35%, #848484 100%)
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-3:not([data-earned="false"]):before {
    background-position: -50px 0
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-3>a:before {
    background-position: 0 -64px
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-3>a:after {
    background-position: 0 -160px
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-details.p-achievement-details-tier-3>a span.p-achievement-progress-bar:after {
    background: -webkit-linear-gradient(top, #FC0 0, #ffd633 35%, #665200 100%);
    background: linear-gradient(to bottom, #FC0 0, #ffd633 35%, #665200 100%)
}

.p-achievement.p-achievement-list ul.p-achievement-listing li .p-achievement-description {
    float: left;
    line-height: 17px
}

.p-achievement.p-achievement-list ul.p-achievement-listing li:first-child {
    border-top: 1px solid #e5e5e5
}

.p-achievement.p-achievement-list.p-user-achievement-list ul {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    max-width: none
}

.p-achievement.p-achievement-list.p-user-achievement-list ul::after {
    clear: both;
    content: "";
    display: table
}

.p-achievement.p-achievement-list.p-user-achievement-list ul::after {
    clear: both;
    content: "";
    display: table
}

.p-achievement.p-achievement-list.p-user-achievement-list ul li {
    border-top: none!important;
    border-bottom: none!important;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.p-achievement.p-achievement-list.p-user-achievement-list ul li:last-child {
    margin-right: 0
}

.p-achievement.p-achievement-list.p-user-achievement-list ul li:nth-child(2n) {
    margin-right: 0
}

.p-achievement.p-achievement-notices {
    display: inline-block;
    width: 330px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100000
}

.p-achievement.p-achievement-notices .p-achievement-notice {
    background: -webkit-linear-gradient(-425deg, #4c4c4c, #353535);
    background: linear-gradient(155deg, #4c4c4c, #353535);
    margin: 12px 0 0;
    border: 0 solid #fff;
    min-height: 0;
    height: auto;
    padding-left: 57px;
    position: relative;
    left: 350px;
    cursor: pointer;
    overflow: visible!important
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-1:before {
    background-position: 0 0
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-1:after {
    background-position: 0 -96px
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-1 h1.p-achievement-name:after {
    background-position: 0 0
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-2:before {
    background-position: 0 -32px
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-2:after {
    background-position: 0 -128px
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-2 h1.p-achievement-name:after {
    background-position: -35px 0
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-3:before {
    background-position: 0 -64px
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-3:after {
    background-position: 0 -160px
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-3 h1.p-achievement-name:after {
    background-position: -70px 0
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-1 {
    border-color: #b1845c
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-2 {
    border-color: #D0D0D0
}

.p-achievement.p-achievement-notices .p-achievement-notice.p-achievement-tier-3 {
    border-color: #FC0
}

.p-achievement.p-achievement-notices .p-achievement-notice h1.p-achievement-name {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
    font-family: Arial, sans-serif;
    height: 30px;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
    padding-left: 10px;
    margin: 0;
    color: #fff
}

.p-achievement.p-achievement-notices .p-achievement-notice h1.p-achievement-name:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 56px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 1px 0 rgba(255, 255, 255, 0.15)
}

.p-achievement.p-achievement-notices .p-achievement-notice h1.p-achievement-name:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 28px;
    width: 35px;
    height: 36px;
    margin: -18px 0 0 -17.5px;
    background-image: url(../../Blocks/images/achievements/achievement_trophies.png);
    background-repeat: no-repeat
}

.p-achievement.p-achievement-notices .p-achievement-notice p.p-achievement-description {
    padding: 10px;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
    font-size: 12px;
    color: #c1c1c1
}

.p-achievement.p-achievement-notices .p-achievement-notice:first-child {
    margin-top: 0
}

.p-achievement.p-achievement-notices .p-achievement-notice:before,
.p-achievement.p-achievement-notices .p-achievement-notice:after {
    content: '';
    background: url(../../Blocks/images/achievements/achievement_frames.png) no-repeat;
    position: absolute;
    left: -3px;
    display: block;
    width: 332px;
    height: 32px
}

.p-achievement.p-achievement-notices .p-achievement-notice:before {
    top: -4px
}

.p-achievement.p-achievement-notices .p-achievement-notice:after {
    bottom: -4px
}

.p-achievement.p-achievement-user-count::after {
    clear: both;
    content: "";
    display: table
}

.p-achievement.p-achievement-user-count li {
    float: left;
    position: relative;
    margin-right: 10px;
    padding-left: 17px
}

.p-achievement.p-achievement-user-count li:last-child {
    margin-right: 0
}

.p-achievement.p-achievement-user-count li::before {
    content: '';
    background: url(../../Blocks/images/achievements/post_trophies.png) left top no-repeat;
    height: 12px;
    width: 13px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px
}

.p-achievement.p-achievement-user-count .p-achievement-user-count-tier-1::before {
    background-position: 0 top
}

.p-achievement.p-achievement-user-count .p-achievement-user-count-tier-2::before {
    background-position: -13px top
}

.p-achievement.p-achievement-user-count .p-achievement-user-count-tier-3::before {
    background-position: -26px top
}

.p-achievement.p-achievement-tooltip {
    background: rgba(17, 17, 17, 0.92);
    border: 1px solid #808080!important;
    border-radius: 6px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
    font-size: 100%;
    opacity: 85%;
    padding: 7px;
    max-width: 320px;
    min-width: 250px
}

.p-achievement.p-achievement-tooltip span.total-earned {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    color: #aaa
}

.p-achievement.p-achievement-tooltip p.description {
    margin-bottom: 12px
}

.p-achievement.p-achievement-tooltip p.description:last-child {
    margin-bottom: 0
}

.p-achievement.p-achievement-tooltip p.details {
    color: #A0A0A0
}

.p-achievement.p-achievement-tooltip ul li {
    font-size: 12px
}

.p-achievement.p-achievement-tooltip ul li.earned {
    color: #0c6
}

.p-achievement.p-achievement-tooltip .p-achievement-tooltip-tier-1 h2 {
    color: #b1845c;
    font-size: 115%;
    margin-bottom: 4px
}

.p-achievement.p-achievement-tooltip .p-achievement-tooltip-tier-2 h2 {
    color: #D0D0D0;
    font-size: 115%;
    margin-bottom: 4px
}

.p-achievement.p-achievement-tooltip .p-achievement-tooltip-tier-3 h2 {
    color: #FC0;
    font-size: 115%;
    margin-bottom: 4px
}

body.body-achievement-index .p-achievement-list ul.p-achievement-listing {
    padding-left: 0
}

body.body-achievement-index .p-achievement-list ul.p-achievement-listing li,
body.body-achievement-index .p-achievement-list ul.p-achievement-listing li:first-child {
    border: 0
}

body.body-achievement-index .p-achievement-list ul.p-achievement-listing .p-achievement-details {
    float: left
}

body.body-achievement-index .p-achievement-list ul.p-achievement-listing .p-achievement-description {
    margin-right: 0;
    margin-left: 75px
}

@media screen and (max-width:935px) {
    body.body-achievement-index .p-achievement-list {
        text-align: center
    }
    body.body-achievement-index .p-achievement-list>*:not(h3) {
        text-align: left
    }
    body.body-achievement-index .p-achievement-list .p-achievement-list-header {
        margin-left: 0
    }
    body.body-achievement-index .p-achievement-list ul.p-achievement-listing .p-achievement-details,
    body.body-achievement-index .p-achievement-list ul.p-achievement-listing .p-achievement-description {
        float: none
    }
    body.body-achievement-index .p-achievement-list ul.p-achievement-listing .p-achievement-description {
        margin-left: 0;
        margin-top: 20px;
        max-width: none;
        text-align: center
    }
}

@media screen and (max-width:935px) and (max-width:389px) {
    body.body-achievement-index .p-achievement-list ul.p-achievement-listing .p-achievement-details {
        -webkit-transform: scale(0.79) translateX(-50%);
        -moz-transform: scale(0.79) translateX(-50%);
        -ms-transform: scale(0.79) translateX(-50%);
        -o-transform: scale(0.79) translateX(-50%);
        transform: scale(0.79) translateX(-50%);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        left: 50%
    }
    body.body-achievement-index .p-achievement-list ul.p-achievement-listing .p-achievement-description {
        margin-top: 0
    }
}

@media screen and (max-width:815px) {
    body.body-user-achievements .p-achievement.p-achievement-list.p-user-achievement-list ul li {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-right: 0
    }
    body.body-user-achievements .p-achievement.p-achievement-list.p-user-achievement-list ul li:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:815px) and (max-width:411px) {
    body.body-user-achievements .p-achievement.p-achievement-list.p-user-achievement-list ul li .p-achievement-details {
        -webkit-transform: scale(0.77) translateX(-50%);
        -moz-transform: scale(0.77) translateX(-50%);
        -ms-transform: scale(0.77) translateX(-50%);
        -o-transform: scale(0.77) translateX(-50%);
        transform: scale(0.77) translateX(-50%);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        left: 50%
    }
}

.p-avatar-select-a::after {
    clear: both;
    content: "";
    display: table
}

.p-avatar-select-a .p-avatar-upload {
    float: left;
    width: 31.96667%;
    margin-left: 2.05%;
    margin-left: 0
}

.ie7 .p-avatar-select-a .p-avatar-upload {
    width: 30.96667%
}

.p-avatar-select-a .p-avatar-upload .user-selection,
.p-avatar-select-a .p-avatar-upload .current-avatar {
    margin-bottom: 10px
}

.p-avatar-select-a .p-avatar-upload .user-selection .avatar a img,
.p-avatar-select-a .p-avatar-upload .current-avatar .avatar a img {
    width: 48px
}

.p-avatar-select-a .p-avatar-list {
    float: left;
    width: 65.98333%;
    margin-left: 2.05%
}

.ie7 .p-avatar-select-a .p-avatar-list {
    width: 64.98333%
}

.p-avatar-select-a .p-avatar-list .b-list-item {
    padding: 0;
    vertical-align: top
}

.p-avatar-select-a .p-avatar-list .b-list-item a {
    display: block;
    height: 100%;
    width: 100%
}

.p-avatar-select-a .p-avatar-list .b-list-item:before {
    display: none
}

.p-avatar-select-a .p-avatar-list .b-list-item .u-clip {
    border-radius: 4px;
    width: 60px;
    height: 60px;
    background: #242527;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    -ms-background-clip: content-box;
    -o-background-clip: content-box;
    background-clip: content-box
}

.p-avatar-select-a .p-avatar-list .b-list-item .u-clip:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.35) 0 2px 4px inset, rgba(255, 255, 255, 0.15) 0 1px 0
}

.p-avatar-select-a .p-avatar-list .b-list-item .u-clip img {
    width: 64px
}

.p-avatar-select-a .p-avatar-list .b-list-item a:hover .u-clip,
.p-avatar-select-a .p-avatar-list .b-list-item.avatar-selected .u-clip {
    border-color: #242527
}

.p-avatar-select-a .p-avatar-list .user-avatar-delete-link {
    text-align: center;
    font-size: 11px;
    display: block
}

.p-avatar-select-a .p-avatar-list .user-avatar-delete-link:before {
    display: none
}

.p-base-a .comments {
    background: #2e2c2c;
    color: #242527;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 6px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4)
}

.p-base-a .comments:hover {
    background: #141313;
    color: #242527
}

.p-base-a .comments:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 4px;
    border-width: 6px 0 0 6px;
    border-style: solid;
    border-color: #2e2c2c transparent;
    display: block;
    padding: 0;
    width: 0
}

.p-base-a .comments:hover:after {
    border-color: #141313 transparent
}

.atf .p-base-a {
    float: left;
    width: 430px;
    height: auto;
    margin-left: 10px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box
}

.atf .p-base-a.p-base_first {
    margin-left: 0!important
}

.atf .p-base-a .p-base-header {
    margin-bottom: 0
}

.atf .p-base-a .b-list .b-list-item {
    padding: 6px 10px;
    margin: 0
}

.atf .p-base-a .b-list-topic {
    display: none
}

.atf .p-base-a .p-base-footer {
    padding: 5px
}

.hide-ads .atf .p-base-a {
    width: 585px
}

.p-base-a .filters {
    margin-bottom: 19.5px
}

.p-base-a .filters label {
    background: #141414 none;
    border: 1px solid rgba(0, 0, 0, 0.25);
    font-weight: normal;
    padding: 2px 8px
}

.p-base-a .filters label:before {
    background: #141414 none;
    border: 1px solid rgba(0, 0, 0, 0.25);
    content: "";
    height: 13px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
    width: 13px
}

.p-base-a .filters label:before.s-checked {
    background: #242527 none
}

.p-base-a .filters label:hover:before {
    background: #242527 none
}

.p-base-a .filters label input[type="checkbox"] {
    left: -9999px;
    position: absolute
}

.p-base-a .filters .text-input {
    float: left;
    margin-right: 2.05%;
    width: 18%
}

.p-base-a .filters .title {
    position: absolute;
    left: -9999px
}

.p-base-a .filters .filter {
    display: inline-block;
    padding: 0
}

.p-base-a .filters .filter {
    margin-right: 9.75px
}

.p-base-a {
    background: white;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.25);
    margin-bottom: 19.5px;
    padding: 0 0 10px 0;
    position: relative
}

.p-base-a::after {
    clear: both;
    content: "";
    display: table
}

.p-base-a .p-base-header {
    margin: 0 0 10px 0;
    padding: 0
}

.p-base-a .p-base-header .title {
    padding: 0 10px 0 10px;
    color: #000;
    margin: 0
}

.p-base-a .p-base-content {
    padding: 10px
}

.p-base-a .p-base-content::after {
    clear: both;
    content: "";
    display: table
}

.p-base-a .p-base-content a,
.p-base-a .p-base-content a:active,
.p-base-a .p-base-content a:visited {
    color: #000
}

.p-base-a .p-base-content a:hover {
    color: #0d0d0d
}

.p-base-a .p-base-content .b-list-title {
    font-size: 14px;
    margin-bottom: .2em
}

.p-base-a .p-base-content .b-list-title a,
.p-base-a .p-base-content .b-list-title a:active,
.p-base-a .p-base-content .b-list-title a:visited {
    color: #000
}

.p-base-a .p-base-content .b-list-title a:hover {
    color: #0d0d0d
}

.p-base-a .p-base-content .b-list-item {
    line-height: normal;
    font-size: 11px
}

.p-base-a .p-base-content img {
    max-width: 100%
}

.p-base-a .p-base-footer {
    margin-top: 10px;
    padding: 0 10px 0 10px;
    text-align: right
}

.p-base-a .p-base-footer::after {
    clear: both;
    content: "";
    display: table
}

.p-base-a .p-base-footer a {
    color: #fff
}

.p-base-a .p-base-footer span:first-child {
    float: left
}

.p-base-a .p-base-footer span:last-child {
    float: right
}

.p-base-a .p-base-empty {
    background: white;
    margin: 19.5px;
    text-align: center
}

.p-change-nickname-modal {
    border-radius: 10px;
    padding: 20px
}

.p-change-nickname-modal .change-nickname-container .field-errors {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px
}

.p-change-nickname-modal .change-nickname-container .field-header {
    display: block;
    font-size: 16px;
    text-align: center
}

.p-change-nickname-modal .change-nickname-container .must-change input[type="text"] {
    width: 80%
}

.p-change-nickname-modal .change-nickname-container .must-change .new-nickname {
    width: 100%;
    float: none
}

.p-change-nickname-modal .change-nickname-container .must-change .new-nickname .form-field {
    text-align: center
}

.p-change-nickname-modal .change-nickname-container .must-change .footer-container {
    margin: 0 auto;
    clear: both;
    text-align: center
}

.p-change-nickname-modal .change-nickname-container .must-change .footer-container .form-field {
    display: inline
}

.p-change-nickname-modal .change-nickname-container .must-change .footer-container .form-field .button {
    width: 80%;
    float: none
}

.p-change-nickname-modal .change-nickname-container .optional-change .current-username {
    float: left;
    width: 45%
}

.p-change-nickname-modal .change-nickname-container .optional-change .current-username .field-header {
    margin-bottom: 4px
}

.p-change-nickname-modal .change-nickname-container .optional-change .current-username .username {
    display: block;
    font-size: 16px;
    background: #d5d5d5;
    word-break: break-all;
    padding: 3px 5px;
    border-radius: 5px
}

.p-change-nickname-modal .change-nickname-container .optional-change .footer-container {
    margin: 0 auto;
    clear: both
}

.p-change-nickname-modal .change-nickname-container .optional-change .footer-container .form-field {
    display: inline
}

.p-change-nickname-modal .change-nickname-container .optional-change .footer-container .form-field .button {
    width: 45%;
    float: right
}

.p-change-nickname-modal .change-nickname-container .optional-change .footer-container .form-field:first-of-type {
    display: inline;
    margin-bottom: 0
}

.p-change-nickname-modal .change-nickname-container .optional-change .footer-container .form-field:first-of-type .button {
    float: left;
    margin-right: 10px
}

.p-change-nickname-modal .change-nickname-container .title {
    font-weight: bold;
    font-size: 28px;
    display: block;
    text-align: center;
    margin-bottom: 0
}

.p-change-nickname-modal .change-nickname-container .description {
    font-style: italic;
    font-size: 14px;
    text-align: center;
    font-weight: 500
}

.p-change-nickname-modal .change-nickname-container .new-nickname {
    width: 45%;
    float: right
}

.p-change-nickname-modal .change-nickname-container input {
    width: 100%
}

.p-comments .u-typography-format {
    word-wrap: break-word
}

.p-comments .p-comment-wrapper .p-comment-content .u-typography-format p {
    margin: 0
}

.p-comments .p-comment-footer {
    clear: both
}

.p-comments .p-comment-footer::after {
    clear: both;
    content: "";
    display: table
}

.p-comments .revision-highlight {
    background-color: #D9F0FF
}

.p-comments .p-comment-post.mod-collection.comment-spam {
    border: 2px solid #DE0000!important;
    padding: 2px!important
}

.p-comments .p-comment-post.mod-collection.comment-spam .p-comment-wrapper {
    background: rgba(255, 0, 0, 0.3) url("../../Blocks/images/ui/ui-spam-bg.png") no-repeat center center!important
}

.p-comments .p-comment-post.mod-collection.comment-deleted,
.p-comments .p-comment-post.mod-collection.comment-mute-banned,
.p-comments .p-comment-post.mod-collection.comment-deleted-with-note {
    border: 2px solid #121212!important;
    padding: 2px!important
}

.p-comments .p-comment-post.mod-collection.comment-deleted .p-comment-wrapper,
.p-comments .p-comment-post.mod-collection.comment-mute-banned .p-comment-wrapper,
.p-comments .p-comment-post.mod-collection.comment-deleted-with-note .p-comment-wrapper {
    background: rgba(48, 48, 48, 0.3) url("../../Blocks/images/ui/ui-deleted-bg.png") no-repeat center center!important
}

.p-comments .p-comment-post:not(.mod-collection) .p-comment-editor .markItUpEditor {
    clear: none
}

.p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .post-author a,
.p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .post-author a:hover,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .post-author a,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .post-author a:hover,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .post-author a,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .post-author a:hover {
    color: #fff
}

.p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .u-icon-location::before,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .u-icon-location::before,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .u-icon-location::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f041';
    color: #fff;
    vertical-align: middle
}

.p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .u-icon-date::before,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .u-icon-date::before,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .u-icon-date::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f017';
    color: #fff;
    vertical-align: middle
}

.p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper abbr,
.p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .post-location,
.p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .post-location a,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper abbr,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .post-location,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .post-location a,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper abbr,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .post-location,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .post-location a {
    color: #fff
}

.p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper {
    background: #d30000 url("../../Blocks/images/ui/ui-spam-bg.png") no-repeat center center!important;
    color: #fff
}

.p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .p-comment-index {
    background: #c50000
}

.p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper:before {
    border-right-color: #DE0000
}

.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper,
.p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper {
    background: #333 url("../../Blocks/images/ui/ui-deleted-bg.png") no-repeat center center!important;
    color: #fff
}

.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .p-comment-index,
.p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper .p-comment-index,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .p-comment-index {
    background: #262626
}

.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper:before,
.p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper:before,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper:before {
    border-right-color: #333
}

.p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .p-comment-notes .p-comment-edit-notes,
.p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper .p-comment-notes .p-comment-edit-notes,
.p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .p-comment-notes .p-comment-edit-notes {
    color: #fff
}

.p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper {
    background: #333 url("../../Blocks/images/ui/hellban-bg.png") no-repeat center center!important
}

.p-forum .p-comments .p-comment-post:not(.mod-collection) .p-comment-editor .markItUpEditor {
    clear: none
}

.p-forum .p-comments .p-comment-post:not(.mod-collection) .p-comment-header span.private-message-author a span.user {
    color: #F90
}

.p-forum .p-comments .p-comment-post:not(.mod-collection) .p-comment-header span.private-message-author a span.user:hover {
    color: #ffb71e
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned {
    margin: 20px 0;
    border: 2px solid #333
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-container,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-container,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-container {
    overflow: visible!important
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-header,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-header,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-header {
    background: #333 url("../../Blocks/images/ui/ui-deleted-bg.png")!important;
    background-position: 0 -10px!important;
    background-size: 132px 52px!important
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-header {
    background: #000 url("../../Blocks/images/ui/hellban-bg.png") center center!important
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam {
    margin: 20px 0;
    border: 2px solid #6d0505
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-container {
    overflow: visible!important
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-header {
    background: #6d0505 url("../../Blocks/images/ui/ui-spam-bg.png")!important;
    background-position: 0 -20px!important;
    background-size: 118px 81px!important
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-header .private-message,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-header .private-message,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-header .private-message,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-header .private-message {
    padding: 0 20px;
    float: left;
    max-width: 580px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-header .comment-status,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-header .comment-status,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-header .comment-status,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-header .comment-status {
    margin-left: 10px
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-header .u-icon-note,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-header .u-icon-note,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-header .u-icon-note,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-header .u-icon-note {
    padding: 0 6px;
    float: right
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-header .u-icon-note::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-header .u-icon-note::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-header .u-icon-note::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-header .u-icon-note::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f15c';
    color: #fff;
    font-size: 14px;
    vertical-align: middle
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-header .u-icon-warned,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-header .u-icon-warned,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-header .u-icon-warned,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-header .u-icon-warned {
    padding: 0 6px;
    float: right
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-header .u-icon-warned::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-header .u-icon-warned::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-header .u-icon-warned::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-header .u-icon-warned::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f071';
    color: #fff;
    font-size: 14px;
    vertical-align: middle
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-header .u-icon-info,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-header .u-icon-info,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-header .u-icon-info,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-header .u-icon-info {
    padding: 0 6px;
    float: right
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-header .u-icon-info::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-header .u-icon-info::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-header .u-icon-info::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-header .u-icon-info::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f05a';
    color: #fff;
    font-size: 16px;
    vertical-align: middle
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .deleted-comment-button,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .deleted-comment-button,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .deleted-comment-button,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .deleted-comment-button {
    float: right;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    margin-right: 20px
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper {
    background: 0;
    color: #242527
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .post-author a,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .post-author a:hover,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .post-author a,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .post-author a:hover,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .post-author a,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .post-author a:hover,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper .post-author a,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper .post-author a:hover {
    color: #fff
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .u-icon-location::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .u-icon-location::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .u-icon-location::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper .u-icon-location::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f041';
    color: #fff;
    vertical-align: middle
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .u-icon-date::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .u-icon-date::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .u-icon-date::before,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper .u-icon-date::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f017';
    color: #fff;
    vertical-align: middle
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .public-message,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .private-message,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .public-message,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .private-message,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .public-message,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .private-message,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper .public-message,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper .private-message {
    word-break: break-word
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper abbr,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .post-location,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam .p-comment-wrapper .post-location a,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper abbr,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .post-location,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted .p-comment-wrapper .post-location a,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper abbr,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .post-location,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note .p-comment-wrapper .post-location a,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper abbr,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper .post-location,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned .p-comment-wrapper .post-location a {
    color: #242527
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam span.private-message-author a span.user,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted span.private-message-author a span.user,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note span.private-message-author a span.user,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned span.private-message-author a span.user {
    color: #F90
}

.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-spam span.private-message-author a span.user:hover,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted span.private-message-author a span.user:hover,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-deleted-with-note span.private-message-author a span.user:hover,
.p-forum .p-comments .p-comment-post:not(.mod-collection).comment-mute-banned span.private-message-author a span.user:hover {
    color: #ffb71e
}

.p-comments .p-comment-content .p-comment-body iframe,
.p-comments .p-comment-content .p-comment-body object {
    max-width: 100%;
    max-height: 600px;
    display: block;
    margin-bottom: 19.5px
}

.p-comments .p-comment-content .p-comment-body img {
    max-width: 100%
}

.p-comments .p-comment-content .dice-roll .dice-roll-header {
    border-width: 1px;
    border-style: solid;
    padding: 4px 10px;
    color: #000;
    border-color: #c7dd7c;
    background: #d0e390;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: inset 0 0 1px #d0e390
}

.p-comments .p-comment-content .dice-roll .dice-roll-header .dice-roll-title {
    font-weight: bold;
    margin-right: 10px
}

.p-comments .p-comment-content .dice-roll .dice-roll-header .dice-roll-title:after {
    content: " :"
}

.p-comments .p-comment-content .dice-roll .dice-roll-body {
    color: #000;
    border-color: #c7dd7c;
    background: #d0e390;
    background: 0;
    border-width: 1px;
    border-style: solid;
    border-top: 0;
    border-bottom: 0;
    padding: 8px
}

.p-comments .p-comment-content .dice-roll .dice-roll-body ol {
    margin: 0
}

.p-comments .p-comment-content .dice-roll .dice-roll-footer {
    border-width: 1px;
    border-style: solid;
    padding: 4px 10px;
    color: #000;
    border-color: #c7dd7c;
    background: #d0e390;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: inset 0 0 1px #d0e390
}

.p-comments .p-comment-notes {
    margin: 10px 10px 0 10px;
    font-size: 12px;
    font-style: italic
}

.p-comments .p-comment-notes .p-comment-edit-notes {
    margin-left: 10px
}

.p-comments .p-comment-actions .p-comment-actionsAdmin {
    float: right;
    position: relative;
    position: relative
}

.p-comments .p-comment-actions .p-comment-actionsAdmin>ul {
    position: absolute;
    left: -9999px
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .b-list-item+.b-list-item {
    margin: 0;
    padding: 0
}

.p-comments .p-comment-actions .p-comment-actionsAdmin:hover>ul {
    left: auto;
    text-indent: 0
}

.p-comments .p-comment-actions .p-comment-actionsAdmin ul .section:hover>ul {
    left: 100%;
    top: 0
}

.p-comments .p-comment-actions .p-comment-actionsAdmin>ul {
    top: 23px
}

.p-comments .p-comment-actions .p-comment-actionsAdmin>.label {
    display: inline-block;
    margin-right: 20px;
    font-size: 11px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(top, #d9d4d2, #d9d4d2);
    background-image: linear-gradient(to bottom, #d9d4d2, #d9d4d2);
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    border-color: #e6e6e6 #cccccc #ccc #e6e6e6;
    position: relative;
    padding: 0 10px;
    height: 24px;
    line-height: 22px;
    color: #000
}

.p-comments .p-comment-actions .p-comment-actionsAdmin>.label:after {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-top: 4px solid #000;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    margin-left: 5px
}

.p-comments .p-comment-actions .p-comment-actionsAdmin>.label::after {
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-left: 4px;
    vertical-align: middle
}

.p-comments .p-comment-actions .p-comment-actionsAdmin>.label:hover {
    cursor: pointer;
    box-shadow: none
}

.user-anonymous .p-comments .p-comment-actions .p-comment-actionsAdmin>.label {
    display: none
}

.p-comments .p-comment-actions .p-comment-actionsAdmin a::before {
    content: "";
    margin-right: 4px;
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    font-size: 12px;
    color: #333
}

.p-comments .p-comment-actions .p-comment-actionsAdmin li a:hover::before {
    color: #fff
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .warn a::before {
    content: '\f071'
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .spam a::before {
    content: '\f05e'
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .edit-attachments a::before {
    content: '\f0c5'
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .add-note a::before,
.p-comments .p-comment-actions .p-comment-actionsAdmin .add-private-note a::before {
    content: '\f0fe'
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .remove-note a::before,
.p-comments .p-comment-actions .p-comment-actionsAdmin .remove-private-note a::before {
    content: '\f146'
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .delete a::before {
    content: '\f057'
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .post-history a::before,
.p-comments .p-comment-actions .p-comment-actionsAdmin .activity-log a::before {
    content: '\f1da'
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .undelete a::before {
    content: '\f055'
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .move-comment a::before {
    content: '\f112'
}

.p-comments .p-comment-actions .p-comment-actionsAdmin .warned a::before {
    content: '\f071'
}

.p-comments .p-comment-actions .p-comment-actionsUser {
    float: right
}

.p-comments .p-comment-actions .user-actions {
    float: none;
    margin: 0
}

.p-comments .p-comment-actions .user-actions::after {
    clear: both;
    content: "";
    display: table
}

.p-comments .p-comment-actions .user-actions>li {
    display: inline-block
}

.p-comments .p-comment-actions .user-actions>li a {
    color: #242527;
    direction: ltr;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 19.5px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: auto;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: auto;
    float: none;
    overflow: visible;
    position: static;
    left: auto;
    top: auto;
    visibility: visible;
    color: #000;
    font-size: 11px
}

.p-comments .p-comment-actions .user-actions>li a:hover,
.p-comments .p-comment-actions .user-actions>li a:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.p-comments .p-comment-actions .user-actions>li a:hover {
    color: #0d0d0d
}

.p-comments .p-comment-actions .user-actions>li a:active {
    box-shadow: none;
    color: #000
}

.p-comments .p-comment-actions .user-actions>li a:visited {
    color: #000
}

.p-comments .p-comment-actions .user-actions>li a.multi-quote-selected {
    opacity: .35
}

.p-comments .p-comment-actions .user-actions>li a.multi-quote-selected:hover span {
    text-decoration: none
}

.p-comments .form-actions.form-footer .u-button {
    float: right;
    margin-left: 10px
}

.p-comments .form-actions.form-footer #field-preview-submit {
    float: none
}

.p-comments .form-actions.form-footer .u-button-link {
    margin: 5px 0 0 0
}

.p-comments .form-actions.form-footer .u-button-attachments {
    float: left;
    margin-left: 0
}

.p-comments .form-actions.form-footer .j-cancel-button:hover {
    background: 0
}

.p-comments .b-ratingForm-a {
    float: left;
    position: relative;
    z-index: 4
}

.p-comments .b-ratingForm-a>form {
    margin: 0;
    min-width: 52px
}

.p-comments .b-ratingForm-a .rating-up>input,
.p-comments .b-ratingForm-a .rating-down>input,
.p-comments .b-ratingForm-a .rating-sum>input {
    width: 40px;
    height: 25px;
    display: block;
    padding: 0;
    margin: 0;
    background: url("../../Blocks/images/icons/24x24/darkgrey/user-action-comment-sprite.png") no-repeat 0 0;
    opacity: .6;
    margin: auto
}

.p-comments .b-ratingForm-a .rating-up>input:hover,
.p-comments .b-ratingForm-a .rating-down>input:hover,
.p-comments .b-ratingForm-a .rating-sum>input:hover {
    cursor: pointer;
    opacity: 1
}

.p-comments .b-ratingForm-a .rating-up.rating-disabled,
.p-comments .b-ratingForm-a .rating-down.rating-disabled,
.p-comments .b-ratingForm-a .rating-sum.rating-disabled {
    opacity: .2;
    cursor: default
}

.p-comments .b-ratingForm-a .rating-up>input {
    background-position: 0 0
}

.p-comments .b-ratingForm-a .rating-up.ratingSelected>input {
    background-position: -42px 0;
    opacity: 1
}

.p-comments .b-ratingForm-a .rating-down>input {
    background-position: 0 -29px
}

.p-comments .b-ratingForm-a .rating-down.ratingSelected>input {
    background-position: -42px -27px;
    opacity: 1
}

.p-comments .b-ratingForm-a .rating-sum {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    padding: 5px;
    border: 0
}

.p-comments .b-ratingForm-a .rating-sum:hover {
    cursor: pointer
}

.p-comments .b-ratingForm-a .rating-sum>.rating-sum {
    padding: 0;
    display: block
}

.p-comments .b-ratingForm-a .rating-sum.rating-average-ratingNegative {
    color: red;
    border-top: 1px solid rgba(0, 0, 0, 0.25)
}

.p-comments .b-ratingForm-a .rating-sum.rating-average-ratingPositive {
    color: green
}

.p-comments .comment-preview>header h2 {
    font-size: 28px;
    font-family: Roboto, Helvetica, sans-serif;
    margin-bottom: .76923em
}

#reply {
    margin-bottom: 20px
}

#reply>header h2 {
    font-size: 28px;
    margin-bottom: 0
}

#reply .help-block {
    display: block;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: .76923em
}

#reply #form-field-subject>label,
.p-comments-a .p-comment-reply-form #form-field-subject>label {
    display: inline-block;
    width: 5em
}

#reply #form-field-subject>label:after,
.p-comments-a .p-comment-reply-form #form-field-subject>label:after {
    content: ': '
}

#reply #form-field-subject>input,
.p-comments-a .p-comment-reply-form #form-field-subject>input {
    display: inline-block;
    width: 180px
}

.p-comments .p-comment-post.comment-spam:not(.mod-collection) .p-comment-wrapper .p-comment-index,
.p-comments .p-comment-post.comment-deleted:not(.mod-collection) .p-comment-wrapper .p-comment-index,
.p-comments .p-comment-post.comment-deleted-with-note:not(.mod-collection) .p-comment-wrapper .p-comment-index,
.p-forum .p-comments .p-comment-post.comment-mute-banned:not(.mod-collection) .p-comment-wrapper .p-comment-index {
    border-radius: 5px
}

.p-comments-a {
    margin-bottom: 19.5px;
    text-align: left
}

body.show-ads .p-comments-a:last-child .p-comment-footer .p-comment-actionsAdmin {
    -webkit-transition: .5s ease-out margin-bottom;
    -moz-transition: .5s ease-out margin-bottom;
    transition: .5s ease-out margin-bottom
}

body.show-ads .p-comments-a:last-child .p-comment-footer .p-comment-actionsAdmin:hover {
    -webkit-transition: .5s ease-in margin-bottom;
    -moz-transition: .5s ease-in margin-bottom;
    transition: .5s ease-in margin-bottom;
    margin-bottom: 70px
}

.p-comments-a .revision-highlight {
    background-color: #D9F0FF
}

.p-comments-a .p-comment-post {
    position: relative;
    margin-bottom: .5em
}

.p-comments-a .p-comment-post::after {
    clear: both;
    content: "";
    display: table
}

.p-comments-a .p-comment-post .p-comment-content .dice-result-block .dice-label {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-image: -webkit-linear-gradient(top, #f2f7e2, #d0e390);
    background-image: linear-gradient(to bottom, #f2f7e2, #d0e390)
}

.p-comments-a .p-comment-post .p-comment-content .dice-result-block .dice-result {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.p-comments-a .p-comment-post .p-comment-content a,
.p-comments-a .p-comment-post .p-comment-content>a,
.p-comments-a .p-comment-post .p-comment-username a,
.p-comments-a .p-comment-post .p-comment-username>a {
    color: #000
}

.p-comments-a .p-comment-post .p-comment-content a:hover,
.p-comments-a .p-comment-post .p-comment-content>a:hover,
.p-comments-a .p-comment-post .p-comment-username a:hover,
.p-comments-a .p-comment-post .p-comment-username>a:hover {
    color: #0d0d0d
}

.p-comments-a .p-comment-post .p-comment-content a:active,
.p-comments-a .p-comment-post .p-comment-content>a:active,
.p-comments-a .p-comment-post .p-comment-username a:active,
.p-comments-a .p-comment-post .p-comment-username>a:active {
    color: #000
}

.p-comments-a .p-comment-post .p-comment-content a:visited,
.p-comments-a .p-comment-post .p-comment-content>a:visited,
.p-comments-a .p-comment-post .p-comment-username a:visited,
.p-comments-a .p-comment-post .p-comment-username>a:visited {
    color: #000
}

.p-comments-a .p-comment-post .p-comment-content a.button,
.p-comments-a .p-comment-post .p-comment-content>a.button,
.p-comments-a .p-comment-post .p-comment-username a.button,
.p-comments-a .p-comment-post .p-comment-username>a.button {
    color: #242527
}

.p-comments-a .p-comment-post .p-comment-content a.button:hover,
.p-comments-a .p-comment-post .p-comment-content>a.button:hover,
.p-comments-a .p-comment-post .p-comment-username a.button:hover,
.p-comments-a .p-comment-post .p-comment-username>a.button:hover {
    color: #242527
}

.p-comments-a .p-comment-post .p-comment-content a.u-button-link,
.p-comments-a .p-comment-post .p-comment-content>a.u-button-link,
.p-comments-a .p-comment-post .p-comment-username a.u-button-link,
.p-comments-a .p-comment-post .p-comment-username>a.u-button-link {
    color: #242527
}

.p-comments-a .p-comment-post .p-comment-content a.u-button-link:hover,
.p-comments-a .p-comment-post .p-comment-content>a.u-button-link:hover,
.p-comments-a .p-comment-post .p-comment-username a.u-button-link:hover,
.p-comments-a .p-comment-post .p-comment-username>a.u-button-link:hover {
    color: #242527
}

.p-comments-a .p-comment-post .p-comment-content a.u-button-link:active,
.p-comments-a .p-comment-post .p-comment-content>a.u-button-link:active,
.p-comments-a .p-comment-post .p-comment-username a.u-button-link:active,
.p-comments-a .p-comment-post .p-comment-username>a.u-button-link:active {
    color: #242527
}

.p-comments-a .p-comment-post .p-comment-content a.u-button-link:visited,
.p-comments-a .p-comment-post .p-comment-content>a.u-button-link:visited,
.p-comments-a .p-comment-post .p-comment-username a.u-button-link:visited,
.p-comments-a .p-comment-post .p-comment-username>a.u-button-link:visited {
    color: #242527
}

.p-comments-a .p-comment-user {
    float: left;
    margin-left: 0;
    text-align: center
}

.p-comments-a .p-comment-user .p-comment-micro-author {
    display: none
}

.p-comments-a .p-comment-user .p-comment-avatar img {
    max-width: 55px;
    border-radius: 3px
}

.p-comments-a .p-comment-user .p-comment-stats {
    font-size: 12px;
    display: none
}

.p-comments-a .p-comment-user .p-comment-stats .p-comment-statitem {
    word-break: break-word;
    max-width: 54px
}

.p-comments-a .p-comment-user .b-ratingForm-a {
    display: none
}

.p-comments-a .p-comment-user .p-comment-title {
    display: none
}

.p-comments-a .p-comment-user .p-comment-role-title {
    display: none
}

.p-comments-a .comment-allows-rating .p-comment-user {
    margin-left: 10px
}

.p-comments-a .p-comment-wrapper {
    margin-left: 85px;
    border-radius: 5px;
    background: white;
    padding: 15px;
    position: relative;
    color: #000
}

.p-comments-a .p-comment-wrapper::after {
    clear: both;
    content: "";
    display: table
}

.p-comments-a .p-comment-wrapper::before {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-right: 10px solid white;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    margin-right: 5px
}

.p-comments-a .p-comment-wrapper:before {
    position: absolute;
    left: -10px;
    top: 22px
}

.p-comments-a .p-comment-wrapper .comment-revisions {
    margin-bottom: 10px;
    max-width: 94px
}

.p-comments-a .p-comment-wrapper .comment-revisions .u-icon-dropdown {
    background: url("../../Blocks/images/icons/16x16/grey/icon-down-grey.png") center center;
    width: 12px;
    height: 12px;
    display: block;
    float: right;
    margin-left: 5px;
    margin-top: 2px
}

.p-comments-a .p-comment-wrapper .comment-revisions-history {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px;
    background: #d0e390;
    border: 1px solid rgba(0, 0, 0, 0.25);
    overflow: auto
}

.p-comments-a .p-comment-wrapper .comment-revisions-history span {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    margin-right: 5px;
    display: block
}

.p-comments-a .p-comment-wrapper .comment-revisions-history .comment-revisions-select {
    font-size: 14px;
    background: #f2f7e2;
    color: #000;
    display: block;
    float: left;
    margin-top: 5px
}

.p-comments-a .p-comment-wrapper .comment-revisions-history .comment-revisions-rollback {
    margin-left: 5px;
    vertical-align: top;
    float: left;
    margin-top: 5px
}

.p-comments-a .p-comment-wrapper .comment-revisions-history .comment-revisions-cancel {
    margin-top: 8px
}

.p-comments-a .p-comment-header {
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px
}

.p-comments-a .p-comment-header::after {
    clear: both;
    content: "";
    display: table
}

.p-comments-a .p-comment-header input[type="checkbox"] {
    position: relative;
    top: 1px
}

.p-comments-a .p-comment-header .p-comment-username:hover .user-actions-forum-post-author-menu {
    left: 0
}

.p-comments-a .p-comment-index {
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f2f2f2;
    float: right;
    font-weight: bold;
    margin: -15px -15px 0 0;
    padding: 8px
}

.p-comments-a .p-comment-index a {
    color: #000
}

.p-comments-a .p-comment-username {
    float: left;
    position: relative;
    max-width: 45%;
    word-wrap: break-word
}

.p-comments-a .p-comment-username>a {
    font-weight: bold
}

.p-comments-a .p-comment-username>a span:after {
    border-top-width: 5px;
    border-top-color: #242527
}

.p-comments-a .p-comment-postdate {
    font-size: 12px;
    margin-right: 20px;
    text-align: right;
    float: right;
    display: block
}

.p-comments-a .p-comment-postdate abbr[title] {
    border-bottom: 0
}

.p-comments-a .p-comment-posted-in-patch {
    float: right;
    display: block;
    text-align: right;
    font-weight: bold;
    margin-right: 10px
}

.p-comments-a .p-comment-sig {
    display: none
}

.p-comments-a .p-comment-actions {
    opacity: .5
}

.p-comments-a .p-comment-post:hover .p-comment-actions {
    opacity: 1
}

.p-comments-a .p-comment-post:hover .p-comment-wrapper {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1)
}

.p-comments-a .p-comment-post[data-depth] {
    padding-left: 25px
}

.p-comments-a .p-comment-post[data-depth="1"] {
    margin-left: 40px
}

.p-comments-a .p-comment-post[data-depth="2"] {
    margin-left: 80px
}

.p-comments-a .p-comment-reply-form {
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0 10px 30px;
    background: white;
    position: relative
}

.p-comments-a .p-comment-reply-form form {
    margin: 0
}

.p-comments-a .p-comment-reply-form:before {
    content: '';
    width: 8px;
    height: 8px;
    background: url("../../Blocks/images/icons/8x8/darkgrey/icon-reply-to.png");
    position: absolute;
    left: -14px;
    top: 0
}

.p-comments-a .listing-filters-wrapper {
    text-align: right;
    background-image: white;
    background-image: -webkit-linear-gradient(top, white, #f2f2f2);
    background-image: linear-gradient(to bottom, white, #f2f2f2);
    padding: 5px 10px;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin-bottom: 10px
}

.p-comments-a .listing-filters-wrapper div,
.p-comments-a .listing-filters-wrapper label,
.p-comments-a .listing-filters-wrapper select {
    display: inline-block;
    margin: 0
}

.p-comments-a .listing-filters-wrapper form {
    margin: 0
}

.p-comments-a .listing-filters-wrapper form>div {
    margin-left: 10px
}

.comment-bulk-moderation {
    position: fixed;
    right: 40px;
    bottom: 40px;
    background: #eee;
    padding: 18px 30px;
    z-index: 15000;
    border: 4px solid #f9f9f9;
    color: #000;
    border-radius: 5px
}

.comment-bulk-moderation form {
    margin-bottom: 10px
}

.comment-bulk-moderation select {
    margin: 10px 0
}

.comment-bulk-moderation button {
    margin: 10px 0;
    width: 100%
}

.comment-bulk-moderation a {
    color: #000
}

.comment-bulk-moderation a:hover {
    color: #0d0d0d
}

.comment-history {
    margin-left: 85px;
    border-radius: 5px;
    background: white;
    padding: 15px;
    position: relative;
    color: #000;
    margin-top: 19.5px;
    margin-bottom: 19.5px
}

.comment-history::after {
    clear: both;
    content: "";
    display: table
}

.comment-history .avatar {
    float: left
}

.comment-history .avatar img {
    width: 30px;
    height: auto
}

.comment-history .comment-history-body {
    margin-left: 40px;
    margin-top: 5px
}

.comment-history .comment-history-body a {
    font-weight: bold
}

.multi-quote-container {
    position: fixed;
    min-height: 120px;
    right: 0;
    top: 65%;
    background: #eee;
    padding: 20px;
    z-index: 15000;
    border: 4px solid #f9f9f9;
    color: #000;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.multi-quote-container .multi-quote-title {
    margin: 5px 0
}

.multi-quote-container .multi-quote-title .quote-number {
    font-weight: bold;
    background: rgba(0, 0, 0, 0.75);
    color: #eee;
    display: inline-block;
    padding: 0 4px;
    margin-right: 5px;
    border-radius: 2px
}

.multi-quote-container .multi-quote-title .quote-text {
    font-size: 14px
}

.multi-quote-container .quote-reply {
    margin: 5px auto
}

.multi-quote-container .quote-reply span.button {
    width: 100%
}

.multi-quote-container .quote-clear {
    margin: 5px auto
}

.multi-quote-container .quote-clear .button {
    color: #242527;
    direction: ltr;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 19.5px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: auto;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: auto;
    float: none;
    overflow: visible;
    position: static;
    left: auto;
    top: auto;
    visibility: visible;
    color: #000
}

.multi-quote-container .quote-clear .button:hover,
.multi-quote-container .quote-clear .button:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.multi-quote-container .quote-clear .button:hover {
    text-decoration: underline
}

#reply #form-field-subject>label,
.p-comments-a .p-comment-reply-form #form-field-subject>label {
    display: inline-block;
    width: 5em
}

#reply #form-field-subject>label:after,
.p-comments-a .p-comment-reply-form #form-field-subject>label:after {
    content: ': '
}

#reply #form-field-subject>input,
.p-comments-a .p-comment-reply-form #form-field-subject>input {
    display: inline-block;
    width: 180px
}

.p-feedback-a {
    top: 50%;
    position: fixed!important;
    z-index: 101
}

.p-feedback-a .p-feedback-tab {
    background-color: #242527;
    color: #fff;
    padding: .38462em 1.53846em;
    white-space: nowrap;
    font-size: 13px;
    font-family: Arial, sans-serif;
    text-align: center;
    -webkit-transition: .2s linear all;
    -moz-transition: .2s linear all;
    transition: .2s linear all;
    border: 4px solid rgba(0, 0, 0, 0.2)
}

.p-feedback-a .p-feedback-tab:hover {
    cursor: pointer;
    background-color: #3c3e42
}

.p-feedback-a .p-feedback-tab .p-feedback-link {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    font-weight: bold;
    letter-spacing: 1px
}

.p-feedback-a.middleright {
    right: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.p-feedback-a.middleright .p-feedback-tab {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative;
    right: -50%;
    border-top: 0
}

.p-feedback-a.middleleft {
    left: 0;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.p-feedback-a.middleleft .p-feedback-tab {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative;
    left: -50%;
    border-top: 0
}

.p-feedback-a.bottomright {
    top: auto;
    right: 15px;
    bottom: 0
}

.p-feedback-a.bottomright .p-feedback-tab {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom: 0
}

.p-feedback-a.bottomleft {
    top: auto;
    left: 15px;
    bottom: 0
}

.p-feedback-a.bottomleft .p-feedback-tab {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom: 0
}

.p-feedback_thankyou {
    display: block;
    font-size: 1.23077em;
    font-weight: bold;
    text-align: center;
    padding: .76923em 0
}

.j-feedback {
    cursor: pointer
}

.p-filters-a {
    padding: 10px 10px 50px;
    background: #E1EDB9;
    border: 1px solid #E1EDB9;
    border-color: #c7dd7c;
    position: relative;
    margin-bottom: 10px
}

.p-filters-a::after {
    clear: both;
    content: "";
    display: table
}

.p-filters-a .p-filters-form {
    min-height: 0;
    padding-bottom: 0
}

.p-filters-a .p-filters-form .p-filters-static {
    width: auto;
    float: left;
    margin-bottom: 10px
}

.p-filters-a .p-filters-form .p-filters-static tr,
.p-filters-a .p-filters-form .p-filters-static tr th,
.p-filters-a .p-filters-form .p-filters-static tr td {
    height: 26px;
    line-height: 26px
}

.p-filters-a .p-filters-form .p-filters-static td,
.p-filters-a .p-filters-form .p-filters-static th {
    padding: 5px
}

.p-filters-a .p-filters-form .p-filters-static label {
    cursor: auto;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    padding-right: 5px;
    padding-top: 3px;
    margin: 0
}

.p-filters-a .p-filters-form .p-filters-static td label {
    padding-left: 8px
}

.p-filters-a .p-filters-form .p-filters-static th {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    padding-right: 50px
}

.p-filters-a .p-filters-form .p-filters-static .sep {
    padding: 0 4px
}

.p-filters-a .p-filters-form .p-filters-static .pvp-only-container {
    display: inline-block;
    padding-left: 16px
}

.p-filters-a .p-filters-form .p-filters-static .pvp-only-container label {
    cursor: pointer;
    padding: 0 0 0 5px
}

.p-filters-a .p-filters-form .wow-money {
    width: 70px
}

.p-filters-a .p-filters-form .numeric {
    width: 40px
}

.p-filters-a .p-filters-form #clear-all-filters {
    color: #000;
    cursor: pointer
}

.p-filters-a .p-filters-form #clear-all-filters:hover {
    color: #0d0d0d
}

.p-filters-a .p-filters-errors p,
.p-filters-a .p-filters-errors ul {
    padding: 5px;
    margin: 0
}

.p-filters-a .p-filters-errors ul {
    list-style-type: disc;
    margin-left: 15px
}

.p-filters-a .p-filters-dynamic {
    clear: left;
    padding: 0!important
}

.p-filters-a .p-filters-dynamic>div {
    margin-bottom: 10px;
    padding-bottom: 2px
}

.p-filters-a .p-filters-dynamic>div:last-child {
    padding-bottom: 0
}

.p-filters-a .p-filters-dynamic .t-comparator {
    width: 55px!important
}

.p-filters-a .p-filters-dynamic .delete-button {
    border-radius: 20px 20px 20px 20px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: arial, sans-serif;
    font-weight: bold;
    line-height: 8px;
    margin-left: 0;
    padding: 3px
}

.p-filters-a .p-filters-dynamic .delete-button:hover {
    background-color: #f99
}

.p-filters-a .p-filters-right-side {
    float: right;
    white-space: nowrap;
    margin-right: 20px;
    border: solid 1px #DEDDDD;
    border-radius: 5px;
    position: relative
}

.p-filters-a .p-filters-right-side>div {
    max-height: 180px;
    overflow: auto;
    padding-right: 10px
}

.p-filters-a .p-filters-right-side hr {
    margin: 5px
}

.p-filters-a .p-filters-right-side legend {
    font-size: 100%;
    font-weight: bold;
    width: auto;
    margin-left: 5px
}

.p-filters-a .p-filters-right-side ul {
    padding: 0 10px 5px
}

.p-filters-a .p-filters-right-side input,
.p-filters-a .p-filters-right-side label {
    display: inline;
    margin: 3px 0
}

.p-filters-a .p-filters-right-side label {
    position: relative;
    top: -1px
}

.p-filters-a .p-filters-right-side .delete-button {
    background-color: #000;
    color: #fff;
    position: absolute;
    right: -8px;
    top: 1px
}

.p-filters-a .p-filters-right-side .delete-button:hover {
    background-olor: #555
}

.p-filters-a .p-filters-errors {
    color: #ff4040;
    font-weight: bold
}

.p-filters-a #clear-all-filters {
    display: inline-block;
    cursor: pointer;
    padding-left: 10px;
    color: #4f6e33
}

.p-filters-a #clear-all-filters:hover {
    text-decoration: underline
}

.p-filters-a .p-filters-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #E1EDB9;
    border-color: #c7dd7c;
    background-color: #d8e8a5;
    width: 100%;
    height: 40px;
    padding: 0 10px
}

.p-filters-a .p-filters-actions input,
.p-filters-a .p-filters-actions span {
    height: 30px;
    margin-top: -15px!important;
    position: relative;
    top: 50%;
    display: block;
    float: left
}

.p-filters-a .p-filters-actions span {
    line-height: 30px
}

.p-forum-thread-participants .thread-stats {
    padding: 10px 0
}

.p-forum-thread-participants .thread-stats span.totals {
    font-size: 16px
}

.p-forum-thread-participants .user-listing .avatar {
    margin-right: 10px
}

.p-forum-thread-participants .user-listing tr {
    font-size: 12px
}

.p-forum-thread-participants .user-listing tr td:last-child {
    text-align: center
}

.p-forum-thread-participants .user-listing tr:nth-child(even) td {
    background: #eaf2cd
}

.p-forum-thread-participants .listing-container-table .listing-header .b-pagination-a {
    margin: 10px 0
}

.p-forum-thread-participants .listing-container-table .listing-body .listing {
    margin-bottom: 0
}

.p-forum-thread-participants .listing-container-table .listing-body .b-table-a td,
.p-forum-thread-participants .listing-container-table .listing-body .b-shoutbox-a .shoutbox-messages>table.listing td,
.b-shoutbox-a .p-forum-thread-participants .listing-container-table .listing-body .shoutbox-messages>table.listing td {
    padding: 4px 5px
}

.p-forum-thread-participants .listing-container-table .listing-footer .b-pagination-a {
    margin: 10px 0 0 0
}

.p-header-c {
    margin: 0 0 19.5px;
    position: relative;
    background: transparent none
}

.p-header-c::after {
    clear: both;
    content: "";
    display: table
}

.p-header-c .p-header-contain {
    margin: 0 auto;
    padding: 0 10px;
    position: relative
}

.p-header-c .p-header-contain::after {
    clear: both;
    content: "";
    display: table
}

.p-header-c .p-header-main {
    z-index: 2
}

.p-header-c h1 {
    margin: 0
}

.p-header-c .logo>a {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/logo.png") no-repeat;
    display: block;
    float: left;
    height: 100px;
    text-indent: -9999px;
    width: 400px;
    background-size: 400px 100px
}

.p-header-c .p-header-hub {
    text-align: right;
    float: right;
    line-height: 100px
}

.p-header-c .p-header-hub .p-header-search,
.p-header-c .p-header-hub .p-header-social {
    position: static;
    float: none;
    margin: 0;
    display: inline-block;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    background: 0;
    padding: 0;
    line-height: 30px
}

.p-header-c .p-header-hub .p-header-search {
    position: relative
}

.p-header-c .p-header-hub .p-header-search input[type=submit] {
    color: #242527;
    direction: ltr;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 19.5px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: auto;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: auto;
    float: none;
    overflow: visible;
    position: static;
    left: auto;
    top: auto;
    visibility: visible;
    background-image: url("../../Blocks/images/icons/12x12/black/icon-search.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 12px;
    height: 12px;
    text-indent: -1000px
}

.p-header-c .p-header-hub .p-header-search input[type=submit]:hover,
.p-header-c .p-header-hub .p-header-search input[type=submit]:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.p-header-c .p-header-hub .p-header-social li {
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
    margin-right: 4px
}

.p-header-c .b-search {
    float: right;
    margin: 0;
    margin-top: 9px
}

.p-header-c .b-search form {
    margin: 0
}

.p-modal-a.forum-filters-modal .covert-list .field-choice {
    margin: 5px 10px
}

.p-modal-a.forum-filters-modal .covert-list .field-choice label {
    word-break: break-all
}

.p-modal-a.forum-filters-modal .covert-list .field-choice label .checkbox input[type="checkbox"] {
    position: relative;
    top: 2px
}

.p-modal-a .ui-dialog-content {
    position: static
}

.p-modal-a .ui-dialog-content .ui-dialog-inner-content {
    position: static
}

.p-modal-a .ui-dialog-content .ui-dialog-inner-content .ui-dialog-footer,
.p-modal-a .ui-dialog-content .ui-dialog-inner-content .form-footer {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: center;
    margin: 0
}

.p-modal-a .ui-dialog-content .ui-dialog-inner-content .ui-dialog-footer .button,
.p-modal-a .ui-dialog-content .ui-dialog-inner-content .form-footer .button {
    margin-left: 2px;
    margin-right: 2px
}

.p-modal-a .ui-dialog-content .ui-dialog-inner-content .ui-dialog-footer span#custom-warning-warning,
.p-modal-a .ui-dialog-content .ui-dialog-inner-content .form-footer span#custom-warning-warning {
    position: relative
}

.p-modal-a .ui-dialog-content .ui-dialog-inner-content .ui-dialog-footer span#custom-warning-warning .u-icon-warning,
.p-modal-a .ui-dialog-content .ui-dialog-inner-content .form-footer span#custom-warning-warning .u-icon-warning {
    position: absolute;
    overflow: hidden;
    top: 6px;
    left: 0;
    display: none
}

.p-modal-a .ui-dialog-content #create-warning-modal .warning-description {
    left: 0
}

.p-modal-a:after {
    content: "";
    display: block;
    background: #d5d5d5;
    padding: 10px;
    height: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.25)
}

.p-modal-a .ui-dialog .ajax-jump .ui-dialog-footer {
    float: right
}

.p-modal-a #create-warning-modal .infraction-notification .infraction-notification-message {
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #ddd
}

.p-modal-a #create-warning-modal .infraction-notification #field-specific-message {
    opacity: .6
}

.p-modal-a #create-warning-modal .warning-description {
    background: 0;
    position: absolute;
    bottom: -4px;
    left: 18px;
    color: red;
    max-width: 78%;
    line-height: normal
}

.p-modal-a #create-warning-modal .ui-dialog-footer {
    text-align: initial;
    left: initial
}

.p-modal-a #create-warning-modal .ui-dialog-footer .u-icon-warning {
    left: -555px;
    top: 5px
}

.p-modal-a #create-warning-modal .ui-dialog-footer a.cancel-link {
    margin-right: 6px;
    color: #eee;
    cursor: pointer
}

.p-modal-a #create-warning-modal .ui-dialog-footer a.cancel-link:hover {
    color: #b2b2b2
}

.b-list-a {
    position: static
}

.p-nav-a {
    box-shadow: none;
    z-index: 2;
    clear: both
}

.p-nav-a::after {
    clear: both;
    content: "";
    display: table
}

.p-nav-a .p-nav-item {
    position: relative
}

.p-nav-a .p-nav-item>ul {
    position: absolute;
    left: -9999px
}

.p-nav-a .p-nav-item .b-list-item+.b-list-item {
    margin: 0;
    padding: 0
}

.p-nav-a .p-nav-item:hover>ul {
    left: auto;
    text-indent: 0
}

.p-nav-a .p-nav-item ul .section:hover>ul {
    left: 100%;
    top: 0
}

.p-nav-a .p-nav-item.has-override {
    position: static
}

.p-nav-a .p-nav-item>a {
    font-weight: bold;
    font-size: 13px;
    text-transform: normal;
    font-family: Roboto, Helvetica, sans-serif;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: none;
    border: 0 solid #f9f9f9;
    color: #fff;
    display: block;
    padding: 0 19.5px;
    text-align: center;
    letter-spacing: 0
}

.p-nav-a .p-nav-item>a:hover {
    background: #242527;
    color: #fff
}

.p-nav-a .p-nav-item:first-child>a {
    border-left-width: 0
}

.p-nav-a .p-nav-item.section.has-override>ul {
    display: none
}

.p-nav-a .p-nav-item.section>a::after {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-top: 6px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 6px
}

.p-nav-a .p-nav-item.section>a:hover:after {
    border-top-color: #fff
}

.p-nav-a .p-nav-item.section>ul {
    background: #242527;
    display: block;
    padding: 3px 0;
    width: 200px;
    z-index: 1000;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7)
}

.p-nav-a .p-nav-item.section>ul>li {
    display: block;
    float: none
}

.p-nav-a .p-nav-item.section>ul>li>span {
    padding: 5px 14px;
    display: block;
    background: #242527;
    font: bold 13px Roboto, Helvetica, sans-serif;
    color: #fff
}

.p-nav-a .p-nav-item.section>ul>li>a {
    font-weight: bold;
    font-size: 13px;
    text-transform: normal;
    font-family: Roboto, Helvetica, sans-serif;
    box-shadow: none;
    background: transparent;
    text-align: left;
    padding: 5px 14px;
    color: #fff;
    border-top: 0 solid #f9f9f9;
    line-height: normal;
    font-size: 14px
}

.p-nav-a .p-nav-item.section>ul>li>a:hover {
    background-color: #242527;
    color: #fff
}

.p-nav-a .p-nav-item.section>ul>li:last-child>a {
    border-bottom: 0 solid #f9f9f9
}

.p-nav-a .p-nav-item.section>ul .section>a::after {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-left: 6px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 6px
}

.p-nav-a .p-nav-item.section>ul .section>a:after {
    position: absolute;
    right: 6px;
    top: 10px
}

.p-nav-a .p-nav-item.section:hover>a {
    background-color: #242527;
    color: #fff
}

.p-nav-a .p-nav-item.section:hover>.override {
    opacity: 1;
    z-index: 500;
    height: auto
}

.p-nav-a .p-nav-item .override {
    position: absolute;
    background-color: #141a1f;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 250ms
}

.dropdown {
    padding: 0;
    position: absolute;
    z-index: 99
}

.dropdown a {
    border: 0;
    background: 0
}

.dropdown .column {
    float: left;
    width: 100%;
    border: 0 solid #f9f9f9;
    border-bottom-width: 3px;
    border-top-width: 0;
    background-color: #242527
}

.dropdown .column>p {
    border-top: 0 solid #f9f9f9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    margin: 0
}

.dropdown .column>p a {
    padding: 5px 14px;
    color: #fff;
    text-align: left;
    display: block;
    position: relative
}

.dropdown .column>p.dropdown-hover a {
    background-color: #242527;
    color: #fff
}

.dropdown .column>h3 {
    padding: 5px 14px;
    display: block;
    background: #242527;
    font: bold 13px Roboto, Helvetica, sans-serif;
    color: #fff;
    border-top: 0 solid #f9f9f9;
    margin: 0
}

.dropdown .column .has-submenu>a:after {
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 6px;
    width: 0;
    position: absolute;
    right: 6px;
    top: 7px
}

.p-notifications-a header .user-actions {
    float: right
}

.p-notifications-a .p-notification-item,
.p-notifications-a .p-notification-items-full {
    padding: 5px
}

.p-notifications-a .p-notification-item::after,
.p-notifications-a .p-notification-items-full::after {
    clear: both;
    content: "";
    display: table
}

.p-notifications-a .p-notification-item .b-list-item,
.p-notifications-a .p-notification-items-full .b-list-item {
    min-height: 48px
}

.p-notifications-a .listing-container .listing-body .user-notification-listing {
    margin: 0
}

.p-notifications-a .listing-container .listing-body .user-notification-listing .content .p-collapsed-notifications {
    margin-left: 30px
}

.p-notifications-a .listing-container .listing-body .user-notification-listing .content .p-collapsed-notifications .notification-content-container {
    background-color: #dfdfdf
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item {
    position: relative
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item>.avatar-image {
    position: absolute;
    top: 10px;
    left: 40px;
    z-index: 10;
    max-width: 48px
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container {
    position: relative;
    background-color: #eee;
    border-radius: 6px;
    padding: 10px 10px 10px 100px;
    min-height: 68px;
    margin-bottom: 4px
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container.congrats-notification {
    min-height: initial;
    padding-left: 40px
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container p,
.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .posted-in-forum-thread {
    color: #333
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container p strong,
.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .posted-in-forum-thread strong {
    color: #242527
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container a,
.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container p a {
    color: #242527
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 30px;
    background-color: #242527;
    top: 0;
    left: 0;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container::after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    position: absolute;
    content: '\f075';
    font-size: 16px;
    left: 8px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    color: #fff
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .subject {
    max-width: 600px;
    margin-bottom: 0
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .date {
    position: absolute;
    right: 10px;
    top: 10px
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .preview {
    margin: 10px 0;
    word-break: break-word
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .posted-in-forum-thread {
    position: absolute;
    right: 10px;
    bottom: 2px
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .source-quote {
    display: none
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .j-show-notifications {
    position: relative;
    margin-left: 20px
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .j-show-notifications::before {
    position: absolute;
    left: -16px;
    top: 3px;
    content: '\25BC';
    font-size: 8px;
    -webkit-transform: scaleX(2);
    transform: scaleX(2)
}

.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .j-show-notifications.hidden::before {
    content: '\25B2'
}

.p-notifications-a .listing-container .listing-body .user-notification-listing .reply-notification .notification-content-container::after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    position: absolute;
    content: '\f112';
    font-size: 16px;
    left: 8px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    color: #fff
}

.p-notifications-a .listing-container .listing-body .user-notification-listing .warning-notification .notification-content-container::after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    position: absolute;
    content: '\f071';
    font-size: 16px;
    left: 8px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    color: #fff
}

.user-action-p-notification-subscription-button>ul {
    width: 210px
}

.p-pm-a {
    border: 0
}

.p-pm-a .p-pm-header::after {
    clear: both;
    content: "";
    display: table
}

.p-pm-a.s-index .p-pm-filter {
    float: left;
    width: 23.4625%;
    margin-left: 2.05%;
    margin-left: 0
}

.ie7 .p-pm-a.s-index .p-pm-filter {
    width: 22.4625%
}

.p-pm-a.s-index .p-pm-content {
    float: left;
    width: 74.4875%;
    margin-left: 2.05%
}

.ie7 .p-pm-a.s-index .p-pm-content {
    width: 73.4875%
}

.p-pm-a.s-index .p-pm-filter {
    margin-bottom: 19.5px
}

.p-pm-a.s-index .p-pm-filter .b-userAction {
    border: 1px solid rgba(0, 0, 0, 0.25);
    float: none;
    margin-bottom: 9.75px
}

.p-pm-a.s-index .p-pm-filter .b-userAction-item {
    display: block;
    margin-left: 0;
    position: relative
}

.p-pm-a.s-index .p-pm-filter .b-userAction-item>a {
    background: white none;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0;
    box-shadow: none;
    color: #000;
    display: block;
    font-weight: normal;
    padding: 6px 24px 6px 8px;
    position: relative;
    text-align: left;
    text-shadow: none
}

.p-pm-a.s-index .p-pm-filter .b-userAction-item:first-child>a {
    border-top: 0
}

.p-pm-a.s-index .p-pm-filter .b-userAction-item>a:hover,
.p-pm-a.s-index .p-pm-filter .selected>a {
    background: #f2f2f2
}

.p-pm-a.s-index .p-pm-filter .selected>a {
    font-weight: bold
}

.p-pm-a.s-index .p-pm-filter .selected>a:before {
    background: #d9d9d9;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3px
}

.p-pm-a.s-index .p-pm-filter .remove-link {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -8px;
    cursor: pointer
}

.p-pm-a.s-index .b-userAction {
    float: right
}

.p-pm-a.s-index .b-userAction>a {
    font-size: 15px;
    padding: 4px 8px
}

.p-pm-a .pm-moderator-warning {
    float: left;
    color: red
}

.p-pm-a .p-pm-content .pm-title {
    font-size: 18px;
    margin-bottom: 10px
}

.p-pm-a .p-pm-content .pm-title .pm-folder {
    margin-right: 5px
}

.p-pm-a .p-pm-content .conversation-row-unread>td {
    background: #deebb1
}

.p-pm-a .p-pm-content .conversation-row-unread>td.title>a {
    font-weight: bold
}

.p-pm-a .p-pm-content .p-pm-conversation {
    float: left;
    width: 65.98333%;
    margin-left: 2.05%;
    margin-left: 0
}

.ie7 .p-pm-a .p-pm-content .p-pm-conversation {
    width: 64.98333%
}

.p-pm-a .p-pm-content .p-pm-participants {
    float: left;
    width: 31.96667%;
    margin-left: 2.05%;
    padding: 10px;
    padding-top: 0
}

.ie7 .p-pm-a .p-pm-content .p-pm-participants {
    width: 30.96667%
}

.p-pm-a .p-pm-content .p-pm-participants>header,
.p-pm-a .p-pm-content .p-pm-participants>ul {
    margin-bottom: 19.5px
}

.p-pm-a .p-pm-content .p-pm-participants .b-userAction {
    margin-top: 0
}

.p-pm-a .p-pm-content>.p-comments-a {
    float: left;
    width: 65.98333%;
    margin-left: 2.05%;
    float: left;
    margin-left: 0
}

.ie7 .p-pm-a .p-pm-content>.p-comments-a {
    width: 64.98333%
}

.p-pm-a .p-pm-content .b-pagination-a {
    margin: 0 0 10px 0;
    padding: 0
}

.p-pm-a .p-pm-content .b-pagination-a .b-pagination-list {
    margin-bottom: 0
}

.p-pm-a.s-index .p-pm-content table {
    clear: both;
    margin-bottom: 19.5px;
    width: 100%
}

.p-pm-a.s-index .p-pm-content table .col-conversation,
.p-pm-a.s-index .p-pm-content table .col-last-post,
.p-pm-a.s-index .p-pm-content table .col-members {
    text-align: left
}

.p-pm-a.s-index .p-pm-content table .col-count,
.p-pm-a.s-index .p-pm-content table .col-actions {
    text-align: center
}

.p-pm-a.s-index .p-pm-content table .conversation-row td.title a {
    display: block;
    font-size: 16px
}

.p-pm-a.s-index .p-pm-content table .conversation-row td.title p.members a {
    display: inline;
    font-size: 13px
}

.p-pm-a.s-detail .p-pm-participants .list {
    line-height: 1;
    max-height: 400px;
    overflow-y: auto
}

.p-pm-a.s-detail .p-pm-participants .list li {
    margin: 5px 0;
    padding: 5px
}

.p-pm-a.s-detail .p-pm-participants .list li:nth-child(even) {
    background: white
}

.p-pm-a.s-detail .p-pm-participants .list li a {
    font-size: 14px
}

.p-pm-a.s-detail .p-pm-participants .list li a span.user {
    vertical-align: middle
}

.p-pm-a.s-detail .p-pm-participants .list li span a.remove-link {
    margin-left: 5px
}

.p-pm-a.s-detail .p-pm-participants .list+form #form-field-bcc label[for="field-bcc"] {
    vertical-align: text-bottom
}

.p-pm-a.s-detail .p-pm-participants .list+form .form-actions button {
    margin-left: 5px
}

.p-pm-a.s-detail #j-private-message-invite-form {
    margin-top: 19.5px
}

.p-pm-a.s-detail .pm-user-actions-wrapper::after {
    clear: both;
    content: "";
    display: table
}

.p-pm-a.s-detail .pm-user-actions-wrapper .pm-user-actions {
    margin-bottom: 10px;
    float: right
}

.p-pm-a.s-detail .pm-user-actions-wrapper .pm-user-actions .p-pm-move-to {
    float: left;
    margin-right: 3px
}

.p-pm-a.s-detail .pm-user-actions-wrapper .pm-user-actions .p-pm-move-to>.label:after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-top: 4px solid #fff;
    vertical-align: baseline;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    margin-left: 5px
}

.p-pm-a.s-detail .pm-user-actions-wrapper .pm-user-actions .b-userAction-a {
    display: inline-block
}

.p-pm-a.s-detail .pm-user-actions-wrapper .pm-user-actions .b-userAction-a .b-userAction-item {
    vertical-align: 0
}

.p-pm-a.s-detail .pm-user-actions-wrapper .pm-user-actions .j-pm-folder-create {
    margin-top: 1em;
    position: relative
}

.p-pm-a.s-detail .pm-user-actions-wrapper .pm-user-actions .j-pm-folder-create:before {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    content: "";
    margin: -.5em 0 0 -10px;
    position: absolute;
    width: 100%
}

.p-pm-a .p-pm-footer {
    clear: both
}

.p-pm-a .p-pm-footer::after {
    clear: both;
    content: "";
    display: table
}

.p-pm-a.s-index .p-pm-footer .p-pm-bulk-moderation {
    float: right
}

.p-pm-a.s-index .p-pm-footer .form-field {
    display: inline-block
}

.p-pm-a.s-index .p-pm-footer .form-field:after {
    content: "\2014";
    color: #18181a;
    display: inline-block;
    padding: 0 4px 0 0
}

.p-poll-form-a {
    border-radius: 2px
}

.p-poll-form-a>div>div.odd {
    color: #000;
    border-color: rgba(199, 221, 124, 0.85);
    background: rgba(208, 227, 144, 0.85)
}

.p-poll-form-a>div>div.even {
    color: #000;
    border-color: rgba(199, 221, 124, 0.25);
    background: rgba(208, 227, 144, 0.25)
}

.p-poll-form-a .poll-form-container {
    position: relative
}

.p-poll-form-a #div-poll {
    padding: 10px;
    border: 1px solid #d0e390
}

.p-poll-form-a #div-poll .j-poll-type-example {
    display: inline-block;
    height: 15px;
    position: relative;
    top: 2px;
    cursor: default;
    opacity: .65
}

.p-poll-form-a #div-poll .j-poll-type-example.j-poll-type-example-1 {
    background: url(../../Blocks/images/ui/poll-example-single-choice.png) no-repeat center center;
    width: 38px
}

.p-poll-form-a #div-poll .j-poll-type-example.j-poll-type-example-2 {
    background: url(../../Blocks/images/ui/poll-example-multi-select.png) no-repeat center center;
    width: 90px
}

.p-poll-form-a #div-poll .j-poll-type-example.j-poll-type-example-3 {
    background: url(../../Blocks/images/ui/poll-example-rating.png) no-repeat center center;
    width: 149px;
    margin-left: 10px
}

.p-poll-form-a #div-poll .j-poll-type-example.j-poll-type-example-3:before {
    content: "worst";
    margin-right: 47px;
    position: relative;
    top: -2px
}

.p-poll-form-a #div-poll .j-poll-type-example.j-poll-type-example-3:after {
    content: "best";
    margin-left: 39px;
    position: relative;
    top: -2px
}

.p-poll-form-a #div-poll .poll-actions {
    float: right;
    width: 115px
}

.p-poll-form-a #div-poll .poll-actions .poll-action button[id^="field-poll-form"] {
    float: right;
    height: 60px;
    border-radius: 4px
}

.p-poll-form-a #div-poll .poll-actions .poll-action button[id^="field-poll-form"] i {
    width: 16px;
    height: 19px;
    background: none no-repeat -346px -6px;
    display: block;
    margin: 0 auto
}

.p-poll-form-a #div-poll .poll-actions div[id^="form-field-poll-form-results-visibility"] {
    border-radius: 4px;
    float: left;
    width: 55px;
    height: 60px;
    text-align: center;
    padding: 5px
}

.p-poll-form-a #div-poll .poll-actions div[id^="form-field-poll-form-results-visibility"] input[type="checkbox"] {
    display: block;
    margin: 0 auto
}

.p-poll-form-a #div-poll input[id^="field-poll-form-title"] {
    display: block;
    width: 500px;
    margin-bottom: 10px
}

.p-poll-form-a #div-poll input[id^="field-poll-form-title"]+.field-errors {
    position: absolute;
    top: 15px;
    left: 520px
}

.p-poll-form-a #div-poll .field-list {
    margin-top: 10px;
    margin-bottom: 10px
}

.p-poll-form-a #div-poll .field-list .form-field>input {
    width: 479px
}

.p-poll-form-a #div-poll .field-list .form-field .sort-gripper {
    background: url("../../Blocks/images/icons/16x16/darkgrey/icon-drag.png") no-repeat center center
}

.p-poll-form-a #div-poll .field-list .form-field .remove-link {
    margin-right: 10px
}

.p-poll-form-a #div-poll .field-list .form-field .field-errors {
    margin-bottom: 0
}

.p-poll-form-a #div-poll .field-list .form-field+.field-list-new-entry {
    margin: 10px 0
}

.p-poll-form-a #div-poll fieldset {
    margin-top: 10px
}

.p-poll-form-a #div-poll fieldset legend {
    color: #242527;
    background: #bed868;
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 10px;
    cursor: pointer
}

.p-poll-form-a #div-poll fieldset .advanced-options-body {
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-top: 0
}

.p-poll-form-a #div-poll fieldset .expand-link {
    float: left;
    margin-left: 120px;
    position: relative;
    top: -1px
}

.p-poll-form-a>button {
    margin-top: 10px
}

body .ui-dialog .edit-poll.module {
    padding: 10px;
    background: rgba(249, 249, 249, 0.2)
}

body .ui-dialog .edit-poll.module .j-poll-type-example {
    display: inline-block;
    height: 15px;
    position: relative;
    top: 2px;
    cursor: default;
    opacity: .65
}

body .ui-dialog .edit-poll.module .j-poll-type-example.j-poll-type-example-1 {
    background: url(../../Blocks/images/ui/poll-example-single-choice.png) no-repeat center center;
    width: 38px
}

body .ui-dialog .edit-poll.module .j-poll-type-example.j-poll-type-example-2 {
    background: url(../../Blocks/images/ui/poll-example-multi-select.png) no-repeat center center;
    width: 90px
}

body .ui-dialog .edit-poll.module .j-poll-type-example.j-poll-type-example-3 {
    background: url(../../Blocks/images/ui/poll-example-rating.png) no-repeat center center;
    width: 149px;
    margin-left: 10px
}

body .ui-dialog .edit-poll.module .j-poll-type-example.j-poll-type-example-3:before {
    content: "worst";
    margin-right: 47px;
    position: relative;
    top: -2px
}

body .ui-dialog .edit-poll.module .j-poll-type-example.j-poll-type-example-3:after {
    content: "best";
    margin-left: 39px;
    position: relative;
    top: -2px
}

body .ui-dialog .edit-poll.module .poll-actions {
    float: right;
    width: 115px
}

body .ui-dialog .edit-poll.module .poll-actions .poll-action button[id^="field-poll-form"] {
    float: right;
    height: 60px;
    border-radius: 4px
}

body .ui-dialog .edit-poll.module .poll-actions .poll-action button[id^="field-poll-form"] i {
    width: 16px;
    height: 19px;
    background: url(../../Blocks/images/ui/remove3.png) no-repeat 0 0;
    display: block;
    margin: 0 auto
}

body .ui-dialog .edit-poll.module .poll-actions div[id^="form-field-poll-form-results-visibility"] {
    border-radius: 4px;
    float: left;
    width: 55px;
    height: 60px;
    text-align: center;
    padding: 5px
}

body .ui-dialog .edit-poll.module .poll-actions div[id^="form-field-poll-form-results-visibility"] input[type="checkbox"] {
    display: block;
    margin: 0 auto
}

body .ui-dialog .edit-poll.module input[id^="field-poll-form-title"] {
    display: block;
    width: 500px;
    margin-bottom: 10px
}

body .ui-dialog .edit-poll.module .field-list {
    margin-top: 10px;
    margin-bottom: 10px
}

body .ui-dialog .edit-poll.module .field-list .form-field>input {
    width: 479px
}

body .ui-dialog .edit-poll.module .field-list .form-field .sort-gripper {
    background: url("../../Blocks/images/icons/16x16/darkgrey/icon-drag.png") no-repeat center center
}

body .ui-dialog .edit-poll.module .field-list .form-field .remove-link {
    margin-right: 10px
}

body .ui-dialog .edit-poll.module .field-list .form-field .field-errors {
    margin-bottom: 0
}

body .ui-dialog .edit-poll.module .field-list .form-field+.field-list-new-entry {
    margin: 10px 0
}

body .ui-dialog .edit-poll.module fieldset {
    margin-top: 10px
}

body .ui-dialog .edit-poll.module fieldset legend {
    color: #242527;
    background: #bed868;
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 10px;
    cursor: initial
}

body .ui-dialog .edit-poll.module fieldset legend a.expand-link {
    float: left;
    text-indent: inherit;
    margin-top: -9px;
    padding-left: 20px;
    width: inherit;
    height: inherit;
    background-position-y: 2px
}

body .ui-dialog .edit-poll.module fieldset .advanced-options-body {
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-top: 0
}

body .ui-dialog .edit-poll.module fieldset .expand-link {
    float: left;
    margin-left: 120px;
    position: relative;
    top: -1px
}

.p-register-a .g-recaptcha {
    width: 300px;
    margin: 0 auto
}

.p-user-a .p-user-info,
.p-user-a.s_myAccount .p-user-info,
.p-user-a.s_myProfile .p-user-info,
.p-user-a.s_myStreams .p-user-info,
.p-user-a.s_newContent .p-user-info {
    padding: 10px 0;
    min-height: 120px;
    position: relative
}

.p-user-a .p-user-info::after,
.p-user-a.s_myAccount .p-user-info::after,
.p-user-a.s_myProfile .p-user-info::after,
.p-user-a.s_myStreams .p-user-info::after,
.p-user-a.s_newContent .p-user-info::after {
    clear: both;
    content: "";
    display: table
}

.p-user-a .p-user-info .b-userAction-a,
.p-user-a.s_myAccount .p-user-info .b-userAction-a,
.p-user-a.s_myProfile .p-user-info .b-userAction-a,
.p-user-a.s_myStreams .p-user-info .b-userAction-a,
.p-user-a.s_newContent .p-user-info .b-userAction-a {
    float: right
}

.p-user-a .p-user-info .p-user-social-links,
.p-user-a.s_myAccount .p-user-info .p-user-social-links,
.p-user-a.s_myProfile .p-user-info .p-user-social-links,
.p-user-a.s_myStreams .p-user-info .p-user-social-links,
.p-user-a.s_newContent .p-user-info .p-user-social-links {
    clear: both;
    margin-left: 60px
}

.p-user-a .p-user-info .user-actions,
.p-user-a.s_myAccount .p-user-info .user-actions,
.p-user-a.s_myProfile .p-user-info .user-actions,
.p-user-a.s_myStreams .p-user-info .user-actions,
.p-user-a.s_newContent .p-user-info .user-actions {
    position: absolute;
    top: 80px;
    right: 0
}

.p-user-a .p-user-details .user-avatar,
.p-user-a.s_myAccount .p-user-details .user-avatar,
.p-user-a.s_myProfile .p-user-details .user-avatar,
.p-user-a.s_myStreams .p-user-details .user-avatar,
.p-user-a.s_newContent .p-user-details .user-avatar {
    float: left;
    margin-left: 0;
    max-width: 100px;
    margin-right: 20px
}

.p-user-a .p-user-details .user-avatar img,
.p-user-a.s_myAccount .p-user-details .user-avatar img,
.p-user-a.s_myProfile .p-user-details .user-avatar img,
.p-user-a.s_myStreams .p-user-details .user-avatar img,
.p-user-a.s_newContent .p-user-details .user-avatar img {
    max-width: 100px;
    border-radius: 5px
}

.p-user-a .p-user-details .username,
.p-user-a.s_myAccount .p-user-details .username,
.p-user-a.s_myProfile .p-user-details .username,
.p-user-a.s_myStreams .p-user-details .username,
.p-user-a.s_newContent .p-user-details .username {
    font-size: 26px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 6px
}

.p-user-a .p-user-details .role,
.p-user-a.s_myAccount .p-user-details .role,
.p-user-a.s_myProfile .p-user-details .role,
.p-user-a.s_myStreams .p-user-details .role,
.p-user-a.s_newContent .p-user-details .role {
    font-weight: bold
}

.p-user-a .p-user-details .social-links,
.p-user-a.s_myAccount .p-user-details .social-links,
.p-user-a.s_myProfile .p-user-details .social-links,
.p-user-a.s_myStreams .p-user-details .social-links,
.p-user-a.s_newContent .p-user-details .social-links {
    padding-top: 2px
}

.p-user-a .p-user-details .social-links a span,
.p-user-a.s_myAccount .p-user-details .social-links a span,
.p-user-a.s_myProfile .p-user-details .social-links a span,
.p-user-a.s_myStreams .p-user-details .social-links a span,
.p-user-a.s_newContent .p-user-details .social-links a span {
    color: #fff
}

#site.fixed.two-column .p-user-a .p-user-details,
#site.fixed.two-column .p-user-a.s_myAccount .p-user-details,
#site.fixed.two-column .p-user-a.s_myProfile .p-user-details,
#site.fixed.two-column .p-user-a.s_myStreams .p-user-details,
#site.fixed.two-column .p-user-a.s_newContent .p-user-details {
    width: 65%
}

.p-user-a .p-user-stats,
.p-user-a.s_myAccount .p-user-stats,
.p-user-a.s_myProfile .p-user-stats,
.p-user-a.s_myStreams .p-user-stats,
.p-user-a.s_newContent .p-user-stats {
    border: 1px solid #c6c6c6;
    float: right;
    clear: right;
    margin-top: 10px;
    padding: 3px 0;
    position: absolute;
    top: 0;
    border-radius: 5px;
    right: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    background-color: #efefef;
    background-image: -webkit-linear-gradient(top, #efefef, #e5e5e5);
    background-image: linear-gradient(to bottom, #efefef, #e5e5e5)
}

.p-user-a .p-user-stats>li,
.p-user-a.s_myAccount .p-user-stats>li,
.p-user-a.s_myProfile .p-user-stats>li,
.p-user-a.s_myStreams .p-user-stats>li,
.p-user-a.s_newContent .p-user-stats>li {
    display: inline-block;
    border-left: 1px solid #c6c6c6;
    padding: 8px;
    font-weight: bold
}

.p-user-a .p-user-stats>li:first-child,
.p-user-a.s_myAccount .p-user-stats>li:first-child,
.p-user-a.s_myProfile .p-user-stats>li:first-child,
.p-user-a.s_myStreams .p-user-stats>li:first-child,
.p-user-a.s_newContent .p-user-stats>li:first-child {
    box-shadow: none;
    border-left-color: transparent
}

.p-user-a .p-user-interaction,
.p-user-a.s_myAccount .p-user-interaction,
.p-user-a.s_myProfile .p-user-interaction,
.p-user-a.s_myStreams .p-user-interaction,
.p-user-a.s_newContent .p-user-interaction {
    margin-top: 12px
}

.p-user-a .p-user-interaction::after,
.p-user-a.s_myAccount .p-user-interaction::after,
.p-user-a.s_myProfile .p-user-interaction::after,
.p-user-a.s_myStreams .p-user-interaction::after,
.p-user-a.s_newContent .p-user-interaction::after {
    clear: both;
    content: "";
    display: table
}

.p-user-a .p-user-interaction .p-nav,
.p-user-a.s_myAccount .p-user-interaction .p-nav,
.p-user-a.s_myProfile .p-user-interaction .p-nav,
.p-user-a.s_myStreams .p-user-interaction .p-nav,
.p-user-a.s_newContent .p-user-interaction .p-nav {
    margin-left: 8px
}

.p-user-a .p-user-interaction .p-nav .b-list-item,
.p-user-a.s_myAccount .p-user-interaction .p-nav .b-list-item,
.p-user-a.s_myProfile .p-user-interaction .p-nav .b-list-item,
.p-user-a.s_myStreams .p-user-interaction .p-nav .b-list-item,
.p-user-a.s_newContent .p-user-interaction .p-nav .b-list-item {
    float: left
}

.p-user-a .p-user-interaction .p-nav .b-list-item a,
.p-user-a.s_myAccount .p-user-interaction .p-nav .b-list-item a,
.p-user-a.s_myProfile .p-user-interaction .p-nav .b-list-item a,
.p-user-a.s_myStreams .p-user-interaction .p-nav .b-list-item a,
.p-user-a.s_newContent .p-user-interaction .p-nav .b-list-item a {
    display: inline-block;
    padding: 8px 9px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-color: lightgray;
    background-color: #e5e5e5
}

.p-user-a .p-user-interaction .p-nav .b-list-item:last-child a,
.p-user-a.s_myAccount .p-user-interaction .p-nav .b-list-item:last-child a,
.p-user-a.s_myProfile .p-user-interaction .p-nav .b-list-item:last-child a,
.p-user-a.s_myStreams .p-user-interaction .p-nav .b-list-item:last-child a,
.p-user-a.s_newContent .p-user-interaction .p-nav .b-list-item:last-child a {
    border-right: 1px solid;
    border-color: lightgray
}

.p-user-a .p-user-interaction .p-nav .b-list-item:hover a,
.p-user-a .p-user-interaction .p-nav .b-list-item.selected a,
.p-user-a.s_myAccount .p-user-interaction .p-nav .b-list-item:hover a,
.p-user-a.s_myAccount .p-user-interaction .p-nav .b-list-item.selected a,
.p-user-a.s_myProfile .p-user-interaction .p-nav .b-list-item:hover a,
.p-user-a.s_myProfile .p-user-interaction .p-nav .b-list-item.selected a,
.p-user-a.s_myStreams .p-user-interaction .p-nav .b-list-item:hover a,
.p-user-a.s_myStreams .p-user-interaction .p-nav .b-list-item.selected a,
.p-user-a.s_newContent .p-user-interaction .p-nav .b-list-item:hover a,
.p-user-a.s_newContent .p-user-interaction .p-nav .b-list-item.selected a {
    background-color: #f4f4f4
}

.p-user-a .p-user-interaction .p-nav .b-list-item.selected a,
.p-user-a.s_myAccount .p-user-interaction .p-nav .b-list-item.selected a,
.p-user-a.s_myProfile .p-user-interaction .p-nav .b-list-item.selected a,
.p-user-a.s_myStreams .p-user-interaction .p-nav .b-list-item.selected a,
.p-user-a.s_newContent .p-user-interaction .p-nav .b-list-item.selected a {
    margin-bottom: -1px;
    padding-bottom: 9px;
    z-index: 30;
    position: relative
}

.p-user-a .p-user-interaction .p-user-content,
.p-user-a.s_myAccount .p-user-interaction .p-user-content,
.p-user-a.s_myProfile .p-user-interaction .p-user-content,
.p-user-a.s_myStreams .p-user-interaction .p-user-content,
.p-user-a.s_newContent .p-user-interaction .p-user-content {
    width: 100%;
    float: left;
    padding: 20px;
    position: relative;
    z-index: 5;
    border: 1px solid;
    background-color: #f4f4f4;
    border-color: lightgray
}

.p-user-a .p-user-interaction .p-user-content label,
.p-user-a.s_myAccount .p-user-interaction .p-user-content label,
.p-user-a.s_myProfile .p-user-interaction .p-user-content label,
.p-user-a.s_myStreams .p-user-interaction .p-user-content label,
.p-user-a.s_newContent .p-user-interaction .p-user-content label {
    font-weight: bold;
    display: inline
}

.p-user-a .p-user-interaction .p-user-content input[type=text],
.p-user-a .p-user-interaction .p-user-content input[type=date],
.p-user-a .p-user-interaction .p-user-content input[type=password],
.p-user-a .p-user-interaction .p-user-content select,
.p-user-a.s_myAccount .p-user-interaction .p-user-content input[type=text],
.p-user-a.s_myAccount .p-user-interaction .p-user-content input[type=date],
.p-user-a.s_myAccount .p-user-interaction .p-user-content input[type=password],
.p-user-a.s_myAccount .p-user-interaction .p-user-content select,
.p-user-a.s_myProfile .p-user-interaction .p-user-content input[type=text],
.p-user-a.s_myProfile .p-user-interaction .p-user-content input[type=date],
.p-user-a.s_myProfile .p-user-interaction .p-user-content input[type=password],
.p-user-a.s_myProfile .p-user-interaction .p-user-content select,
.p-user-a.s_myStreams .p-user-interaction .p-user-content input[type=text],
.p-user-a.s_myStreams .p-user-interaction .p-user-content input[type=date],
.p-user-a.s_myStreams .p-user-interaction .p-user-content input[type=password],
.p-user-a.s_myStreams .p-user-interaction .p-user-content select,
.p-user-a.s_newContent .p-user-interaction .p-user-content input[type=text],
.p-user-a.s_newContent .p-user-interaction .p-user-content input[type=date],
.p-user-a.s_newContent .p-user-interaction .p-user-content input[type=password],
.p-user-a.s_newContent .p-user-interaction .p-user-content select {
    width: 300px;
    display: block;
    clear: both;
    margin-top: 4px
}

.p-user-a .p-user-interaction .p-user-content .chosen-container,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .chosen-container,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .chosen-container,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .chosen-container,
.p-user-a.s_newContent .p-user-interaction .p-user-content .chosen-container {
    display: block
}

.p-user-a .p-user-interaction .p-user-content #field-gender,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #field-gender,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #field-gender,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #field-gender,
.p-user-a.s_newContent .p-user-interaction .p-user-content #field-gender {
    margin-left: 5px
}

.p-user-a .p-user-interaction .p-user-content #field-gender label,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #field-gender label,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #field-gender label,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #field-gender label,
.p-user-a.s_newContent .p-user-interaction .p-user-content #field-gender label {
    font-weight: normal
}

.p-user-a .p-user-interaction .p-user-content h3,
.p-user-a.s_myAccount .p-user-interaction .p-user-content h3,
.p-user-a.s_myProfile .p-user-interaction .p-user-content h3,
.p-user-a.s_myStreams .p-user-interaction .p-user-content h3,
.p-user-a.s_newContent .p-user-interaction .p-user-content h3 {
    font-family: Roboto, Helvetica, sans-serif
}

.p-user-a .p-user-interaction .p-user-content blockquote h4,
.p-user-a.s_myAccount .p-user-interaction .p-user-content blockquote h4,
.p-user-a.s_myProfile .p-user-interaction .p-user-content blockquote h4,
.p-user-a.s_myStreams .p-user-interaction .p-user-content blockquote h4,
.p-user-a.s_newContent .p-user-interaction .p-user-content blockquote h4 {
    margin-bottom: 9.75px
}

.p-user-a .p-user-interaction .p-user-content .comment-rating-wrapper,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .comment-rating-wrapper,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .comment-rating-wrapper,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .comment-rating-wrapper,
.p-user-a.s_newContent .p-user-interaction .p-user-content .comment-rating-wrapper {
    display: none
}

.p-user-a .p-user-interaction .p-user-content .listing-container-table .listing-warning-record,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .listing-container-table .listing-warning-record,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .listing-container-table .listing-warning-record,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .listing-container-table .listing-warning-record,
.p-user-a.s_newContent .p-user-interaction .p-user-content .listing-container-table .listing-warning-record {
    font-size: 12px
}

.p-user-a .p-user-interaction .p-user-content .listing-container-table .listing-warning-record thead th,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .listing-container-table .listing-warning-record thead th,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .listing-container-table .listing-warning-record thead th,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .listing-container-table .listing-warning-record thead th,
.p-user-a.s_newContent .p-user-interaction .p-user-content .listing-container-table .listing-warning-record thead th {
    padding: 8px 8px
}

.p-user-a .p-user-interaction .p-user-content .listing-container-table .listing-warning-record tbody tr td:not(:first-child),
.p-user-a.s_myAccount .p-user-interaction .p-user-content .listing-container-table .listing-warning-record tbody tr td:not(:first-child),
.p-user-a.s_myProfile .p-user-interaction .p-user-content .listing-container-table .listing-warning-record tbody tr td:not(:first-child),
.p-user-a.s_myStreams .p-user-interaction .p-user-content .listing-container-table .listing-warning-record tbody tr td:not(:first-child),
.p-user-a.s_newContent .p-user-interaction .p-user-content .listing-container-table .listing-warning-record tbody tr td:not(:first-child) {
    padding: 4px 2px;
    border-left: 1px solid #ccc
}

.p-user-a .p-user-interaction .p-user-content .listing-container-table .listing-warning-record .arrow,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .listing-container-table .listing-warning-record .arrow,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .listing-container-table .listing-warning-record .arrow,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .listing-container-table .listing-warning-record .arrow,
.p-user-a.s_newContent .p-user-interaction .p-user-content .listing-container-table .listing-warning-record .arrow {
    width: 16px;
    background: url("../../Blocks/images/icons/24x24/grey/icon-ban-angled-arrow.png") no-repeat;
    height: 16px;
    display: inline-block;
    background-size: 100%;
    margin-left: 10px
}

.p-user-a .p-user-interaction .p-user-content .listing-container-table .listing-warning-record td .standard-date,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .listing-container-table .listing-warning-record td .standard-date,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .listing-container-table .listing-warning-record td .standard-date,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .listing-container-table .listing-warning-record td .standard-date,
.p-user-a.s_newContent .p-user-interaction .p-user-content .listing-container-table .listing-warning-record td .standard-date {
    text-align: center;
    display: block
}

.p-user-a .p-user-interaction .p-user-content .listing-container-table .listing-warning-record td ~ td,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .listing-container-table .listing-warning-record td ~ td,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .listing-container-table .listing-warning-record td ~ td,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .listing-container-table .listing-warning-record td ~ td,
.p-user-a.s_newContent .p-user-interaction .p-user-content .listing-container-table .listing-warning-record td ~ td {
    text-align: center
}

.p-user-a .p-user-interaction .p-user-content .listing-container .listing-body,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .listing-container .listing-body,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .listing-container .listing-body,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .listing-container .listing-body,
.p-user-a.s_newContent .p-user-interaction .p-user-content .listing-container .listing-body {
    word-break: break-word
}

.p-user-a .p-user-interaction .p-user-content .listing-container .listing-body::after,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .listing-container .listing-body::after,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .listing-container .listing-body::after,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .listing-container .listing-body::after,
.p-user-a.s_newContent .p-user-interaction .p-user-content .listing-container .listing-body::after {
    clear: both;
    content: "";
    display: table
}

.p-user-a .p-user-interaction .p-user-content .current-title,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .current-title,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .current-title,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .current-title,
.p-user-a.s_newContent .p-user-interaction .p-user-content .current-title {
    margin: 10px 0
}

.p-user-a .p-user-interaction .p-user-content .current-title-container,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .current-title-container,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .current-title-container,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .current-title-container,
.p-user-a.s_newContent .p-user-interaction .p-user-content .current-title-container {
    margin: 10px 0
}

.p-user-a .p-user-interaction .p-user-content .current-title-container .current-title,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .current-title-container .current-title,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .current-title-container .current-title,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .current-title-container .current-title,
.p-user-a.s_newContent .p-user-interaction .p-user-content .current-title-container .current-title {
    font-weight: bold
}

.p-user-a .p-user-interaction .p-user-content .vanity-message,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .vanity-message,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .vanity-message,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .vanity-message,
.p-user-a.s_newContent .p-user-interaction .p-user-content .vanity-message {
    display: block;
    margin: 10px 0;
    font-style: italic
}

.p-user-a .p-user-interaction .p-user-content .title-upsell,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .title-upsell,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .title-upsell,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .title-upsell,
.p-user-a.s_newContent .p-user-interaction .p-user-content .title-upsell {
    display: block;
    font-weight: 600;
    background: #242527;
    border: 1px solid #18181a;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px
}

.p-user-a .p-user-interaction .p-user-content .select-title-form,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .select-title-form,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .select-title-form,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .select-title-form,
.p-user-a.s_newContent .p-user-interaction .p-user-content .select-title-form {
    position: relative
}

.p-user-a .p-user-interaction .p-user-content .select-title-form input#field-custom-title,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .select-title-form input#field-custom-title,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .select-title-form input#field-custom-title,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .select-title-form input#field-custom-title,
.p-user-a.s_newContent .p-user-interaction .p-user-content .select-title-form input#field-custom-title {
    position: absolute;
    top: 26px;
    left: 30px
}

.p-user-a .p-user-interaction .p-user-content .select-title-form input#field-custom-title[readonly="readonly"],
.p-user-a.s_myAccount .p-user-interaction .p-user-content .select-title-form input#field-custom-title[readonly="readonly"],
.p-user-a.s_myProfile .p-user-interaction .p-user-content .select-title-form input#field-custom-title[readonly="readonly"],
.p-user-a.s_myStreams .p-user-interaction .p-user-content .select-title-form input#field-custom-title[readonly="readonly"],
.p-user-a.s_newContent .p-user-interaction .p-user-content .select-title-form input#field-custom-title[readonly="readonly"] {
    border-style: solid
}

.p-user-a .p-user-interaction .p-user-content .select-title-form input#field-custom-title.reduce-opacity,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .select-title-form input#field-custom-title.reduce-opacity,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .select-title-form input#field-custom-title.reduce-opacity,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .select-title-form input#field-custom-title.reduce-opacity,
.p-user-a.s_newContent .p-user-interaction .p-user-content .select-title-form input#field-custom-title.reduce-opacity {
    opacity: .50
}

.p-user-a .p-user-interaction .p-user-content .select-title-form .field-errors,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .select-title-form .field-errors,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .select-title-form .field-errors,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .select-title-form .field-errors,
.p-user-a.s_newContent .p-user-interaction .p-user-content .select-title-form .field-errors {
    position: absolute;
    top: 32px;
    right: 80px
}

.p-user-a .p-user-interaction .p-user-content .select-title-form .covert-list,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .select-title-form .covert-list,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .select-title-form .covert-list,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .select-title-form .covert-list,
.p-user-a.s_newContent .p-user-interaction .p-user-content .select-title-form .covert-list {
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 10px;
    max-height: 250px;
    overflow: auto;
    margin-bottom: 10px
}

.p-user-a .p-user-interaction .p-user-content .select-title-form .covert-list .radio,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .select-title-form .covert-list .radio,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .select-title-form .covert-list .radio,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .select-title-form .covert-list .radio,
.p-user-a.s_newContent .p-user-interaction .p-user-content .select-title-form .covert-list .radio {
    display: block
}

.p-user-a .p-user-interaction .p-user-content .select-title-form .covert-list .radio input[type="radio"],
.p-user-a.s_myAccount .p-user-interaction .p-user-content .select-title-form .covert-list .radio input[type="radio"],
.p-user-a.s_myProfile .p-user-interaction .p-user-content .select-title-form .covert-list .radio input[type="radio"],
.p-user-a.s_myStreams .p-user-interaction .p-user-content .select-title-form .covert-list .radio input[type="radio"],
.p-user-a.s_newContent .p-user-interaction .p-user-content .select-title-form .covert-list .radio input[type="radio"] {
    position: relative;
    top: 2px
}

.p-user-a .p-user-interaction .p-user-content .select-title-form .title-container,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .select-title-form .title-container,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .select-title-form .title-container,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .select-title-form .title-container,
.p-user-a.s_newContent .p-user-interaction .p-user-content .select-title-form .title-container {
    margin: 0 0 10px 0
}

.p-user-a .p-user-interaction .p-user-content .select-title-form .form-footer .form-field-submit-field,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .select-title-form .form-footer .form-field-submit-field,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .select-title-form .form-footer .form-field-submit-field,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .select-title-form .form-footer .form-field-submit-field,
.p-user-a.s_newContent .p-user-interaction .p-user-content .select-title-form .form-footer .form-field-submit-field {
    float: left;
    margin-right: 10px
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-header,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-header,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-header,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-header,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-header {
    position: static
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-byline .p-article-comments,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-byline .p-article-comments,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-byline .p-article-comments,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-byline .p-article-comments,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-byline .p-article-comments {
    display: none
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-byline .p-article-category,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-byline .p-article-category,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-byline .p-article-category,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-byline .p-article-category,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .p-article-byline .p-article-category {
    display: none
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub {
    margin: 0;
    padding: 0
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub span,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub span,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub span,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub span,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub span {
    padding: 0;
    margin: 0;
    border-radius: 2px;
    background: #2e2c2c;
    color: #242527;
    font-size: 10px;
    padding: 0;
    float: right
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub span:hover,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub span:hover,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub span:hover,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub span:hover,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a span .j-notification-sub span:hover {
    background: #2e2c2c
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .post-activity .post-date i,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .post-activity .post-date i,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .post-activity .post-date i,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .post-activity .post-date i,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .p-article-a .post-activity .post-date i {
    display: none
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .j-notification-sub,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .j-notification-sub,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .j-notification-sub,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .j-notification-sub,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .j-notification-sub {
    border-radius: 2px;
    background: #2e2c2c;
    color: #242527;
    font-size: 10px;
    padding: 3px 5px;
    float: right
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .j-notification-sub:hover,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .j-notification-sub:hover,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .j-notification-sub:hover,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .j-notification-sub:hover,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .j-notification-sub:hover {
    background: #2e2c2c
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .post-activity .post-date,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .post-activity .post-date,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .post-activity .post-date,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .post-activity .post-date,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .post-activity .post-date {
    float: none
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .post-activity .post-date i,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .post-activity .post-date i,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .post-activity .post-date i,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .post-activity .post-date i,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .latest-post-item .post-activity .post-date i {
    display: none
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-thread,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-thread,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-thread,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-thread,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-thread,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-thread,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-thread,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-thread,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-thread,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-thread,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-thread,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-thread,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-thread,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-thread,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-thread {
    width: auto
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-thread .thread-title,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-thread .thread-title,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-thread .thread-title,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-thread .thread-title,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-thread .thread-title,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-thread .thread-title,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-thread .thread-title,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-thread .thread-title,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-thread .thread-title,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-thread .thread-title,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-thread .thread-title,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-thread .thread-title,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-thread .thread-title,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-thread .thread-title,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-thread .thread-title {
    word-break: break-word
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post {
    width: 200px
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post .post-author a span,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post .post-author a span,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post .post-author a span,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post .post-author a span,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post .post-author a span,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post .post-author a span,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post .post-author a span,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post .post-author a span,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post .post-author a span,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post .post-author a span,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post .post-author a span,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post .post-author a span,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post .post-author a span,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post .post-author a span,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post .post-author a span {
    width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post .post-title,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post .post-title,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post .post-title,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post .post-title,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post .post-title,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post .post-title,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post .post-title,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post .post-title,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post .post-title,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post .post-title,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post .post-title,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post .post-title,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-last-post .post-title,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-last-post .post-title,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-last-post .post-title {
    width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-forum,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-forum,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-forum,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-forum,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-forum,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-forum,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-forum,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-forum,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-forum,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-forum,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-forum,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-forum,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-forum,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-forum,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-forum {
    width: auto
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-forum .title a,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-forum .title a,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-forum .title a,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-forum .title a,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-forum .title a,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-forum .title a,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-forum .title a,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-forum .title a,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-forum .title a,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-forum .title a,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-forum .title a,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-forum .title a,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-forum .title a,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-forum .title a,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-forum .title a {
    word-break: break-word
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-count,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-count,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-count,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-count,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-count,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-count,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-count,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-count,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-count,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-count,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-count,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-count,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-count,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-count,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-count {
    min-width: 65px;
    white-space: nowrap;
    vertical-align: middle;
    position: relative
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-count a span.button,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-count a span.button,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-count a span.button,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-count a span.button,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-count a span.button,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-count a span.button,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-count a span.button,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-count a span.button,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-count a span.button,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-count a span.button,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-count a span.button,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-count a span.button,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-count a span.button,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-count a span.button,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-count a span.button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50% -50%);
    -moz-transform: translate(-50% -50%);
    -ms-transform: translate(-50% -50%);
    -o-transform: translate(-50% -50%);
    transform: translate(-50% -50%);
    width: 70px
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state {
    min-width: 85px
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions {
    width: 80px
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions {
    position: relative
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state a,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state a,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state a,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions a,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions a,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions a,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state a,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state a,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state a,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions a,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions a,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions a,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state a,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state a,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state a,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions a,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions a,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions a,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state a,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state a,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state a,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions a,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions a,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions a,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state a,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state a,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state a,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions a,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions a,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions a {
    font-size: 9.3px
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state a span.button,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state a span.button,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state a span.button,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions a span.button,
.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions a span.button,
.b-shoutbox-a .p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions a span.button,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state a span.button,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state a span.button,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state a span.button,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions a span.button,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions a span.button,
.b-shoutbox-a .p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions a span.button,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state a span.button,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state a span.button,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state a span.button,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions a span.button,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions a span.button,
.b-shoutbox-a .p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions a span.button,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state a span.button,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state a span.button,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state a span.button,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions a span.button,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions a span.button,
.b-shoutbox-a .p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions a span.button,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .subscription-state a span.button,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .subscription-state a span.button,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .subscription-state a span.button,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-table-a .col-actions a span.button,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .b-shoutbox-a .shoutbox-messages>table.listing .col-actions a span.button,
.b-shoutbox-a .p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .shoutbox-messages>table.listing .col-actions a span.button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70px
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item {
    text-align: center
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item .b-list-label,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item .b-list-label,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item .b-list-label,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item .b-list-label,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item .b-list-label {
    display: block;
    margin-top: 5px;
    border-radius: 2px;
    background: #2e2c2c;
    color: #242527;
    font-size: 10px;
    padding: 3px 5px
}

.p-user-a .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item .b-list-label:hover,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item .b-list-label:hover,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item .b-list-label:hover,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item .b-list-label:hover,
.p-user-a.s_newContent .p-user-interaction .p-user-content .b-tab-content .listing-container .user-list-item .b-list-label:hover {
    background: #2e2c2c
}

.p-user-a .p-user-interaction .p-user-content .listing-container-table .listing-body .col-thread,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .listing-container-table .listing-body .col-thread,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .listing-container-table .listing-body .col-thread,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .listing-container-table .listing-body .col-thread,
.p-user-a.s_newContent .p-user-interaction .p-user-content .listing-container-table .listing-body .col-thread {
    max-width: 300px
}

.p-user-a .p-user-interaction .p-user-content .listing-container-table .listing-body .col-thread .thread-title,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .listing-container-table .listing-body .col-thread .thread-title,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .listing-container-table .listing-body .col-thread .thread-title,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .listing-container-table .listing-body .col-thread .thread-title,
.p-user-a.s_newContent .p-user-interaction .p-user-content .listing-container-table .listing-body .col-thread .thread-title {
    word-break: break-word
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group {
    background-color: #f4f4f4;
    border: 1px solid;
    padding: 10px;
    border-color: lightgray;
    margin: 20px 0
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group label,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group label,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group label,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group label,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group label {
    display: block;
    margin-bottom: 0;
    clear: both
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-field-desc,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-field-desc,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-field-desc,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-field-desc,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-field-desc {
    font-style: italic;
    display: block;
    margin-bottom: 5px
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .favorite-image-title,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .favorite-image-title,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .favorite-image-title,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .favorite-image-title,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .favorite-image-title {
    display: block
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-image-options-container,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-image-options-container,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-image-options-container,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-image-options-container,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-image-options-container {
    margin: 10px;
    display: inline-block
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-image-options-container img,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-image-options-container img,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-image-options-container img,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-image-options-container img,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-image-options-container img {
    float: left
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group::after,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group::after,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group::after,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group::after,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group::after {
    clear: both;
    content: "";
    display: table
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-field-group-desc,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-field-group-desc,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-field-group-desc,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-field-group-desc,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .profile-field-group-desc {
    display: block;
    margin-bottom: 20px
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field {
    margin-bottom: 10px
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field::after,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field::after,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field::after,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field::after,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field::after {
    clear: both;
    content: "";
    display: table
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field .profile-field-private,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field .profile-field-private,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field .profile-field-private,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field .profile-field-private,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group .advanced-profile-field .profile-field-private {
    line-height: 0;
    font-size: 11px;
    opacity: .75
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"],
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"],
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"],
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"],
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] {
    margin-bottom: 20px
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] input[type="checkbox"],
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] input[type="checkbox"],
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] input[type="checkbox"],
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] input[type="checkbox"],
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] input[type="checkbox"] {
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 0
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] label,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] label,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] label,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] label,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] label {
    display: block;
    margin: 0;
    clear: none
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] label:first-child,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] label:first-child,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] label:first-child,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] label:first-child,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] label:first-child {
    clear: both
}

.p-user-a .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] .profile-field-private,
.p-user-a.s_myAccount .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] .profile-field-private,
.p-user-a.s_myProfile .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] .profile-field-private,
.p-user-a.s_myStreams .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] .profile-field-private,
.p-user-a.s_newContent .p-user-interaction .p-user-content #advanced-profile-form .profile-field-group [data-field-label="Game Modes"] .profile-field-private {
    font-size: 11px;
    opacity: .75
}

.p-user-a .p-user-interaction .p-user-content .member-profile .profile-field-group,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .member-profile .profile-field-group,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .member-profile .profile-field-group,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .member-profile .profile-field-group,
.p-user-a.s_newContent .p-user-interaction .p-user-content .member-profile .profile-field-group {
    margin-top: 30px
}

.p-user-a .p-user-interaction .p-user-content .member-profile .profile-field-group:first-child,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .member-profile .profile-field-group:first-child,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .member-profile .profile-field-group:first-child,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .member-profile .profile-field-group:first-child,
.p-user-a.s_newContent .p-user-interaction .p-user-content .member-profile .profile-field-group:first-child {
    margin-top: 0
}

.p-user-a .p-user-interaction .p-user-content .member-profile .profile-field-group img,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .member-profile .profile-field-group img,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .member-profile .profile-field-group img,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .member-profile .profile-field-group img,
.p-user-a.s_newContent .p-user-interaction .p-user-content .member-profile .profile-field-group img {
    max-width: 100%
}

.p-user-a .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-title,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-title,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-title,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-title,
.p-user-a.s_newContent .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-title {
    display: block;
    font-weight: bold;
    margin-top: 10px
}

.p-user-a .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-title:first-child,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-title:first-child,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-title:first-child,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-title:first-child,
.p-user-a.s_newContent .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-title:first-child {
    margin-top: 0
}

.p-user-a .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-desc,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-desc,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-desc,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-desc,
.p-user-a.s_newContent .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-desc {
    display: block;
    font-style: italic;
    margin-bottom: 5px
}

.p-user-a .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-list li,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-list li,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-list li,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-list li,
.p-user-a.s_newContent .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-list li {
    margin-left: 30px;
    list-style-type: disc
}

.p-user-a .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text,
.p-user-a.s_newContent .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text {
    color: #242527;
    direction: ltr;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 19.5px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: auto;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: auto;
    float: none;
    overflow: visible;
    position: static;
    left: auto;
    top: auto;
    visibility: visible
}

.p-user-a .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text:hover,
.p-user-a .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text:active,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text:hover,
.p-user-a.s_myAccount .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text:active,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text:hover,
.p-user-a.s_myProfile .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text:active,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text:hover,
.p-user-a.s_myStreams .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text:active,
.p-user-a.s_newContent .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text:hover,
.p-user-a.s_newContent .p-user-interaction .p-user-content .member-profile .profile-field-group .profile-field-text:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.p-user-a .listing .latest-post-item,
.p-user-a.s_myAccount .listing .latest-post-item,
.p-user-a.s_myProfile .listing .latest-post-item,
.p-user-a.s_myStreams .listing .latest-post-item,
.p-user-a.s_newContent .listing .latest-post-item {
    padding-bottom: 19.5px;
    margin-bottom: 19.5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25)
}

.p-user-a .listing .latest-post-item .post-author-avatar,
.p-user-a.s_myAccount .listing .latest-post-item .post-author-avatar,
.p-user-a.s_myProfile .listing .latest-post-item .post-author-avatar,
.p-user-a.s_myStreams .listing .latest-post-item .post-author-avatar,
.p-user-a.s_newContent .listing .latest-post-item .post-author-avatar {
    float: left;
    margin-top: 3px
}

.p-user-a .listing .latest-post-item .post-author-avatar .avatar a:before,
.p-user-a.s_myAccount .listing .latest-post-item .post-author-avatar .avatar a:before,
.p-user-a.s_myProfile .listing .latest-post-item .post-author-avatar .avatar a:before,
.p-user-a.s_myStreams .listing .latest-post-item .post-author-avatar .avatar a:before,
.p-user-a.s_newContent .listing .latest-post-item .post-author-avatar .avatar a:before {
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px inset, rgba(255, 255, 255, 0.15) 0 1px 0
}

.p-user-a .listing .latest-post-item .post-author-avatar img,
.p-user-a.s_myAccount .listing .latest-post-item .post-author-avatar img,
.p-user-a.s_myProfile .listing .latest-post-item .post-author-avatar img,
.p-user-a.s_myStreams .listing .latest-post-item .post-author-avatar img,
.p-user-a.s_newContent .listing .latest-post-item .post-author-avatar img {
    border-radius: 2px
}

.p-user-a .listing .latest-post-item .u-icon-online,
.p-user-a.s_myAccount .listing .latest-post-item .u-icon-online,
.p-user-a.s_myProfile .listing .latest-post-item .u-icon-online,
.p-user-a.s_myStreams .listing .latest-post-item .u-icon-online,
.p-user-a.s_newContent .listing .latest-post-item .u-icon-online {
    display: none
}

.p-user-a .listing .latest-post-item .post-date,
.p-user-a.s_myAccount .listing .latest-post-item .post-date,
.p-user-a.s_myProfile .listing .latest-post-item .post-date,
.p-user-a.s_myStreams .listing .latest-post-item .post-date,
.p-user-a.s_newContent .listing .latest-post-item .post-date {
    float: right;
    margin-left: 20px;
    color: #242527;
    font-size: 11px;
    font-style: italic
}

.p-user-a .listing .latest-post-item .post-date abbr,
.p-user-a.s_myAccount .listing .latest-post-item .post-date abbr,
.p-user-a.s_myProfile .listing .latest-post-item .post-date abbr,
.p-user-a.s_myStreams .listing .latest-post-item .post-date abbr,
.p-user-a.s_newContent .listing .latest-post-item .post-date abbr {
    border: 0
}

.p-user-a .listing .latest-post-item .post-date:hover,
.p-user-a.s_myAccount .listing .latest-post-item .post-date:hover,
.p-user-a.s_myProfile .listing .latest-post-item .post-date:hover,
.p-user-a.s_myStreams .listing .latest-post-item .post-date:hover,
.p-user-a.s_newContent .listing .latest-post-item .post-date:hover {
    color: #242527;
    text-decoration: underline
}

.p-user-a .listing .latest-post-item .post-date:hover abbr,
.p-user-a.s_myAccount .listing .latest-post-item .post-date:hover abbr,
.p-user-a.s_myProfile .listing .latest-post-item .post-date:hover abbr,
.p-user-a.s_myStreams .listing .latest-post-item .post-date:hover abbr,
.p-user-a.s_newContent .listing .latest-post-item .post-date:hover abbr {
    border: 0
}

.p-user-a .listing .latest-post-item .post-activity,
.p-user-a.s_myAccount .listing .latest-post-item .post-activity,
.p-user-a.s_myProfile .listing .latest-post-item .post-activity,
.p-user-a.s_myStreams .listing .latest-post-item .post-activity,
.p-user-a.s_newContent .listing .latest-post-item .post-activity {
    margin-left: 60px;
    max-width: 430px
}

.p-user-a .listing .latest-post-item .post-activity a,
.p-user-a.s_myAccount .listing .latest-post-item .post-activity a,
.p-user-a.s_myProfile .listing .latest-post-item .post-activity a,
.p-user-a.s_myStreams .listing .latest-post-item .post-activity a,
.p-user-a.s_newContent .listing .latest-post-item .post-activity a {
    font-weight: bold;
    color: #242527;
    text-decoration: underline
}

.p-user-a .listing .latest-post-item .post-activity a:hover,
.p-user-a.s_myAccount .listing .latest-post-item .post-activity a:hover,
.p-user-a.s_myProfile .listing .latest-post-item .post-activity a:hover,
.p-user-a.s_myStreams .listing .latest-post-item .post-activity a:hover,
.p-user-a.s_newContent .listing .latest-post-item .post-activity a:hover {
    color: #242527;
    text-decoration: underline
}

.p-user-a .listing .latest-post-item .post-activity span.comment-entity-spam a,
.p-user-a.s_myAccount .listing .latest-post-item .post-activity span.comment-entity-spam a,
.p-user-a.s_myProfile .listing .latest-post-item .post-activity span.comment-entity-spam a,
.p-user-a.s_myStreams .listing .latest-post-item .post-activity span.comment-entity-spam a,
.p-user-a.s_newContent .listing .latest-post-item .post-activity span.comment-entity-spam a {
    text-decoration: line-through;
    color: #f00
}

.p-user-a .listing .latest-post-item .post-activity span.comment-entity-deleted a,
.p-user-a.s_myAccount .listing .latest-post-item .post-activity span.comment-entity-deleted a,
.p-user-a.s_myProfile .listing .latest-post-item .post-activity span.comment-entity-deleted a,
.p-user-a.s_myStreams .listing .latest-post-item .post-activity span.comment-entity-deleted a,
.p-user-a.s_newContent .listing .latest-post-item .post-activity span.comment-entity-deleted a {
    text-decoration: line-through;
    color: #000
}

.p-user-a .listing .latest-post-item .post-author a,
.p-user-a.s_myAccount .listing .latest-post-item .post-author a,
.p-user-a.s_myProfile .listing .latest-post-item .post-author a,
.p-user-a.s_myStreams .listing .latest-post-item .post-author a,
.p-user-a.s_newContent .listing .latest-post-item .post-author a {
    font-weight: bold;
    color: #242527;
    text-decoration: none
}

.p-user-a .listing .latest-post-item .post-author a:hover,
.p-user-a.s_myAccount .listing .latest-post-item .post-author a:hover,
.p-user-a.s_myProfile .listing .latest-post-item .post-author a:hover,
.p-user-a.s_myStreams .listing .latest-post-item .post-author a:hover,
.p-user-a.s_newContent .listing .latest-post-item .post-author a:hover {
    color: #242527;
    text-decoration: underline
}

.p-user-a .listing .latest-post-item .post-content,
.p-user-a.s_myAccount .listing .latest-post-item .post-content,
.p-user-a.s_myProfile .listing .latest-post-item .post-content,
.p-user-a.s_myStreams .listing .latest-post-item .post-content,
.p-user-a.s_newContent .listing .latest-post-item .post-content {
    position: relative;
    margin-bottom: 0;
    padding: 10px 10px 10px 40px;
    margin-left: 60px
}

.p-user-a .listing .latest-post-item .post-content:not(:empty):before,
.p-user-a.s_myAccount .listing .latest-post-item .post-content:not(:empty):before,
.p-user-a.s_myProfile .listing .latest-post-item .post-content:not(:empty):before,
.p-user-a.s_myStreams .listing .latest-post-item .post-content:not(:empty):before,
.p-user-a.s_newContent .listing .latest-post-item .post-content:not(:empty):before {
    content: '';
    width: 12px;
    height: 12px;
    background: url("../../Blocks/images/icons/8x8/darkgrey/icon-quote-right.png") no-repeat 0 0;
    position: absolute;
    top: 10px;
    left: 20px
}

.p-user-a .listing .latest-post-item .post-location,
.p-user-a.s_myAccount .listing .latest-post-item .post-location,
.p-user-a.s_myProfile .listing .latest-post-item .post-location,
.p-user-a.s_myStreams .listing .latest-post-item .post-location,
.p-user-a.s_newContent .listing .latest-post-item .post-location {
    clear: both;
    display: block;
    text-align: right;
    font-size: 11px;
    color: #242527;
    font-style: italic;
    font-weight: bold
}

.p-user-a .listing .latest-post-item .post-location a,
.p-user-a.s_myAccount .listing .latest-post-item .post-location a,
.p-user-a.s_myProfile .listing .latest-post-item .post-location a,
.p-user-a.s_myStreams .listing .latest-post-item .post-location a,
.p-user-a.s_newContent .listing .latest-post-item .post-location a {
    font-weight: normal
}

.body-user-details .p-user-a .listing.no-results,
.body-user-details .p-user-a.s_myAccount .listing.no-results,
.body-user-details .p-user-a.s_myProfile .listing.no-results,
.body-user-details .p-user-a.s_myStreams .listing.no-results,
.body-user-details .p-user-a.s_newContent .listing.no-results {
    display: none;
    color: #000
}

.p-user-a .user-list-item,
.p-user-a.s_myAccount .user-list-item,
.p-user-a.s_myProfile .user-list-item,
.p-user-a.s_myStreams .user-list-item,
.p-user-a.s_newContent .user-list-item {
    float: left;
    margin: 0 12.5px 10px 0;
    padding: 0;
    width: 64px;
    height: 85px;
    border: 0
}

.p-user-a .user-list-item .avatar,
.p-user-a.s_myAccount .user-list-item .avatar,
.p-user-a.s_myProfile .user-list-item .avatar,
.p-user-a.s_myStreams .user-list-item .avatar,
.p-user-a.s_newContent .user-list-item .avatar {
    height: 64px
}

.p-user-a .user-list-item a,
.p-user-a.s_myAccount .user-list-item a,
.p-user-a.s_myProfile .user-list-item a,
.p-user-a.s_myStreams .user-list-item a,
.p-user-a.s_newContent .user-list-item a {
    display: block
}

.p-user-a .user-list-item>span,
.p-user-a.s_myAccount .user-list-item>span,
.p-user-a.s_myProfile .user-list-item>span,
.p-user-a.s_myStreams .user-list-item>span,
.p-user-a.s_newContent .user-list-item>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 64px;
    display: block;
    font-size: 11px;
    text-align: center
}

.p-user-a .user-list-item:nth-child(9n),
.p-user-a.s_myAccount .user-list-item:nth-child(9n),
.p-user-a.s_myProfile .user-list-item:nth-child(9n),
.p-user-a.s_myStreams .user-list-item:nth-child(9n),
.p-user-a.s_newContent .user-list-item:nth-child(9n) {
    margin-right: 0
}

.p-user-a .s_myNotifications h3,
.p-user-a.s_myAccount .s_myNotifications h3,
.p-user-a.s_myProfile .s_myNotifications h3,
.p-user-a.s_myStreams .s_myNotifications h3,
.p-user-a.s_newContent .s_myNotifications h3 {
    font-size: 16px;
    margin-bottom: 10px
}

.p-user-a .s_myNotifications .p-setting-section,
.p-user-a.s_myAccount .s_myNotifications .p-setting-section,
.p-user-a.s_myProfile .s_myNotifications .p-setting-section,
.p-user-a.s_myStreams .s_myNotifications .p-setting-section,
.p-user-a.s_newContent .s_myNotifications .p-setting-section {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.25)
}

.p-user-a .s_myNotifications .day-selection,
.p-user-a.s_myAccount .s_myNotifications .day-selection,
.p-user-a.s_myProfile .s_myNotifications .day-selection,
.p-user-a.s_myStreams .s_myNotifications .day-selection,
.p-user-a.s_newContent .s_myNotifications .day-selection {
    margin-bottom: 5px
}

.p-user-a .s_myNotifications .day-selection li,
.p-user-a.s_myAccount .s_myNotifications .day-selection li,
.p-user-a.s_myProfile .s_myNotifications .day-selection li,
.p-user-a.s_myStreams .s_myNotifications .day-selection li,
.p-user-a.s_newContent .s_myNotifications .day-selection li {
    display: inline-block
}

.p-user-a .s_myNotifications .time-selection input.time,
.p-user-a.s_myAccount .s_myNotifications .time-selection input.time,
.p-user-a.s_myProfile .s_myNotifications .time-selection input.time,
.p-user-a.s_myStreams .s_myNotifications .time-selection input.time,
.p-user-a.s_newContent .s_myNotifications .time-selection input.time {
    width: 100px;
    display: inline-block
}

.p-user-a .s_myNotifications .time-selection select,
.p-user-a .s_myNotifications .time-selection .chosen-container,
.p-user-a.s_myAccount .s_myNotifications .time-selection select,
.p-user-a.s_myAccount .s_myNotifications .time-selection .chosen-container,
.p-user-a.s_myProfile .s_myNotifications .time-selection select,
.p-user-a.s_myProfile .s_myNotifications .time-selection .chosen-container,
.p-user-a.s_myStreams .s_myNotifications .time-selection select,
.p-user-a.s_myStreams .s_myNotifications .time-selection .chosen-container,
.p-user-a.s_newContent .s_myNotifications .time-selection select,
.p-user-a.s_newContent .s_myNotifications .time-selection .chosen-container {
    display: inline-block
}

.p-user-a .s_myNotifications .p-all-notifications-checkbox,
.p-user-a.s_myAccount .s_myNotifications .p-all-notifications-checkbox,
.p-user-a.s_myProfile .s_myNotifications .p-all-notifications-checkbox,
.p-user-a.s_myStreams .s_myNotifications .p-all-notifications-checkbox,
.p-user-a.s_newContent .s_myNotifications .p-all-notifications-checkbox {
    float: right;
    margin-top: 34px
}

.p-user-a .s_myNotifications .setting,
.p-user-a.s_myAccount .s_myNotifications .setting,
.p-user-a.s_myProfile .s_myNotifications .setting,
.p-user-a.s_myStreams .s_myNotifications .setting,
.p-user-a.s_newContent .s_myNotifications .setting {
    padding: 3px 0
}

.p-user-a .s_myNotifications .setting input[type=checkbox],
.p-user-a.s_myAccount .s_myNotifications .setting input[type=checkbox],
.p-user-a.s_myProfile .s_myNotifications .setting input[type=checkbox],
.p-user-a.s_myStreams .s_myNotifications .setting input[type=checkbox],
.p-user-a.s_newContent .s_myNotifications .setting input[type=checkbox] {
    float: right
}

.p-user-a .s_myNotifications .form-actions,
.p-user-a.s_myAccount .s_myNotifications .form-actions,
.p-user-a.s_myProfile .s_myNotifications .form-actions,
.p-user-a.s_myStreams .s_myNotifications .form-actions,
.p-user-a.s_newContent .s_myNotifications .form-actions {
    margin-top: 20px
}

.s_myProfile .p-user-stats {
    top: 0
}

.s_myStreams .p-user-stats {
    top: 0
}

.s_myStreams .p-streams-a {
    background: 0;
    padding: 0;
    margin: 0
}

.s_myStreams .p-streams-a .p-streams-header {
    float: none;
    width: 100%;
    margin: 0
}

.s_myStreams .p-streams-a .p-streams-content {
    float: none;
    width: 100%;
    margin: 0
}

.full-member-listing .h2 {
    margin-bottom: 19.5px
}

.full-member-listing .listing-filters {
    background: white;
    padding: 10px
}

.full-member-listing #form-field-filter-user-sort {
    float: right
}

.full-member-listing #form-field-filter-username {
    margin-right: 9.75px
}

.full-member-listing .form-footer {
    display: block;
    margin-top: 9.75px
}

.full-member-listing input[type="checkbox"] {
    vertical-align: middle;
    margin: 0
}

.full-member-listing .form-field-boolean-field input[type="checkbox"] {
    margin: 3px 8px 0 0
}

.full-member-listing .b-media {
    padding: 19.5px 9.75px;
    margin: 0;
    position: relative
}

.full-member-listing .b-media+.b-media-a {
    border-top: 1px solid rgba(0, 0, 0, 0.25)
}

.full-member-listing .b-media:nth-child(even) {
    background: white;
    color: #000
}

.full-member-listing .b-media .avatar img {
    min-width: 1px
}

.full-member-listing .media {
    float: left;
    margin-right: 1.5em;
    position: relative
}

.full-member-listing .username {
    font-size: 15px
}

.full-member-listing .joined,
.full-member-listing .last-active {
    position: absolute;
    bottom: 39px;
    right: 9.75px
}

.full-member-listing .joined {
    bottom: 19.5px
}

#user-reputation .latest-post-item {
    position: relative
}

#user-reputation .p-comment-wrapper .comment-rating-wrapper {
    float: left;
    position: absolute;
    top: 50px;
    left: 0
}

#user-reputation .p-comment-wrapper .comment-rating-wrapper p.forum-post-rating {
    margin: 0;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    padding: 0 2px 0 18px
}

#user-reputation .p-comment-wrapper .comment-rating-wrapper p.forum-post-rating::after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f164';
    color: #08c;
    position: absolute;
    top: 2px;
    left: 2px
}

#user-reputation .p-comment-wrapper form {
    margin: 0
}

#user-reputation .p-comment-wrapper .post-date {
    position: absolute;
    top: 0;
    right: 0
}

#user-reputation .p-comment-wrapper .post-author-avatar {
    margin-top: 5px
}

#user-reputation .p-comment-wrapper .rating-form {
    float: left;
    clear: left;
    margin-top: 5px
}

#user-reputation .p-comment-wrapper .rating-form .j-like-modal {
    float: right
}

#user-reputation .p-comment-wrapper .rating-form .need-login {
    display: none
}

#user-reputation .p-comment-wrapper .content-box-rating {
    float: left
}

#user-reputation .p-comment-wrapper .content-box-rating span {
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 10px;
    position: relative;
    top: 3px;
    left: 0;
    background: url("../../Blocks/images/icons/12x12/darkgrey/user-action-sprite.png") 1px -43px no-repeat
}

#user-reputation .p-comment-wrapper .content-box-rating span.like.user-owned {
    opacity: .25
}

.ad-container .ad-bin,
.ad-container .ad-bin.sp>div,
.ad-container .ad-bin .xt-placement {
    float: right;
    position: relative
}

.ad-container {
    width: 1000px;
    margin: 0 auto;
    background: transparent none;
    overflow: hidden;
    z-index: 0
}

.ad-container::after {
    clear: both;
    content: "";
    display: table
}

.ad-container .ad-bin {
    right: 50%
}

.ad-container .ad-bin.sp>div,
.ad-container .ad-bin .xt-placement {
    margin-top: 10px;
    margin-bottom: 10px;
    right: -50%
}

.ad-container .ad-bin.sp>div.xt-badge,
.ad-container .ad-bin .xt-placement.xt-badge {
    float: left;
    margin-right: 10px!important
}

.ad-container.ad-container-footer {
    margin-top: 10px;
    position: relative;
    z-index: 11
}

.ad-container.ad-container-footer .ad-bin .xt-placement {
    margin-top: 0;
    margin-bottom: 10px
}

.ad-bin-footer,
.footer-temp {
    position: relative
}

.ad-bin-footer .xt-main-med-rect-footer,
.footer-temp .xt-main-med-rect-footer {
    margin-right: -490px;
    position: absolute;
    top: 45px;
    right: 50%
}

.secondary-content .xt-placement {
    float: none;
    margin-bottom: 19.5px;
    right: auto
}

.secondary-content .xt-placement:first-child {
    margin-top: 0
}

.atf {
    padding: 0 10px 0
}

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

.atf .xt-main-med-rect {
    float: left;
    margin: 10px 0 10px 10px
}



.hide-ads .ad-container {
    display: none!important
}

.ad-skin #site-main {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    cursor: default
}

.ad-skin .p-header-a {
    background: #141414 none
}

.xt-leaderboard::after,
.xt-leaderboard-footer::after,
.xt-main-med-rect::after,
.xt-main-med-rect-mid::after,
.xt-main-med-rect-footer::after,
.p-comments-b .xt-placement::after,
.body-forum .comment-preview li .xt-placement::after,
.body-forum-search .p-comments-a .xt-placement::after,
.post-mobile-ad .xt-placement::after,
.server-ad-slot::after {
    content: 'Advertisement';
    display: block;
    text-align: right;
    font-size: 10px;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    line-height: 20px
}

.xt-leaderboard::after,
.xt-leaderboard-footer::after {
    color: rgba(209, 224, 255, 0.4)
}

.xt-main-med-rect::after,
.xt-main-med-rect-mid::after,
.server-ad-slot::after {
    color: rgba(0, 0, 0, 0.5)
}

.xt-main-med-rect-footer::after {
    color: rgba(255, 255, 255, 0.4)
}

body:not(.ad-skin) .xt-leaderboard {
    width: 728px
}

.ui-dialog.loginModal,
.ui-dialog.register-modal {
    font-size: 13px;
    font-family: 'Open Sans Light', sans-serif;
    border: 1px solid #101010;
    position: fixed;
    color: #121212;
    background: -webkit-linear-gradient(top, #222 0, #171717 100%);
    background: linear-gradient(to bottom, #222 0, #171717 100%);
    box-shadow: inset 0 1px 1px -1px #8f8f8f, 0px 0 20px rgba(0, 0, 0, 0.9);
    border-radius: 2px
}

.ui-dialog.loginModal .ui-dialog-content,
.ui-dialog.register-modal .ui-dialog-content {
    color: #ccc;
    padding: 8px 0 0 0
}

.ui-dialog.loginModal .ui-dialog-content a,
.ui-dialog.register-modal .ui-dialog-content a {
    color: #ff5f14
}

.ui-dialog.loginModal .ui-dialog-content a:hover,
.ui-dialog.register-modal .ui-dialog-content a:hover {
    color: #fff
}

.ui-dialog.loginModal a,
.ui-dialog.register-modal a {
    color: #ff5f14
}

.ui-dialog.loginModal a:hover,
.ui-dialog.register-modal a:hover {
    color: #fff
}

.ui-dialog.loginModal .ui-dialog-title,
.ui-dialog.register-modal .ui-dialog-title {
    display: none
}

.ui-dialog.loginModal .ui-dialog-titlebar,
.ui-dialog.register-modal .ui-dialog-titlebar {
    height: 0;
    padding: 0;
    border-bottom: 0
}

.ui-dialog.loginModal .ui-dialog-titlebar .ui-dialog-titlebar-close,
.ui-dialog.register-modal .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background-color: rgba(255, 255, 255, 0);
    z-index: 3
}

.ui-dialog.loginModal form,
.ui-dialog.register-modal form {
    margin: 0
}

.ui-dialog.loginModal h1,
.ui-dialog.register-modal h1 {
    width: 39px;
    height: 57px;
    display: block;
    text-indent: -99999px;
    margin: 0 auto;
    background: url("../../Blocks/images/login/small-flame.png") no-repeat
}

.ui-dialog.loginModal .p-login-form,
.ui-dialog.register-modal .p-login-form {
    padding: 8px 57px 0 57px
}

.ui-dialog.loginModal .p-login-form div,
.ui-dialog.register-modal .p-login-form div {
    position: relative
}

.ui-dialog.loginModal .p-login-form label,
.ui-dialog.register-modal .p-login-form label {
    position: absolute;
    top: 0;
    left: 0
}

.ui-dialog.loginModal .p-login-form p,
.ui-dialog.register-modal .p-login-form p {
    margin: 0
}

.ui-dialog.loginModal .p-login-form span.field-errors,
.ui-dialog.register-modal .p-login-form span.field-errors {
    display: none
}

.ui-dialog.loginModal .p-login-form input[type=text],
.ui-dialog.loginModal .p-login-form input[type=password],
.ui-dialog.register-modal .p-login-form input[type=text],
.ui-dialog.register-modal .p-login-form input[type=password] {
    border-radius: 2px;
    width: 100%;
    height: 39px;
    padding: 9px 16px 9px 47px;
    margin-bottom: 8px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    background: #111;
    color: #aaa;
    border: 1px solid #333;
    box-sizing: border-box
}

.ui-dialog.loginModal .p-login-form input[type=text]:focus,
.ui-dialog.loginModal .p-login-form input[type=password]:focus,
.ui-dialog.register-modal .p-login-form input[type=text]:focus,
.ui-dialog.register-modal .p-login-form input[type=password]:focus {
    border-color: rgba(255, 90, 10, 0.7);
    background-color: #111;
    box-shadow: 0 0 0 transparent!important
}

.ie9 .ui-dialog.loginModal .p-login-form .input-label,
.ie8 .ui-dialog.loginModal .p-login-form .input-label,
.ie9 .ui-dialog.register-modal .p-login-form .input-label,
.ie8 .ui-dialog.register-modal .p-login-form .input-label {
    display: block
}

.ui-dialog.loginModal .p-login-form [for="field-username"]:before,
.ui-dialog.loginModal .p-login-form [for="field-loginFormPassword"]:before,
.ui-dialog.register-modal .p-login-form [for="field-username"]:before,
.ui-dialog.register-modal .p-login-form [for="field-loginFormPassword"]:before {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    left: 2px;
    background: -webkit-linear-gradient(top, #282828, #1e1e1e);
    background: linear-gradient(to bottom, #282828, #1e1e1e)
}

.ui-dialog.loginModal .p-login-form [for="field-username"]:after,
.ui-dialog.register-modal .p-login-form [for="field-username"]:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    left: 2px;
    background: url("../../Blocks/images/login/email-icon.png") no-repeat center
}

.ui-dialog.loginModal .p-login-form [for="field-loginFormPassword"]:after,
.ui-dialog.register-modal .p-login-form [for="field-loginFormPassword"]:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    left: 2px;
    background: url("../../Blocks/images/login/password-icon.png") no-repeat center
}

.ui-dialog.loginModal .p-login-register,
.ui-dialog.register-modal .p-login-register {
    margin: 0 57px 20px 57px;
    line-height: 25px;
    color: #878787
}

.ui-dialog.loginModal .p-login-register a,
.ui-dialog.register-modal .p-login-register a {
    margin-left: 5px;
    color: #ff5a0a
}

.ui-dialog.loginModal .p-login-register a:hover,
.ui-dialog.register-modal .p-login-register a:hover {
    color: #ff7c3d;
    cursor: pointer
}

.ui-dialog.loginModal .p-login-register a:first-child,
.ui-dialog.register-modal .p-login-register a:first-child {
    margin-left: 3px
}

.ui-dialog.loginModal label::after,
.ui-dialog.register-modal label::after {
    clear: both;
    content: "";
    display: table
}

.ui-dialog.loginModal label>span,
.ui-dialog.register-modal label>span {
    margin-bottom: 5px;
    color: #fff;
    display: inline-block
}

.ui-dialog.loginModal label>a,
.ui-dialog.register-modal label>a {
    float: right
}

.ui-dialog.loginModal .cta-button,
.ui-dialog.register-modal .cta-button {
    padding: 5px;
    width: 333px;
    clear: both;
    margin: 9px 57px 15px 57px;
    background-color: #fe5200!important;
    background-repeat: repeat-x;
    background-size: 350px 75px;
    background-position: center -25px;
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    border-top: 1px solid #ff8b50;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    border: 0;
    background: -webkit-radial-gradient(center top, ellipse, #ff8500 0, #e14800 100%)!important;
    background: radial-gradient(center top, ellipse, #ff8500 0, #e14800 100%)!important;
    -webkit-transition: .1s background-position linear;
    -moz-transition: .1s background-position linear;
    transition: .1s background-position linear
}

.ui-dialog.loginModal .cta-button:hover,
.ui-dialog.register-modal .cta-button:hover {
    background-position: center top
}

.ui-dialog.loginModal .p-login-helpers,
.ui-dialog.register-modal .p-login-helpers {
    clear: both;
    font-size: 12px;
    padding: 5px 13px 5px 10px;
    height: 40px;
    box-sizing: border-box;
    background-color: #131313;
    margin: 0 1px 1px 1px
}

.ui-dialog.loginModal .p-login-helpers::after,
.ui-dialog.register-modal .p-login-helpers::after {
    clear: both;
    content: "";
    display: table
}

.ui-dialog.loginModal .p-login-helpers .premium-link,
.ui-dialog.register-modal .p-login-helpers .premium-link {
    float: left;
    padding-left: 35px;
    padding-top: 7px;
    box-sizing: border-box;
    color: #ff5a0a
}

.ui-dialog.loginModal .p-login-helpers .premium-link:hover,
.ui-dialog.register-modal .p-login-helpers .premium-link:hover {
    color: #ff7c3d
}

.ui-dialog.loginModal .p-login-helpers .premium-link:after,
.ui-dialog.register-modal .p-login-helpers .premium-link:after {
    content: '';
    display: block;
    position: absolute;
    width: 28px;
    height: 41px;
    bottom: 7px;
    left: 10px;
    background: url("../../Blocks/images/login/premium-icon.png") no-repeat left center
}

.ui-dialog.loginModal .p-login-helpers .premium-link>span,
.ui-dialog.register-modal .p-login-helpers .premium-link>span {
    color: #fff
}

.ui-dialog.loginModal .p-login-helpers .help-link,
.ui-dialog.register-modal .p-login-helpers .help-link {
    float: right;
    padding-top: 7px;
    color: #878787
}

.ui-dialog.loginModal .p-login-helpers .help-link:hover,
.ui-dialog.register-modal .p-login-helpers .help-link:hover {
    color: #a1a1a1
}

.ui-dialog.loginModal .login-message,
.ui-dialog.register-modal .login-message {
    background-color: #060606;
    border: 1px solid black;
    line-height: 1.5em;
    margin-bottom: 8px;
    padding: 10px;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.12), inset -1px -1px 0 rgba(255, 255, 255, 0.08)
}

.ui-dialog.loginModal .field-errors#field-error-field-username {
    margin-left: 57px
}

.primary-content .p-register-a {
    max-width: 318px;
    margin: 0 auto
}

.p-register-form {
    width: 318px
}

.ui-widget .p-register-form fieldset>div {
    position: relative;
    margin-bottom: 10px
}

.ui-widget .p-register-form label {
    position: absolute;
    top: 0;
    left: 0
}

.p-register-form .field-errors {
    color: red!important
}

.p-register-form label {
    margin-bottom: 10px;
    position: relative
}

.p-register-form label:before {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    left: 2px
}

.p-register-form label:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    left: 2px
}

.p-register-form label input {
    border: 1px solid #b1b1b1;
    border-radius: 2px;
    width: 100%;
    height: 39px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    padding: 9px 16px 9px 47px
}

.p-register-form [for=field-username]:after {
    background: url("../../Blocks/images/login/user-icon.png") no-repeat center!important
}

.p-register-form [for=field-email]:after {
    background: url("../../Blocks/images/login/email-icon.png") no-repeat center
}

.p-register-form [for=field-registerFormPassword]:after,
.p-register-form [for=field-registerFormPasswordConfirm]:after {
    background: url("../../Blocks/images/login/icons/password-icon.png") no-repeat center
}

.p-register-form .registerFormPassword:after {
    background: url("../../Blocks/images/login/icons/password-icon.png") no-repeat center!important
}

.p-register-form #recaptcha_widget_div {
    margin-bottom: 20px
}

.p-register-form .tos-container {
    margin-bottom: 5px
}

.p-register-form .tos-container a {
    color: #314874;
    font-weight: bold
}

.p-register-form .mail-container {
    margin-bottom: 20px
}

.p-register-form .mail-container input {
    position: relative;
    top: 2px
}

.p-register-form .cta-button {
    width: 318px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 15px;
    border: 0
}

.p-register-form .login a:hover {
    cursor: pointer
}

.p-register-form #form-field-recaptcha-control {
    margin: 24px auto 14px
}

.ui-dialog.register-modal .p-register-form {
    margin: 0 auto;
    width: 333px
}

.ui-dialog.register-modal .p-register-form #form-field-recaptcha-control {
    margin: 24px auto 0
}

.ui-dialog.register-modal .p-register-form h1 {
    margin-bottom: 10px
}

.ui-dialog.register-modal .p-register-form input[type="submit"] {
    margin: 10px 0 10px 0;
    font-weight: 300
}

.ui-dialog.register-modal .p-register-form p {
    margin: 0;
    color: #878787;
    line-height: 25px
}

.ui-dialog.register-modal .p-register-form .tos-container a {
    font-weight: normal
}

.ui-dialog.register-modal .p-register-form input[type=text],
.ui-dialog.register-modal .p-register-form input[type=password],
.ui-dialog.register-modal .p-register-form input[type=email] {
    border-radius: 2px;
    width: 100%;
    height: 39px;
    padding: 9px 16px 9px 47px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    background: #111;
    color: #aaa;
    border: 1px solid #333;
    box-sizing: border-box
}

.ui-dialog.register-modal .p-register-form input[type=text]:focus,
.ui-dialog.register-modal .p-register-form input[type=password]:focus,
.ui-dialog.register-modal .p-register-form input[type=email]:focus {
    border-color: rgba(255, 90, 10, 0.7);
    background-color: #111;
    box-shadow: 0 0 0 transparent!important
}

.ie9 .ui-dialog.register-modal .p-register-form .input-label,
.ie8 .ui-dialog.register-modal .p-register-form .input-label {
    display: block
}

.ui-dialog.register-modal .p-register-form fieldset label>input {
    margin: 0 0 2px 0
}

.ui-dialog.register-modal .p-register-form fieldset>[for="field-username"],
.ui-dialog.register-modal .p-register-form fieldset>[for="field-email"],
.ui-dialog.register-modal .p-register-form fieldset>[for="field-registerFormPassword"],
.ui-dialog.register-modal .p-register-form fieldset>[for="field-registerFormPasswordConfirm"] {
    position: relative
}

.ui-dialog.register-modal .p-register-form fieldset>[for="field-username"]:before,
.ui-dialog.register-modal .p-register-form fieldset>[for="field-email"]:before,
.ui-dialog.register-modal .p-register-form fieldset>[for="field-registerFormPassword"]:before,
.ui-dialog.register-modal .p-register-form fieldset>[for="field-registerFormPasswordConfirm"]:before {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    left: 2px;
    background: -webkit-linear-gradient(top, #282828, #1e1e1e);
    background: linear-gradient(to bottom, #282828, #1e1e1e)
}

.ui-dialog.register-modal .p-register-form fieldset>[for="field-email"]:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    left: 2px;
    background: url("../../Blocks/images/login/email-icon.png") no-repeat center
}

.ui-dialog.register-modal .p-register-form fieldset>[for="field-username"]:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    left: 2px;
    background: url("../../Blocks/images/login/email-icon.png") no-repeat center
}

.ui-dialog.register-modal .p-register-form fieldset>[for="field-registerFormPasswordConfirm"]:after,
.ui-dialog.register-modal .p-register-form fieldset>[for="field-registerFormPassword"]:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    left: 2px;
    background: url("../../Blocks/images/login/password-icon.png") no-repeat center
}

#recaptcha_area {
    height: 128px;
    overflow: hidden;
    margin: 0 auto
}

#recaptcha_area #recaptcha_privacy {
    display: none
}

.postwidget {
    background-image: url("../../Global/images/ui/plugin-32-32.png");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
    width: 128px;
    height: 128px;
    padding: 0;
    margin: 0;
    border: 0
}

.mcePostWidget {
    display: inline-block;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #C0C0C0;
    height: 128px;
    width: 128px;
    padding: 10px
}

.postwidget-gallery {
    background-image: url("../../Global/images/postwidgets/postwidget-gallery-128-128.png");
    display: block;
    width: 99%;
    margin-left: 4px;
    height: 150px
}

.postwidget-outline {
    background-image: url("../../Global/images/postwidgets/postwidget-outline-128-128.png")
}

.postwidget-authordetails {
    background-image: url("../../Global/images/postwidgets/postwidget-authordetails-128-128.png")
}

.postwidget-bwquote {
    background-image: url("../../Global/images/postwidgets/postwidget-bwquote-128-128.png")
}

.postwidget-poll {
    background-image: url("../../Global/images/postwidgets/postwidget-poll-128-128.png");
    display: block;
    width: 99%;
    margin-left: 4px;
    height: 150px
}

.postwidget-audioplayer {
    background-image: url("../../Global/images/postwidgets/postwidget-audioplayer-128-128.png");
    display: block;
    height: 128px;
    width: 99%;
    margin-left: 4px
}

.postwidget-videoplayer {
    background-image: url("../../Global/images/postwidgets/postwidget-videoplayer-128-128.png");
    display: block;
    height: 128px;
    width: 99%;
    margin-left: 4px
}

div#postwidget-manager img.postwidget-audioplayer,
div#postwidget-manager img.postwidget-gallery {
    width: 128px;
    height: 128px;
    margin: 0
}

#postwidget-manager .error {
    color: Red
}

#postwidget-manager.loading {
    background: black url(../../Global/images/ui/ajax-loader-big.gif);
    background-position: center center;
    background-repeat: no-repeat!important;
    padding: 0
}

#postwidget-manager .instructions {
    display: none;
    padding-bottom: 0;
    background: #09F;
    border: 0;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    margin: 0 0 8px 0
}

#postwidget-manager .listing-container {
    overflow: auto;
    bottom: 10px;
    height: auto;
    left: 10px;
    right: 10px;
    top: 10px;
    background: 0;
    border: 0;
    border-radius: 0
}

#postwidget-manager .postwidget-editor {
    height: 100%;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

#postwidget-manager .postwidget-editor .field-label,
#postwidget-manager .postwidget-editor .field-description {
    color: #fff
}

#postwidget-manager ul.listing>li {
    display: inline-block;
    background: 0;
    border: 0;
    color: #fff;
    margin: 12px
}

#postwidget-manager ul.listing>li:hover,
#postwidget-manager ul.listing>li.selected {
    background: #2E2E2E;
    border-radius: 4px;
    -moz-border-radius: 4px
}

#postwidget-manager ul.listing>li a {
    overflow: hidden;
    width: 128px;
    height: 128px;
    display: block;
    border: 1px solid #eef;
    background-color: #262626
}

#postwidget-manager ul.tabbed-tabs>li a {
    width: auto;
    height: auto
}

#postwidget-manager ul.tabbed-tabs>li.selected a {
    background-color: transparent
}

#postwidget-manager ul.listing>li .wrapper {
    background: #fff;
    padding: 2px 2px 0 2px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000
}

#postwidget-manager ul.listing>li.edit-mode {
    float: none;
    display: block;
    padding: 0
}

#postwidget-manager ul.listing h2.caption {
    border-bottom: 1px dotted #eef;
    color: #000
}

#postwidget-manager li.postwidget .title {
    text-align: center;
    font-weight: bold;
    color: #262626;
    margin: 0;
    padding: 0;
    font-size: 8pt
}

#postwidget-manager .add-new-matchup-top {
    margin: 20px 0
}

#postwidget-manager .add-new-matchup-bot {
    margin: 20px 0
}

#postwidget-manager .post-widget-form .post-widget-footer {
    clear: both
}

#postwidget-manager .post-widget-form .post-widget-footer .user-actions li {
    float: left;
    margin-right: 5px
}

.form-matchup {
    display: table;
    width: 98.5%;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    cursor: default;
    -webkit-user-select: none;
    margin: 10px 0;
    padding: 10px
}

.form-matchup .wrapper .notes textarea {
    height: 100px
}

.form-matchup-draghandles {
    float: left;
    margin: 5px;
    width: 20px
}

.form-matchup-draghandles div {
    border: 2px solid #e5e5e5;
    cursor: move;
    margin: 2px
}

.form-matchup #field-notes {
    width: 350px;
    height: 75px
}

a.mce_postwidget .mceIcon {
    background: transparent url(../../Global/images/ui/plugin-edit-12-12.png) no-repeat center center
}

body#tinymce div.mcePostWidget {
    display: block;
    border: 0;
    cursor: default;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    text-indent: -1000px;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

body#tinymce div.mcePostWidget>span.remove-widget {
    position: absolute;
    top: 10px;
    left: 4px;
    width: 16px;
    height: 16px;
    text-indent: -1000px;
    display: block;
    background: url(../../Global/images/ui/remove3.png) no-repeat;
    cursor: pointer
}

.ui-dialog .ui-dialog-content {
    position: static;
    height: auto!important
}

.ui-dialog .ui-dialog-content #form-field-forum {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding-left: 5px;
    height: 200px;
    overflow-y: scroll
}

.ui-dialog .ui-dialog-content #field-search-specific-forums,
.ui-dialog .ui-dialog-content #field-thread-title,
.ui-dialog .ui-dialog-content #field-existing-thread-url {
    width: 100%
}

.ui-dialog .ui-dialog-content .comment-move-form,
.ui-dialog .ui-dialog-content .form-footer {
    margin-bottom: 0!important
}

.ui-dialog .ui-dialog-content .form-controls label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.modal-post-widget-manager:after {
    content: "";
    background: #121925;
    display: block;
    padding: 30px;
    margin: 0;
    position: relative;
    top: 7px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 803px;
    border-radius: 0 0 10px 10px;
    z-index: 9998;
    margin: 0 auto;
    left: -1px
}

#postwidget-manager .post-widget-form .post-widget-footer {
    clear: both;
    position: absolute;
    bottom: -10px;
    z-index: 9999;
    left: 380px;
    transition: all 1s ease
}

#postwidget-manager .postwidget-editor .add-new-matchup-top {
    z-index: 9999;
    right: 30px;
    top: 35px
}

#postwidget-manager .add-new-matchup-bot {
    margin: 20px 0;
    position: absolute;
    bottom: -15px;
    right: 30px;
    z-index: 9999
}

body.responsive-disabled .netbar {
    min-width: 1000px
}

#notifications {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #222;
    color: #aeaeae;
    font-size: 12px;
    margin-top: -2px;
    position: absolute;
    font-family: 'Noto Sans', sans-serif;
    width: 320px;
    z-index: 11;
    border-radius: 0 0 6px 6px;
    border: 1px solid #000;
    border-top: 0;
    margin-left: -4px
}

#notifications a,
#notifications p {
    color: #aeaeae
}

#notifications strong {
    color: #fff
}

#notifications .listing-user-notification {
    margin-bottom: 0
}

#notifications .item {
    overflow: hidden;
    padding: 10px 16px;
    text-overflow: ellipsis
}

#notifications .item:hover {
    background: #111
}

#notifications .item:hover .subject,
#notifications .item:hover .preview,
#notifications .item:hover .tip {
    color: #fff
}

#notifications .item+.item {
    border-top: 1px solid #353535
}

#notifications .avatar {
    float: left;
    position: relative
}

#notifications .avatar>a {
    height: 48px;
    width: 48px
}

#notifications .content {
    font-size: 11px;
    line-height: 1.3em;
    margin-left: 65px
}

#notifications .subject {
    margin-bottom: 1.3em
}

#notifications .subject .title {
    color: #eee
}

#notifications .preview {
    color: #aeaeae;
    margin-bottom: 1.3em;
    word-wrap: break-word
}

#notifications .content>li>a:hover .subject,
#notifications .content>li>a:hover .subject .title,
#notifications .content>li>a:hover .preview {
    color: #fff
}

#notifications .date {
    color: #6e6e6e;
    margin-bottom: 0;
    text-align: right
}

#notifications .no-results {
    background: transparent;
    border: 0;
    color: #aeaeae;
    font-size: 12px
}

#notifications .view-all {
    border-radius: 0 0 6px 6px
}

#notifications .view-all>a {
    border-top: 1px solid #353535;
    display: block;
    padding: 10px 0;
    text-align: center;
    border-radius: 0 0 6px 6px
}

#notifications .view-all>a:hover {
    background: #111;
    color: #fff
}

form.responsive-sign-out {
    display: none
}

@media screen and (max-width:1023px) {
    body.responsive-enabled form.responsive-sign-out {
        display: block;
        margin-bottom: 0
    }
    body.responsive-enabled form.responsive-sign-out button {
        background: #353535;
        border: 0;
        width: 100%;
        text-align: center;
        color: #fff;
        font-family: 'Noto Sans', sans-serif;
        font-size: 18px;
        line-height: 50px;
        padding: 0;
        border-top: 1px solid #555
    }
}

a#responsive-topnav-button {
    display: none
}

.netbar {
    height: 30px;
    background: #121212;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #000;
    z-index: 11;
    position: relative
}

.netbar a {
    color: #aeaeae;
    line-height: 28px;
    text-decoration: none;
    display: block;
    font-size: 12px;
    position: relative;
    font-family: 'Noto Sans', sans-serif
}

.netbar a.netbar-signin {
    font-weight: bold;
    color: #fc3
}

.netbar a:hover,
.netbar a:hover::before {
    color: #fff
}

.netbar a:hover .option-count {
    background: #f00101
}

.netbar a .option-count {
    position: absolute;
    background: #d70101;
    padding: 0 6px 0 5px;
    color: #fff;
    top: 5px;
    right: 6px;
    border-radius: 2px;
    font-size: 8px;
    text-indent: 0;
    line-height: 10px;
    z-index: 2
}

.netbar a.netbar-signin {
    font-weight: bold;
    color: #fc3
}

.netbar form {
    margin: 0
}

.netbar form button {
    background: 0;
    border: 0;
    color: #aeaeae;
    font-family: 'Noto Sans', sans-serif;
    font-size: 12px;
    padding: 0 5px;
    display: block;
    line-height: 28px;
    width: 100%;
    text-align: left;
    cursor: pointer
}

.netbar form button:hover {
    border-bottom-left-radius: 5px;
    background: #111;
    color: #fff
}

.netbar ul:not(.p-achievement) {
    display: none;
    background: #121212;
    position: absolute;
    top: 28px;
    left: -1px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #000;
    border-top: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #222
}

.netbar ul:not(.p-achievement) li:last-child a:hover {
    border-radius: 0 0 5px 5px
}

.netbar ul:not(.p-achievement) a {
    padding: 0 5px
}

.netbar ul:not(.p-achievement) a:hover {
    background: #111
}

.netbar-left,
.netbar-right {
    padding: 0 15px
}

.netbar-left:hover,
.netbar-right:hover {
    background-color: #222
}

.netbar-left {
    float: left;
    border-right: 1px solid #353535;
    box-shadow: inset -1px 0 0 #000
}

.netbar-right {
    float: right;
    border-left: 1px solid #000;
    box-shadow: inset 1px 0 0 #353535;
    height: 100%
}

.netbar-support:hover>a,
.netbar-user:hover>a {
    color: #fff
}

.netbar-support:hover>a::after,
.netbar-user:hover>a::after {
    border-top-color: #fff
}

.netbar-support:hover ul,
.netbar-user:hover ul {
    display: block
}

.netbar-logo {
    width: 103px;
    background: url("../../Blocks/images/netbar/logo-fallback.png");
    background-image: linear-gradient(transparent, transparent), url('../../Blocks/images/netbar/logo.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 72px 21px;
    text-indent: -500px;
    white-space: nowrap;
    overflow: hidden;
    height: 100%;
    padding: 0
}

.netbar-logo a {
    width: 100%;
    padding: 0 15px
}

.netbar-support {
    width: 63px;
    height: 100%;
    padding-top: 28px;
    position: relative
}

.netbar-support::before,
.netbar-support::after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.netbar-support::before {
    content: '\e7f5';
    position: absolute;
    left: 18px
}

.netbar-support::after {
    content: '';
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #aeaeae;
    left: 38px
}

.netbar-support:hover::before {
    color: #fff
}

.netbar-support:hover::after {
    border-top-color: #fff
}

.netbar-support ul {
    width: 63px
}

.netbar-user {
    line-height: 28px;
    position: relative;
    padding: 0!important
}

.netbar-user>a {
    position: relative;
    padding: 0 29px 0 15px
}

.netbar-user>a::after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #aeaeae;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.netbar-user>a img {
    max-height: 19px;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 3px
}

.netbar-user ul:not(.p-achievement) {
    left: auto;
    right: 0;
    width: 100%;
    border-radius: 0 0 0 5px;
    min-width: 110px
}

.netbar-user ul:not(.p-achievement) li:last-child {
    border-top: 1px solid #353535
}

.netbar-users {
    line-height: 24px!important
}

.netbar-notifications.notifications-open {
    background: #222
}

.netbar-notifications.notifications-open::before {
    color: #fff
}

.netbar-notifications::before,
.netbar-messages::before,
.netbar-reports::before,
.netbar-users::before,
.netbar-support::before,
.netbar-appeals::before,
.netbar-prefs::before {
    font-family: 'cobalt-ui';
    color: #b9b9b9;
    font-size: 14px
}

.netbar-notifications::before {
    content: '\e7f9'
}

.netbar-messages::before {
    content: '\e7fa'
}

.netbar-reports::before {
    content: '\e7f6'
}

.netbar-users::before {
    content: '\e7f8';
    margin-right: 5px;
    position: relative;
    top: 2px
}

.netbar-appeals::before {
    content: '\e7f7'
}

.netbar-prefs {
    display: none!important
}

@media screen and (max-width:1023px) {
    body.responsive-enabled .netbar {
        position: fixed;
        top: 0;
        right: 0;
        width: 275px;
        height: 47px;
        box-shadow: inset 0 -1px 0 #353535;
        -webkit-transform: translate3d(275px, 0, 0);
        -moz-transform: translate3d(275px, 0, 0);
        -ms-transform: translate3d(275px, 0, 0);
        -o-transform: translate3d(275px, 0, 0);
        transform: translate3d(275px, 0, 0);
        border-bottom: 0
    }
    body.responsive-enabled .netbar .option-count {
        top: 12px!important
    }
    body.responsive-enabled .netbar-left {
        box-shadow: none
    }
    body.responsive-enabled .netbar-right {
        border-left: none
    }
    body.responsive-enabled .netbar-left,
    body.responsive-enabled .netbar-right {
        padding: 0 8px;
        width: 46px;
        height: 100%
    }
    body.responsive-enabled .netbar-left:hover,
    body.responsive-enabled .netbar-right:hover {
        background-color: transparent!important
    }
    body.responsive-enabled .netbar-support,
    body.responsive-enabled .netbar-help,
    body.responsive-enabled .netbar-users,
    body.responsive-enabled .netbar-reports,
    body.responsive-enabled .netbar-cp,
    body.responsive-enabled .netbar-user ul,
    body.responsive-enabled .netbar-user span,
    body.responsive-enabled .netbar-user>a::after,
    body.responsive-enabled .netbar-appeals {
        display: none!important
    }
    body.responsive-enabled .netbar-achievements {
        display: none!important
    }
    body.responsive-enabled .netbar-signout button::before,
    body.responsive-enabled .netbar-notifications::before,
    body.responsive-enabled .netbar-messages::before,
    body.responsive-enabled .netbar-prefs::before {
        position: absolute;
        font-family: 'cobalt-ui';
        font-size: 18px;
        line-height: 18px;
        text-indent: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }
    body.responsive-enabled .netbar-logo {
        background-size: 100px;
        background-position: 12px 8px;
        position: relative
    }
    body.responsive-enabled .netbar-logo::after {
        content: '';
        background: #121212;
        width: 7px;
        top: 0;
        right: 0;
        bottom: 2px;
        position: absolute
    }
    body.responsive-enabled .netbar-logo a {
        display: none
    }
    body.responsive-enabled .netbar-user a {
        padding: 0 8px
    }
    body.responsive-enabled .netbar-user a img {
        margin-right: 0;
        max-width: 26px;
        max-height: none;
        position: relative;
        top: 8px;
        left: 2px
    }
    body.responsive-enabled .netbar-notifications::before {
        content: '\e7f9';
        left: 15px
    }
    body.responsive-enabled .netbar-messages::before {
        content: '\e7fa';
        left: 10px
    }
    body.responsive-enabled .netbar-signin {
        width: auto!important;
        font-size: 14px!important;
        line-height: 44px!important
    }
    body.responsive-enabled .netbar-prefs {
        display: block!important;
        text-indent: -500px;
        white-space: nowrap;
        overflow: hidden
    }
    body.responsive-enabled .netbar-prefs::before {
        content: '\e7f5';
        font-family: 'cobalt-ui';
        text-indent: 506.5px
    }
    body.responsive-enabled .netbar-prefs:hover::before {
        color: #b9b9b9
    }
}

@media screen and (max-width:700px) {
    .live-on-twitch {
        display: none
    }
}

.live-on-twitch {
    padding: 0
}

.live-on-twitch-btn {
    display: block;
    width: 120px;
    height: 28px;
    padding-top: 6px
}

.live-on-twitch-btn::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 108px;
    height: 14px;
    background: transparent url("../../Blocks/images/netbar/liveontwitch.png") 0 0 no-repeat
}

.live-on-twitch-btn-hover {
    background-color: #6441A4
}

.live-on-twitch-btn-hover::before {
    background-position: 0 -14px
}

#lotBeWrapper {
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.95);
    border-top: 1px solid #353535;
    border-bottom: 1px solid #6441A4;
    display: none;
    z-index: 9999999;
    padding-bottom: 15px;
    height: 210px;
    overflow: hidden;
    box-sizing: border-box
}

#lotBeWrapper.bunnyEarsTuning::before {
    content: "Loading...";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#lotBeWrapper .beFlexContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

#lotBeWrapper .beFlexItem {
    -webkit-flex: 0 0 230px;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px;
    padding: 10px;
    cursor: pointer
}

#lotBeWrapper .beFlexItem a {
    display: block;
    color: #fff
}

#lotBeWrapper .beFlexItem a:visited,
#lotBeWrapper .beFlexItem a:hover,
#lotBeWrapper .beFlexItem a:active,
#lotBeWrapper .beFlexItem a:focus {
    color: #fff
}

#lotBeWrapper .beStreamerView {
    color: #fff;
    width: 230px;
    font-family: Arial, Helvetica, sans-serif
}

#lotBeWrapper .beStreamerView:hover .beStreamerImage {
    border-color: #9172c8
}

#lotBeWrapper .beSeeMoreStreams {
    position: absolute;
    text-align: center;
    top: 145px;
    width: 200px;
    height: 20px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    text-decoration: underline
}

#lotBeWrapper .beSeeMoreStreams:hover {
    background-color: inherit
}

#lotBeWrapper .beGetMoreOnTwitch {
    height: 129px;
    width: 200px;
    text-align: center;
    border: 1px solid #8c8c8c;
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700
}

#lotBeWrapper .beGetMoreOnTwitch:hover {
    background-color: #6441A4
}

#lotBeWrapper .beGetMoreOnTwitch img {
    height: 25px
}

#lotBeWrapper .beStreamerImage {
    width: 230px;
    height: 129px;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    margin-bottom: 4px
}

#lotBeWrapper .beStreamerName {
    font-weight: 700
}

#lotBeWrapper .beStreamerStatus {
    font-size: 10px;
    color: #8c8c8b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#lotBeWrapper .beStreamerViewers {
    font-size: 12px;
    color: #6441a4
}

#lotBeWrapper .beStreamerViewers::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAd0lEQVR42mNggAIPm7j/XTn74bg7d///CI+y/wzoIMK99P/EohMoOCt0wqBSGOKSj6EwLagTUyEIhHs3/O/I2fO/r+DI/+SANkxFXjaJ//vyD2OYCMLh7iUQDWFuxVgVIOOM4N7/DGXxi/63Zm4D46YMBIaJwTAAOrevlks8y2IAAAAASUVORK5CYII=);
    padding-right: 5px
}

.beModal {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: none;
    position: fixed;
    z-index: 999999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box
}

.beModal * {
    box-sizing: border-box
}

.beModalContent {
    background: transparent;
    margin: auto;
    padding: 0;
    width: 700px;
    box-sizing: border-box;
    height: 360px
}

.beModalContent .beStreamerStream,
.beModalContent .beStreamerStream iframe {
    height: 360px;
    width: 640px;
    border: 1px solid #484848;
    -webkit-box-shadow: 10px 10px 25px -2px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: 10px 10px 25px -2px rgba(0, 0, 0, 0.72);
    box-shadow: 10px 10px 25px -2px rgba(0, 0, 0, 0.72);
    background-color: #000;
    float: left;
    margin: 0
}

@media only screen and (min-width:320px) {
    .beModalContent .beStreamerStream,
    .beModalContent .beStreamerStream iframe {
        height: 156px;
        width: 260px
    }
    .beModalContent {
        width: 320px;
        height: 146px
    }
}

@media only screen and (min-width:480px) {
    .beModalContent .beStreamerStream,
    .beModalContent .beStreamerStream iframe {
        height: 236px;
        width: 420px
    }
    .beModalContent {
        width: 480px;
        height: 236px
    }
}

@media only screen and (min-width:768px) {
    .beModalContent .beStreamerStream,
    .beModalContent .beStreamerStream iframe {
        height: 360px;
        width: 640px
    }
    .beModalContent {
        width: 700px;
        height: 360px
    }
}

@media only screen and (min-width:992px) {
    .beModalContent .beStreamerStream,
    .beModalContent .beStreamerStream iframe {
        height: 506px;
        width: 900px
    }
    .beModalContent {
        width: 960px;
        height: 506px
    }
}

@media only screen and (min-width:1200px) {
    .beModalContent .beStreamerStream,
    .beModalContent .beStreamerStream iframe {
        height: 579px;
        width: 1024px
    }
    .beModalContent {
        width: 1084px;
        height: 579px
    }
}

@media only screen and (min-width:1400px) {
    .beModalContent .beStreamerStream,
    .beModalContent .beStreamerStream iframe {
        height: 720px;
        width: 1280px
    }
    .beModalContent {
        width: 1340px;
        height: 720px
    }
}

.beModalPrevStream,
.beModalNextStream {
    color: #fff;
    position: absolute;
    top: calc(50% - 60px);
    padding: 40px 0;
    text-align: center;
    width: 30px
}

.beModalPrevStream {
    right: 0
}

.beModalLeft,
.beModalRight {
    width: 30px;
    height: 100%;
    float: left;
    margin: 0;
    padding: 0;
    margin: 0;
    position: relative
}

.beModalPrevStream,
.beModalNextStream,
.beModalClose {
    color: #aaa;
    background: rgba(43, 43, 43, 0.7)
}

.beStreamerView {
    cursor: pointer
}

.beModalClose {
    position: absolute;
    top: 5px;
    padding: 5px 0;
    text-align: center;
    width: 30px
}

.beModalClose:hover,
.beModalClose:focus,
.beModalPrevStream:hover,
.beModalNextStream:hover,
.beModalPrevStream:focus,
.beModalNextStream:focus {
    padding-left: 5px;
    padding-right: 5px;
    width: 35px;
    color: #fff;
    cursor: pointer
}

html {
    height: 100%
}

html body {
    height: 100%
}

html body.show-ads #site-main {
    clear: both;
    min-height: 100%;
    height: auto!important;
    margin-bottom: -50px
}

html body.show-ads #site-main #footer-push {
    height: 50px
}

html body.hide-ads #site-main,
html body.disable-ads #site-main {
    clear: both;
    min-height: 100%;
    height: auto!important;
    margin-bottom: -50px
}

html body.hide-ads #site-main #footer-push,
html body.disable-ads #site-main #footer-push {
    height: 50px
}

@media screen and (max-width:1023px) {
    #site-main {
        -webkit-transition: .15s margin-bottom ease;
        -moz-transition: .15s margin-bottom ease;
        transition: .15s margin-bottom ease
    }
    #footer-push {
        -webkit-transition: .15s height ease;
        -moz-transition: .15s height ease;
        transition: .15s height ease
    }
}

footer#footer {
    height: 50px;
    min-height: 50px;
    background-color: #000;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 300;
    position: relative
}

footer#footer a#responsive-footer-button {
    display: none;
    text-align: center;
    background: #353535;
    font-size: 16px!important;
    padding: 10px 0;
    color: #fff!important
}

@media screen and (max-width:1023px) {
    footer#footer a#responsive-footer-button body.responsive-disabled {
        display: block
    }
}

body.hide-ads footer#footer,
body.disable-ads footer#footer {
    height: 50px;
    min-height: 50px
}

body.hide-ads footer#footer div.footer-links,
body.disable-ads footer#footer div.footer-links {
    padding: 20px 0;
    text-align: center
}

body.hide-ads footer#footer div.footer-links div.top a.curse,
body.disable-ads footer#footer div.footer-links div.top a.curse {
    width: 155px;
    height: 40px;
    background-image: url("../../Blocks/images/footer/premium-logo-light.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 20px
}

body.hide-ads footer#footer div.footer-links div.top ul.social,
body.disable-ads footer#footer div.footer-links div.top ul.social {
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: -6px
}

body.hide-ads footer#footer div.footer-links div.top ul.social::before,
body.disable-ads footer#footer div.footer-links div.top ul.social::before {
    display: none
}

body.hide-ads footer#footer div.footer-links div.top ul.social li,
body.disable-ads footer#footer div.footer-links div.top ul.social li {
    float: left;
    padding: 0 15px;
    border-right: 1px solid #353535
}

body.hide-ads footer#footer div.footer-links div.top ul.social li:last-child,
body.disable-ads footer#footer div.footer-links div.top ul.social li:last-child {
    border-right: 0
}

body.hide-ads footer#footer div.footer-links div.top ul.social li a,
body.disable-ads footer#footer div.footer-links div.top ul.social li a {
    display: block;
    text-indent: -500px;
    white-space: nowrap;
    overflow: hidden;
    width: 20px;
    height: 18px;
    position: relative;
    line-height: 1
}

body.hide-ads footer#footer div.footer-links div.top ul.social li a:hover::after,
body.disable-ads footer#footer div.footer-links div.top ul.social li a:hover::after {
    color: #fff
}

body.hide-ads footer#footer div.footer-links div.top ul.social li a::after,
body.disable-ads footer#footer div.footer-links div.top ul.social li a::after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'cobalt-ui';
    font-size: 18px;
    color: #b9b9b9;
    text-indent: 0
}

body.hide-ads footer#footer div.footer-links div.top ul.social li a.facebook::after,
body.disable-ads footer#footer div.footer-links div.top ul.social li a.facebook::after {
    content: '\e802'
}

body.hide-ads footer#footer div.footer-links div.top ul.social li a.twitter::after,
body.disable-ads footer#footer div.footer-links div.top ul.social li a.twitter::after {
    content: '\e800'
}

body.hide-ads footer#footer div.footer-links div.top ul.social li a.youtube,
body.disable-ads footer#footer div.footer-links div.top ul.social li a.youtube {
    width: 24px
}

body.hide-ads footer#footer div.footer-links div.top ul.social li a.youtube::after,
body.disable-ads footer#footer div.footer-links div.top ul.social li a.youtube::after {
    content: '\e801'
}

body.hide-ads footer#footer div.footer-links div.top ul.social li a.twitch,
body.disable-ads footer#footer div.footer-links div.top ul.social li a.twitch {
    font-weight: normal
}

body.hide-ads footer#footer div.footer-links div.top ul.social li a.twitch::after,
body.disable-ads footer#footer div.footer-links div.top ul.social li a.twitch::after {
    content: '\f1e8'
}

body.hide-ads footer#footer div.footer-links ul.links,
body.disable-ads footer#footer div.footer-links ul.links {
    margin-right: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    top: 9px;
    display: inline-block;
    float: none
}

body.hide-ads footer#footer div.footer-links ul.links li,
body.disable-ads footer#footer div.footer-links ul.links li {
    float: left;
    margin-right: 20px
}

body.hide-ads footer#footer div.footer-links ul.links li:last-child,
body.disable-ads footer#footer div.footer-links ul.links li:last-child {
    margin-right: 0
}

body.hide-ads footer#footer div.footer-links ul.links li a,
body.disable-ads footer#footer div.footer-links ul.links li a {
    padding-left: 0
}

body.hide-ads footer#footer div.footer-links ul.links li a::before,
body.disable-ads footer#footer div.footer-links ul.links li a::before {
    display: none
}

body.hide-ads footer#footer div.footer-links span.copyright,
body.disable-ads footer#footer div.footer-links span.copyright {
    margin-left: 0;
    bottom: 20px
}

footer#footer.sp>div,
footer#footer div.xt-placement {
    width: 302px;
    height: 252px;
    position: absolute;
    top: 20px;
    right: 0;
    margin-left: 197px;
    left: 50%;
    border: 1px solid #6e6e6e
}

footer#footer a,
footer#footer a:visited,
footer#footer a:active {
    text-decoration: none;
    color: #aeaeae;
    font-size: 14px
}

footer#footer a:hover {
    color: #fff
}

footer#footer a:hover::before {
    color: #fff!important
}

footer#footer div.footer-links {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    padding: 20px 0
}

footer#footer div.footer-links>a,
footer#footer div.footer-links>ul {
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    float: left
}

footer#footer div.footer-links a.curse {
    display: block;
    width: 182px;
    height: 139px;
    background-image: url("../../Blocks/images/footer/logo-light.svg");
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -500px;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 38px
}

footer#footer div.footer-links>ul {
    margin-right: 60px
}

footer#footer div.footer-links>ul li {
    line-height: 30px
}

footer#footer div.footer-links>ul li a {
    padding-left: 25px;
    position: relative
}

footer#footer div.footer-links>ul li a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    font-family: 'cobalt-ui';
    font-size: 16px;
    color: #b9b9b9;
    line-height: 16px;
    text-align: center
}

footer#footer div.footer-links>ul li a.facebook::before {
    content: '\e802'
}

footer#footer div.footer-links>ul li a.twitter::before {
    content: '\e800'
}

footer#footer div.footer-links>ul li a.youtube::before {
    content: '\e801'
}

footer#footer div.footer-links>ul li a.twitch {
    font-weight: normal
}

footer#footer div.footer-links>ul li a.twitch::before {
    content: '\f1e8'
}

footer#footer div.footer-links>ul li a.sign-in::before,
footer#footer div.footer-links>ul li a.account::before {
    content: '\e80a'
}

footer#footer div.footer-links>ul li a.register::before {
    content: '\e803'
}

footer#footer div.footer-links>ul li a.careers::before {
    content: '\e806'
}

footer#footer div.footer-links>ul li a.help::before {
    content: '\e809'
}

footer#footer div.footer-links>ul li a.about::before {
    content: '\e805'
}

footer#footer div.footer-links>ul li a.advertise::before {
    content: '\e808'
}

footer#footer div.footer-links>ul li a.tos::before {
    content: '\e80d'
}

footer#footer div.footer-links>ul li a.privacy-policy::before {
    content: '\e804';
    left: 3px
}

footer#footer div.footer-links>ul li a.custom-link::before {
    content: '\e808'
}

footer#footer div.footer-links span.copyright {
    font-size: 12px;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    margin-left: -78px;
    color: #979AA4
}

@media screen and (max-width:1023px) {
    body.hide-ads.responsive-enabled footer#footer,
    body.disable-ads.responsive-enabled footer#footer {
        width: 100%;
        height: auto
    }
    body.hide-ads.responsive-enabled footer#footer div.footer-links,
    body.disable-ads.responsive-enabled footer#footer div.footer-links {
        width: 100%;
        overflow: hidden;
        padding-bottom: 0
    }
    body.hide-ads.responsive-enabled footer#footer div.footer-links div.top a.curse,
    body.disable-ads.responsive-enabled footer#footer div.footer-links div.top a.curse {
        display: block;
        margin-right: 0;
        margin: 0 auto
    }
    body.hide-ads.responsive-enabled footer#footer div.footer-links div.top ul.social,
    body.disable-ads.responsive-enabled footer#footer div.footer-links div.top ul.social {
        top: 0;
        margin: 20px 0 10px 0
    }
    body.hide-ads.responsive-enabled footer#footer div.footer-links ul.links,
    body.disable-ads.responsive-enabled footer#footer div.footer-links ul.links {
        top: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        float: left;
        text-align: center;
        display: block;
        margin-bottom: 10px
    }
    body.hide-ads.responsive-enabled footer#footer div.footer-links ul.links li,
    body.disable-ads.responsive-enabled footer#footer div.footer-links ul.links li {
        display: inline-block;
        float: none;
        margin: 0 13px!important
    }
    body.hide-ads.responsive-enabled footer#footer div.footer-links span.copyright,
    body.disable-ads.responsive-enabled footer#footer div.footer-links span.copyright {
        width: 100%;
        position: inherit;
        float: left;
        clear: both;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        margin: 15px 0 20px
    }
    body.show-ads.responsive-enabled footer#footer {
        width: 100%;
        padding-top: 292px;
        height: auto
    }
    body.show-ads.responsive-enabled footer#footer div.xt-placement {
        top: 20px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        margin-left: 0
    }
    body.show-ads.responsive-enabled footer#footer div.footer-links {
        padding: 0;
        width: 100%;
        overflow: hidden
    }
    body.show-ads.responsive-enabled footer#footer div.footer-links a.curse {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        left: 50%;
        top: 0;
        margin-right: 0
    }
    body.show-ads.responsive-enabled footer#footer div.footer-links ul {
        overflow: hidden;
        margin-right: 0;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 4px;
        left: 50%;
        margin-right: 0;
        display: inline-block;
        clear: both;
        text-align: center
    }
    body.show-ads.responsive-enabled footer#footer div.footer-links ul:last-of-type {
        margin-right: 0
    }
    body.show-ads.responsive-enabled footer#footer div.footer-links ul li {
        float: none;
        margin: 0 13px;
        display: inline
    }
    body.show-ads.responsive-enabled footer#footer div.footer-links ul li a {
        padding-left: 0
    }
    body.show-ads.responsive-enabled footer#footer div.footer-links ul li a::before {
        display: none
    }
    body.show-ads.responsive-enabled footer#footer div.footer-links span.copyright {
        width: 100%;
        position: inherit;
        float: left;
        clear: both;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        margin: 15px 0 20px
    }
}

.privacy-policy-change {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #222;
    z-index: 9001;
    color: #fff;
    padding: 15px;
    font-size: 17px;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial
}

.privacy-policy-change::-moz-selection {
    background: #ff5e99;
    color: #fff;
    text-shadow: none
}

.privacy-policy-change a:not(.message-close),
.privacy-policy-change a:visited:not(.message-close) {
    text-decoration: none;
    color: #31a8f0;
    transition: 200ms color
}

.privacy-policy-change a:hover:not(.message-close),
.privacy-policy-change a:active:not(.message-close) {
    color: #b2f7ff
}

.policy-msg {
    font-size: .8em;
    line-height: 1.5em;
    text-align: justify;
    margin-bottom: 40px;
    display: block
}

.message-close {
    cursor: pointer;
    text-align: center;
    font-size: .8em;
    line-height: 1em;
    padding: 8px 10px;
    background-color: #f1d600;
    display: block;
    width: 120px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.message-close,
.message-close:visited {
    color: #000;
    background-color: #f1d600;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    border-radius: 5px
}

.message-close:hover,
.message-close:active {
    background-color: #fff;
    color: #000
}

@media screen and (min-width:768px) {
    .message-close {
        left: auto;
        top: 50%;
        bottom: auto;
        right: 15px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .policy-msg {
        padding-right: 135px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1200px) {
    .privacy-policy-change {
        max-width: 1200px;
        margin: 0 auto
    }
    .privacy-policy-change::before {
        content: '';
        position: absolute;
        z-index: -1;
        background: #222;
        width: 100vw;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 100%;
        bottom: 0;
        left: 50%
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.privacy-policy-change {
    animation-duration: .8s;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

.sourcepoint-blocked {
    overflow: hidden
}

.sourcepoint-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    z-index: 100000;
    background: rgba(0, 0, 0, 0.94);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.sourcepoint-wrapper div {
    width: 650px;
    height: 300px;
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sourcepoint-logo.png) center/contain no-repeat;
    margin-top: 250px
}

.sourcepoint-wrapper h2 {
    font-size: 36px;
    color: #edb266
}

.sourcepoint-wrapper p {
    font-size: 18px;
    color: #fff
}

.sourcepoint-wrapper button {
    font-size: 14px;
    color: #6f6a6a;
    background: 0;
    text-decoration: underline;
    border: 0;
    padding: 0;
    outline: 0
}

.sourcepoint-wrapper button:hover {
    color: #898383
}

body.responsive-disabled .above-content-mobile-navigation {
    display: none!important
}

body.responsive-enabled .above-content-mobile-navigation {
    display: none
}

body.responsive-enabled .p-article-a .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

body.responsive-enabled .p-article-a .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:1023px) {
    body.responsive-enabled .atf .p-base-a {
        width: 49%;
        margin-right: 0;
        margin-left: 0
    }
    body.responsive-enabled .atf .p-base-a.p-base_first {
        margin-right: 2%
    }
    body.responsive-enabled .p-article-a blockquote {
        margin: 0
    }
    body.responsive-enabled .p-article-a .p-article-title {
        width: auto!important;
        max-width: 100%;
        padding: 0 28px 0 8px
    }
    body.responsive-enabled .p-article-a .p-article-content {
        padding: 0 8px
    }
    body.responsive-enabled .p-article-a .p-article-content table {
        width: 100%!important
    }
    body.responsive-enabled .p-article-a .p-article-byline {
        padding: 0 8px
    }
    body.responsive-enabled .p-article-a .p-article-byline .p-article-category {
        display: none
    }
}

@media screen and (max-width:640px) {
    body.responsive-enabled .above-content-mobile-navigation {
        display: block;
        width: 100%;
        overflow: hidden;
        margin-top: 20px
    }
    body.responsive-enabled .above-content-mobile-navigation .first-nav a,
    body.responsive-enabled .above-content-mobile-navigation .second-nav a {
        display: inline-block;
        float: left;
        width: 50%;
        padding: 6px 12px;
        position: relative;
        color: #000;
        font-weight: bold;
        font-size: 16px;
        cursor: pointer
    }
    body.responsive-enabled .above-content-mobile-navigation .first-nav.selected a,
    body.responsive-enabled .above-content-mobile-navigation .second-nav.selected a {
        background: #4c4d4f
    }
    body.responsive-enabled .above-content-mobile-navigation .first-nav a::after,
    body.responsive-enabled .above-content-mobile-navigation .second-nav a::after {
        content: '';
        width: 5px;
        height: 70px;
        background: #FFF;
        -webkit-transform: rotate(16deg);
        -moz-transform: rotate(16deg);
        -ms-transform: rotate(16deg);
        -o-transform: rotate(16deg);
        transform: rotate(16deg);
        position: absolute;
        top: -14px;
        z-index: 10
    }
    body.responsive-enabled .above-content-mobile-navigation .first-nav {
        text-align: left
    }
    body.responsive-enabled .above-content-mobile-navigation .first-nav a::after {
        right: 1px
    }
    body.responsive-enabled .above-content-mobile-navigation .second-nav {
        text-align: right
    }
    body.responsive-enabled .above-content-mobile-navigation .second-nav a::after {
        left: 1px
    }
    body.responsive-enabled .p-article-a .p-article-footer .p-article-social .social-share {
        overflow: hidden;
        margin-right: 4px
    }
    body.responsive-enabled .p-article-a .p-article-footer .p-article-social .social-share.twitter {
        width: 56px
    }
    body.responsive-enabled .p-article-a .p-article-footer .p-article-social .social-share.google-1 {
        width: 32px
    }
    body.responsive-enabled .p-article-a .p-article-footer .p-article-social .social-share.facebook {
        width: 48px
    }
    body.responsive-enabled .p-article-a .p-article-footer .p-article-social .social-share.reddit {
        width: 19px
    }
    body.responsive-enabled .p-base-a[class*="mobile-view"] {
        display: none
    }
    body.responsive-enabled .p-base-a[class*="mobile-view"].selected {
        display: block
    }
    body.responsive-enabled .p-base-a[class*="mobile-view"] .p-base-header {
        display: none
    }
    body.responsive-enabled .atf .p-base-a {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
    body.responsive-enabled.body-category-itemdetails .p-article-a {
        padding-top: 0
    }
    body.responsive-enabled .p-article-comments a:not(:first-child),
    body.responsive-enabled .p-article-comments span.latest-comment {
        display: none
    }
    body.responsive-enabled .p-article-byline .p-article-category,
    body.responsive-enabled .user-actions.user-actions-page.b-userAction {
        display: none
    }
}

@media screen and (max-width:640px) {
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments {
        margin-bottom: 24px
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments header.h2 {
        margin-bottom: 20px
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments.p-comments-a .p-comment-post[data-depth] {
        margin: 0
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments.p-comments-a .p-comment-post[data-depth] blockquote {
        margin: 6px 0 6px 0;
        padding: 5px;
        width: 100%
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments.p-comments-a .p-comment-post[data-depth] blockquote .quote-source {
        background-image: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-user {
        margin: 0;
        top: -10px;
        z-index: 20;
        position: relative
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-user .p-comment-avatar {
        position: absolute
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-user .p-comment-avatar a::before {
        border-radius: 38px;
        box-shadow: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-user .p-comment-avatar a img {
        max-height: 40px;
        max-width: 40px!important;
        border-radius: 38px
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-user .p-comment-avatar i {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper {
        margin: 0 0 0 45px;
        padding: 8px;
        min-height: 124px
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper::before {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-header .p-comment-username a span::after,
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-header .p-comment-username ul.user-actions {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-header .p-comment-postdate {
        margin: 0
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-header .p-comment-index.post-index {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actionsAdmin {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer {
        padding: 0
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer form.rating-form {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actionsUser {
        float: none;
        width: auto;
        margin: 0 auto
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actionsAdmin {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actionsAdmin span.label {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin: 0 0 6px 0;
        left: 0;
        display: block!important;
        opacity: 1
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .user-action-rate,
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions form.rating-form {
        display: block!important
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a {
        width: auto;
        float: none;
        text-align: center;
        margin-left: 6px;
        border-radius: 3px;
        top: 0;
        background-color: #242527;
        color: #fff
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a i {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a:hover {
        background: #060709
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a span {
        color: #fff
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li {
        width: 25%;
        float: left;
        margin: 0;
        text-align: center
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li.user-action-multi-quote {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li a {
        font-size: 12px;
        display: block!important;
        padding: 7px 0;
        text-align: center;
        margin-left: 6px;
        border-radius: 3px;
        background-color: #242527;
        color: #fff
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li a i {
        display: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li a:hover {
        background: #060709
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li a:hover span {
        text-decoration: none
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li:nth-last-child(2) a {
        margin-right: 6px
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li.responsive-bottom-nav-1 {
        width: 100%
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li.responsive-bottom-nav-2 {
        width: 50%
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li.responsive-bottom-nav-3 {
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3)
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li.responsive-bottom-nav-5 {
        width: 20%
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker) .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li[data-user-only] {
        display: none!important
    }
    body.responsive-enabled:not(.body-forum):not(.body-devtracker).user-authenticated .p-comments .p-comment-wrapper {
        padding: 8px 8px 47px 8px
    }
}

@media screen and (max-width:640px) {
    body.responsive-enabled #reply .u-form-tabular #form-field-multi-prefix,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-multi-prefix,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-multi-prefix,
    body.responsive-enabled.s-create .u-form-tabular #form-field-multi-prefix,
    body.responsive-enabled .form-field-markup-text-area-field .u-form-tabular #form-field-multi-prefix {
        display: none
    }
    body.responsive-enabled #reply .u-form-tabular #form-field-title,
    body.responsive-enabled #reply .u-form-tabular #form-field-type,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-title,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-type,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-title,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-type,
    body.responsive-enabled.s-create .u-form-tabular #form-field-title,
    body.responsive-enabled.s-create .u-form-tabular #form-field-type,
    body.responsive-enabled .form-field-markup-text-area-field .u-form-tabular #form-field-title,
    body.responsive-enabled .form-field-markup-text-area-field .u-form-tabular #form-field-type {
        padding-left: 0
    }
    body.responsive-enabled #reply .u-form-tabular #form-field-title input,
    body.responsive-enabled #reply .u-form-tabular #form-field-title select,
    body.responsive-enabled #reply .u-form-tabular #form-field-type input,
    body.responsive-enabled #reply .u-form-tabular #form-field-type select,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-title input,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-title select,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-type input,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-type select,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-title input,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-title select,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-type input,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-type select,
    body.responsive-enabled.s-create .u-form-tabular #form-field-title input,
    body.responsive-enabled.s-create .u-form-tabular #form-field-title select,
    body.responsive-enabled.s-create .u-form-tabular #form-field-type input,
    body.responsive-enabled.s-create .u-form-tabular #form-field-type select,
    body.responsive-enabled .form-field-markup-text-area-field .u-form-tabular #form-field-title input,
    body.responsive-enabled .form-field-markup-text-area-field .u-form-tabular #form-field-title select,
    body.responsive-enabled .form-field-markup-text-area-field .u-form-tabular #form-field-type input,
    body.responsive-enabled .form-field-markup-text-area-field .u-form-tabular #form-field-type select {
        min-height: 40px
    }
    body.responsive-enabled #reply .mce-tinymce.mce-container,
    body.responsive-enabled .p-comment-reply-form .mce-tinymce.mce-container,
    body.responsive-enabled .p-comment-editor .mce-tinymce.mce-container,
    body.responsive-enabled.s-create .mce-tinymce.mce-container,
    body.responsive-enabled .form-field-markup-text-area-field .mce-tinymce.mce-container {
        width: auto!important
    }
    body.responsive-enabled #reply .mce-statusbar.mce-container,
    body.responsive-enabled #reply .mce-toolbar-grp.mce-container,
    body.responsive-enabled .p-comment-reply-form .mce-statusbar.mce-container,
    body.responsive-enabled .p-comment-reply-form .mce-toolbar-grp.mce-container,
    body.responsive-enabled .p-comment-editor .mce-statusbar.mce-container,
    body.responsive-enabled .p-comment-editor .mce-toolbar-grp.mce-container,
    body.responsive-enabled.s-create .mce-statusbar.mce-container,
    body.responsive-enabled.s-create .mce-toolbar-grp.mce-container,
    body.responsive-enabled .form-field-markup-text-area-field .mce-statusbar.mce-container,
    body.responsive-enabled .form-field-markup-text-area-field .mce-toolbar-grp.mce-container {
        display: none
    }
    body.responsive-enabled #reply .mce-tinymce.mce-container,
    body.responsive-enabled #reply .mce-edit-area.mce-container,
    body.responsive-enabled #reply iframe,
    body.responsive-enabled .p-comment-reply-form .mce-tinymce.mce-container,
    body.responsive-enabled .p-comment-reply-form .mce-edit-area.mce-container,
    body.responsive-enabled .p-comment-reply-form iframe,
    body.responsive-enabled .p-comment-editor .mce-tinymce.mce-container,
    body.responsive-enabled .p-comment-editor .mce-edit-area.mce-container,
    body.responsive-enabled .p-comment-editor iframe,
    body.responsive-enabled.s-create .mce-tinymce.mce-container,
    body.responsive-enabled.s-create .mce-edit-area.mce-container,
    body.responsive-enabled.s-create iframe,
    body.responsive-enabled .form-field-markup-text-area-field .mce-tinymce.mce-container,
    body.responsive-enabled .form-field-markup-text-area-field .mce-edit-area.mce-container,
    body.responsive-enabled .form-field-markup-text-area-field iframe {
        border-radius: 4px
    }
    body.responsive-enabled #reply .mce-edit-area.mce-container,
    body.responsive-enabled .p-comment-reply-form .mce-edit-area.mce-container,
    body.responsive-enabled .p-comment-editor .mce-edit-area.mce-container,
    body.responsive-enabled.s-create .mce-edit-area.mce-container,
    body.responsive-enabled .form-field-markup-text-area-field .mce-edit-area.mce-container {
        border: 0
    }
    body.responsive-enabled #reply .form-actions .u-button-attachments,
    body.responsive-enabled #reply .form-actions .minimal-drop-box,
    body.responsive-enabled #reply .form-actions #field-poll-add-poll-button,
    body.responsive-enabled .p-comment-reply-form .form-actions .u-button-attachments,
    body.responsive-enabled .p-comment-reply-form .form-actions .minimal-drop-box,
    body.responsive-enabled .p-comment-reply-form .form-actions #field-poll-add-poll-button,
    body.responsive-enabled .p-comment-editor .form-actions .u-button-attachments,
    body.responsive-enabled .p-comment-editor .form-actions .minimal-drop-box,
    body.responsive-enabled .p-comment-editor .form-actions #field-poll-add-poll-button,
    body.responsive-enabled.s-create .form-actions .u-button-attachments,
    body.responsive-enabled.s-create .form-actions .minimal-drop-box,
    body.responsive-enabled.s-create .form-actions #field-poll-add-poll-button,
    body.responsive-enabled .form-field-markup-text-area-field .form-actions .u-button-attachments,
    body.responsive-enabled .form-field-markup-text-area-field .form-actions .minimal-drop-box,
    body.responsive-enabled .form-field-markup-text-area-field .form-actions #field-poll-add-poll-button {
        display: none
    }
}

@media screen and (max-width:1023px) {
    body.body-forum.responsive-enabled,
    body.body-devtracker.responsive-enabled {
        background-image: none;
        background-color: #f9f9f9 none
    }
}

body.body-forum.responsive-enabled #site,
body.body-devtracker.responsive-enabled #site {
    width: 100%
}

body.body-forum.responsive-enabled #site #site-main,
body.body-devtracker.responsive-enabled #site #site-main {
    width: auto
}

body.body-forum.responsive-enabled #site #site-main .atf,
body.body-devtracker.responsive-enabled #site #site-main .atf {
    width: auto;
    max-width: 1000px;
    padding: 4px 8px
}

body.body-forum.responsive-enabled #site #site-main .container,
body.body-forum.responsive-enabled #site #site-main.fixed .container,
body.body-devtracker.responsive-enabled #site #site-main .container,
body.body-devtracker.responsive-enabled #site #site-main.fixed .container {
    width: 100%;
    max-width: 1000px;
    min-width: 320px;
    margin: 0 auto
}

body.body-forum.responsive-enabled #site #site-main .container #content,
body.body-forum.responsive-enabled #site #site-main.fixed .container #content,
body.body-devtracker.responsive-enabled #site #site-main .container #content,
body.body-devtracker.responsive-enabled #site #site-main.fixed .container #content {
    width: auto;
    box-shadow: none
}

@media screen and (max-width:1023px) {
    body.body-forum.responsive-enabled #site #site-main .container #content,
    body.body-forum.responsive-enabled #site #site-main.fixed .container #content,
    body.body-devtracker.responsive-enabled #site #site-main .container #content,
    body.body-devtracker.responsive-enabled #site #site-main.fixed .container #content {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

body.body-forum.responsive-enabled .b-breadcrumb-a,
body.body-devtracker.responsive-enabled .b-breadcrumb-a {
    margin: 0
}

@media screen and (max-width:1023px) {
    body.body-forum.responsive-enabled .b-breadcrumb-a ul,
    body.body-devtracker.responsive-enabled .b-breadcrumb-a ul {
        height: 20px;
        overflow: hidden
    }
    body.body-forum.responsive-enabled .b-breadcrumb-a ul li:nth-last-child,
    body.body-devtracker.responsive-enabled .b-breadcrumb-a ul li:nth-last-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (max-width:640px) {
    body.body-forum.responsive-enabled .b-breadcrumb-a ul li,
    body.body-devtracker.responsive-enabled .b-breadcrumb-a ul li {
        display: none
    }
    body.body-forum.responsive-enabled .b-breadcrumb-a ul li:nth-child(2),
    body.body-forum.responsive-enabled .b-breadcrumb-a ul li:nth-last-child(2),
    body.body-devtracker.responsive-enabled .b-breadcrumb-a ul li:nth-child(2),
    body.body-devtracker.responsive-enabled .b-breadcrumb-a ul li:nth-last-child(2) {
        display: inline
    }
    body.body-forum.responsive-enabled .b-breadcrumb-a ul li:nth-child(2)::before,
    body.body-forum.responsive-enabled .b-breadcrumb-a ul li:first-child,
    body.body-devtracker.responsive-enabled .b-breadcrumb-a ul li:nth-child(2)::before,
    body.body-devtracker.responsive-enabled .b-breadcrumb-a ul li:first-child {
        display: none
    }
    body.body-forum.responsive-enabled .b-breadcrumb-a ul li:nth-last-child(2),
    body.body-devtracker.responsive-enabled .b-breadcrumb-a ul li:nth-last-child(2) {
        border-right: 0
    }
}

body.body-forum .single-column #content .p-forum-a .forum-listing>li,
body.body-user .single-column #content .p-forum-a .forum-listing>li,
body.body-devtracker .single-column #content .p-forum-a .forum-listing>li {
    margin-bottom: 20px
}

body.body-forum .single-column #content .p-forum-a #mobile-forum-thread-actions .b-pagination-a,
body.body-forum .single-column #content .p-forum-a #mobile-to-desktop-version-link .b-pagination-a,
body.body-forum .single-column #content .p-forum-a #mobile-jump-to-forum-dropdown .b-pagination-a,
body.body-user .single-column #content .p-forum-a #mobile-forum-thread-actions .b-pagination-a,
body.body-user .single-column #content .p-forum-a #mobile-to-desktop-version-link .b-pagination-a,
body.body-user .single-column #content .p-forum-a #mobile-jump-to-forum-dropdown .b-pagination-a,
body.body-devtracker .single-column #content .p-forum-a #mobile-forum-thread-actions .b-pagination-a,
body.body-devtracker .single-column #content .p-forum-a #mobile-to-desktop-version-link .b-pagination-a,
body.body-devtracker .single-column #content .p-forum-a #mobile-jump-to-forum-dropdown .b-pagination-a {
    display: none
}

body.body-forum .single-column #content .p-forum-a #mobile-jump-to-forum-dropdown,
body.body-user .single-column #content .p-forum-a #mobile-jump-to-forum-dropdown,
body.body-devtracker .single-column #content .p-forum-a #mobile-jump-to-forum-dropdown {
    display: none
}

body.body-forum .single-column #content .p-forum-a .p-forum-content,
body.body-user .single-column #content .p-forum-a .p-forum-content,
body.body-devtracker .single-column #content .p-forum-a .p-forum-content {
    margin-bottom: 20px
}

body.body-forum .single-column #content .p-forum-a .listing,
body.body-user .single-column #content .p-forum-a .listing,
body.body-devtracker .single-column #content .p-forum-a .listing {
    border: none!important
}

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton),
body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton),
body.body-devtracker .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) {
    border: 0
}

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) thead tr td,
body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) thead tr td,
body.body-devtracker .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) thead tr td {
    font-weight: 400;
    font-size: .9rem;
    background: transparent;
    color: #fff;
    border-bottom: 0
}

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr,
body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr,
body.body-devtracker .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr {
    padding-top: 0
}

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr th,
body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr th a,
body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr th,
body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr th a,
body.body-devtracker .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr th,
body.body-devtracker .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr th a {
    font-weight: 400;
    font-size: .9rem;
    border: 0;
    background: transparent;
    color: #fff
}

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr th,
body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr th,
body.body-devtracker .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr th {
    border-bottom: 0
}

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td,
body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td,
body.body-devtracker .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td {
    border: 0;
    border-bottom: 0;
    background-image: none;
    background: #f9f9f9 none
}

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td.col-thread,
body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td.col-thread,
body.body-devtracker .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td.col-thread {
    position: relative
}

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td h4 a,
body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td .thread-title a,
body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td h4 a,
body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td .thread-title a,
body.body-devtracker .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td h4 a,
body.body-devtracker .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td .thread-title a {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0
}

body.body-forum .single-column #content .p-forum-a .listing-container .p-comment-wrapper,
body.body-user .single-column #content .p-forum-a .listing-container .p-comment-wrapper,
body.body-devtracker .single-column #content .p-forum-a .listing-container .p-comment-wrapper {
    background-color: #f9f9f9 none
}

body.body-forum .single-column #content .p-forum-a .listing-container .p-comment-wrapper .p-comment-footer,
body.body-user .single-column #content .p-forum-a .listing-container .p-comment-wrapper .p-comment-footer,
body.body-devtracker .single-column #content .p-forum-a .listing-container .p-comment-wrapper .p-comment-footer {
    border-top: 1px solid #d9d4d2;
    border-right: 0
}

body.body-forum .single-column #content .p-forum-a .listing-container .p-comment-wrapper .p-comment-footer .p-comment-actionsUser .user-action span,
body.body-user .single-column #content .p-forum-a .listing-container .p-comment-wrapper .p-comment-footer .p-comment-actionsUser .user-action span,
body.body-devtracker .single-column #content .p-forum-a .listing-container .p-comment-wrapper .p-comment-footer .p-comment-actionsUser .user-action span {
    color: #242527
}

body.body-forum .single-column #content .p-forum-a .listing-container .p-comment-wrapper .p-comment-footer .p-comment-actionsUser .user-action-rate,
body.body-user .single-column #content .p-forum-a .listing-container .p-comment-wrapper .p-comment-footer .p-comment-actionsUser .user-action-rate,
body.body-devtracker .single-column #content .p-forum-a .listing-container .p-comment-wrapper .p-comment-footer .p-comment-actionsUser .user-action-rate {
    display: none
}

body.body-forum .single-column #content .p-forum-a .p-comments,
body.body-user .single-column #content .p-forum-a .p-comments,
body.body-devtracker .single-column #content .p-forum-a .p-comments {
    border: none!important
}

body.body-forum .single-column #content .p-forum-a .p-comment-sig,
body.body-user .single-column #content .p-forum-a .p-comment-sig,
body.body-devtracker .single-column #content .p-forum-a .p-comment-sig {
    border-top: 1px solid #d9d4d2
}

body.body-forum .single-column #content .p-forum-a .p-comment-sig img,
body.body-user .single-column #content .p-forum-a .p-comment-sig img,
body.body-devtracker .single-column #content .p-forum-a .p-comment-sig img {
    max-width: 100%
}

body.body-forum .single-column #content .p-forum-a footer.statistics header,
body.body-user .single-column #content .p-forum-a footer.statistics header,
body.body-devtracker .single-column #content .p-forum-a footer.statistics header {
    height: 40px
}

body.body-forum .single-column #content .p-forum-a .p-comment-post,
body.body-user .single-column #content .p-forum-a .p-comment-post,
body.body-devtracker .single-column #content .p-forum-a .p-comment-post {
    background: 0
}

body.body-forum .single-column #content .p-forum-a .p-comment-post .p-comment-user-background,
body.body-user .single-column #content .p-forum-a .p-comment-post .p-comment-user-background,
body.body-devtracker .single-column #content .p-forum-a .p-comment-post .p-comment-user-background {
    border-right: 1px solid #d9d4d2
}

body.body-forum .single-column #content .p-forum-a .p-comment-post p,
body.body-user .single-column #content .p-forum-a .p-comment-post p,
body.body-devtracker .single-column #content .p-forum-a .p-comment-post p {
    color: #242527
}

body.body-forum .single-column #content .p-forum-a .p-comment-post .u-dropDown span,
body.body-user .single-column #content .p-forum-a .p-comment-post .u-dropDown span,
body.body-devtracker .single-column #content .p-forum-a .p-comment-post .u-dropDown span {
    box-shadow: none
}

body.body-forum .single-column #content .p-forum-a .listing-body,
body.body-user .single-column #content .p-forum-a .listing-body,
body.body-devtracker .single-column #content .p-forum-a .listing-body {
    margin-bottom: 0;
    padding-bottom: 0
}

body.body-forum .single-column #content .p-forum-a .p-comment-container,
body.body-forum .single-column #content .p-forum-a .forum-post-header,
body.body-forum .single-column #content .p-forum-a .p-comment-footer,
body.body-forum .single-column #content .p-forum-a .p-comment-user-background,
body.body-user .single-column #content .p-forum-a .p-comment-container,
body.body-user .single-column #content .p-forum-a .forum-post-header,
body.body-user .single-column #content .p-forum-a .p-comment-footer,
body.body-user .single-column #content .p-forum-a .p-comment-user-background,
body.body-devtracker .single-column #content .p-forum-a .p-comment-container,
body.body-devtracker .single-column #content .p-forum-a .forum-post-header,
body.body-devtracker .single-column #content .p-forum-a .p-comment-footer,
body.body-devtracker .single-column #content .p-forum-a .p-comment-user-background {
    background: 0
}

body.body-forum .single-column #content .p-forum-a .mobile-profile-target,
body.body-user .single-column #content .p-forum-a .mobile-profile-target,
body.body-devtracker .single-column #content .p-forum-a .mobile-profile-target {
    display: none
}

body.body-forum .single-column #content .p-forum-a .forum-post-header,
body.body-user .single-column #content .p-forum-a .forum-post-header,
body.body-devtracker .single-column #content .p-forum-a .forum-post-header {
    background: transparent;
    border: 0
}

body.body-forum .single-column #content .p-forum-a .p-comment-post,
body.body-user .single-column #content .p-forum-a .p-comment-post,
body.body-devtracker .single-column #content .p-forum-a .p-comment-post {
    margin-bottom: 10px
}

body.body-forum .single-column #content .p-forum-a .p-comment-post .p-comment-container,
body.body-user .single-column #content .p-forum-a .p-comment-post .p-comment-container,
body.body-devtracker .single-column #content .p-forum-a .p-comment-post .p-comment-container {
    border: 1px solid #d9d4d2;
    border-top: 0
}

body.body-forum .single-column #content .p-forum-a .p-comment-body .p-attachments-a,
body.body-user .single-column #content .p-forum-a .p-comment-body .p-attachments-a,
body.body-devtracker .single-column #content .p-forum-a .p-comment-body .p-attachments-a {
    margin-top: 10px;
    min-height: initial
}

body.body-forum .single-column #content .p-forum-a #reply .form-actions.form-footer .form-footer button,
body.body-user .single-column #content .p-forum-a #reply .form-actions.form-footer .form-footer button,
body.body-devtracker .single-column #content .p-forum-a #reply .form-actions.form-footer .form-footer button {
    float: left
}

body.body-forum .single-column #content .p-forum-a .bread-heel .bread,
body.body-user .single-column #content .p-forum-a .bread-heel .bread,
body.body-devtracker .single-column #content .p-forum-a .bread-heel .bread {
    margin-top: 16px
}

body.body-forum .single-column #content .p-forum-a .bread-heel .bread .b-breadcrumb-a,
body.body-user .single-column #content .p-forum-a .bread-heel .bread .b-breadcrumb-a,
body.body-devtracker .single-column #content .p-forum-a .bread-heel .bread .b-breadcrumb-a {
    margin: 0!important;
    padding: 0!important
}

body.body-forum .single-column #content .p-forum-a .statistics-body,
body.body-user .single-column #content .p-forum-a .statistics-body,
body.body-devtracker .single-column #content .p-forum-a .statistics-body {
    margin-bottom: 10px
}

body.body-forum .single-column #content .p-forum-a .p-comment-stats li:last-of-type,
body.body-user .single-column #content .p-forum-a .p-comment-stats li:last-of-type,
body.body-devtracker .single-column #content .p-forum-a .p-comment-stats li:last-of-type {
    display: none
}

@media screen and (max-width:1023px) {
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-last-post,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-last-post,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-last-post,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-last-post,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-last-post,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-last-post,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-last-post,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-last-post,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-last-post,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-last-post,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-last-post,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-last-post {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-thread .thread-actions,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-thread .thread-actions,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-thread .thread-actions,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-thread .thread-actions,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-thread .thread-actions,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-thread .thread-actions,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-thread .thread-actions,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-thread .thread-actions,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-thread .thread-actions,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-thread .thread-actions,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-thread .thread-actions,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-thread .thread-actions {
        display: none
    }
}

@media screen and (max-width:640px) {
    body.body-forum.responsive-enabled .container .p-forum-a tbody tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-forum.responsive-enabled .container .p-forum-a thead tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-forum.responsive-enabled .container .listing-forum-search thead tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-user.responsive-enabled .container .p-forum-a tbody tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-user.responsive-enabled .container .p-forum-a thead tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-user.responsive-enabled .container .listing-forum-search tbody tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-user.responsive-enabled .container .listing-forum-search thead tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody tr th:last-of-type.b-table-heading.col-status.asc,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead tr th:last-of-type.b-table-heading.col-status.asc {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-thread-row,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-row,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-thread-row,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-row,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-thread-row,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-row,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-thread-row,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-row,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-thread-row,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-row,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-thread-row,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-row,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-thread-row,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-row,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-thread-row,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-row,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-thread-row,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-row,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-thread-row,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-row,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-thread-row,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-row,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-thread-row,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-row {
        cursor: pointer
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-thread-row.forum-thread-row-read .col-status,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-row.forum-thread-row-read .col-status,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-thread-row.forum-thread-row-read .col-status,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-row.forum-thread-row-read .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-thread-row.forum-thread-row-read .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-row.forum-thread-row-read .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-thread-row.forum-thread-row-read .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-row.forum-thread-row-read .col-status,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-thread-row.forum-thread-row-read .col-status,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-row.forum-thread-row-read .col-status,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-thread-row.forum-thread-row-read .col-status,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-row.forum-thread-row-read .col-status,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-thread-row.forum-thread-row-read .col-status,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-row.forum-thread-row-read .col-status,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-thread-row.forum-thread-row-read .col-status,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-row.forum-thread-row-read .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-thread-row.forum-thread-row-read .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-row.forum-thread-row-read .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-thread-row.forum-thread-row-read .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-row.forum-thread-row-read .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-thread-row.forum-thread-row-read .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-row.forum-thread-row-read .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-thread-row.forum-thread-row-read .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-row.forum-thread-row-read .col-status {
        background: #555!important
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-thread-row .col-status,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-row .col-status,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-thread-row .col-status,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-row .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-thread-row .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-row .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-thread-row .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-row .col-status,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-thread-row .col-status,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-row .col-status,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-thread-row .col-status,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-row .col-status,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-thread-row .col-status,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-row .col-status,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-thread-row .col-status,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-row .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-thread-row .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-row .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-thread-row .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-row .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-thread-row .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-row .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-thread-row .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-row .col-status {
        background: #242527!important
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-row.forum-thread-row-read td.col-status,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-row.forum-thread-row-read td.col-status,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-row.forum-thread-row-read td.col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-row.forum-thread-row-read td.col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-row.forum-thread-row-read td.col-status,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-row.forum-thread-row-read td.col-status,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-row.forum-thread-row-read td.col-status,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-row.forum-thread-row-read td.col-status,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-row.forum-thread-row-read td.col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-row.forum-thread-row-read td.col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-row.forum-thread-row-read td.col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-row.forum-row-seen-latest-thread td.col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-thread-row.forum-thread-row-read td.col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-thread-row.forum-row-seen-latest-thread td.col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-row.forum-thread-row-read td.col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-row.forum-row-seen-latest-thread td.col-status {
        background: white!important
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-thread-row-deleted-with-note,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-thread-row-deleted,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-thread-row-spam,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-thread-row-mute-banned,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-thread-row-deleted-with-note,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-thread-row-deleted,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-thread-row-spam,
    body.body-forum.responsive-enabled .container .p-forum-a thead .forum-thread-row-mute-banned,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-deleted-with-note,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-deleted,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-spam,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-mute-banned,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-thread-row-deleted-with-note,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-thread-row-deleted,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-thread-row-spam,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .forum-thread-row-mute-banned,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-thread-row-deleted-with-note,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-thread-row-deleted,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-thread-row-spam,
    body.body-user.responsive-enabled .container .p-forum-a tbody .forum-thread-row-mute-banned,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-thread-row-deleted-with-note,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-thread-row-deleted,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-thread-row-spam,
    body.body-user.responsive-enabled .container .p-forum-a thead .forum-thread-row-mute-banned,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-deleted-with-note,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-deleted,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-spam,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-mute-banned,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-thread-row-deleted-with-note,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-thread-row-deleted,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-thread-row-spam,
    body.body-user.responsive-enabled .container .listing-forum-search thead .forum-thread-row-mute-banned,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-thread-row-deleted-with-note,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-thread-row-deleted,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-thread-row-spam,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .forum-thread-row-mute-banned,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-thread-row-deleted-with-note,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-thread-row-deleted,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-thread-row-spam,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .forum-thread-row-mute-banned,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-deleted-with-note,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-deleted,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-spam,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .forum-thread-row-mute-banned,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-thread-row-deleted-with-note,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-thread-row-deleted,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-thread-row-spam,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .forum-thread-row-mute-banned {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-status,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-status,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-status,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-status,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-status,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-status {
        width: 35px
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-status a,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-status a:hover,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-status a,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-status a:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-status a,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-status a:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-status a,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-status a:hover,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-status a,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-status a:hover,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-status a,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-status a:hover,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-status a,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-status a:hover,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-status a,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-status a:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-status a,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-status a:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-status a,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-status a:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-status a,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-status a:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-status a,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-status a:hover {
        background: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        text-decoration: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-forum,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-thread,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-forum,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-thread,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-forum,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-thread,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-forum,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-thread,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-forum,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-thread,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-forum,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-thread,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-forum,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-thread,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-forum,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-thread,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-forum,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-thread,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-forum,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-thread,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-forum,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-thread,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-forum,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-thread {
        width: -webkit-calc(100% - 25px;
        );
        width: calc(100% - 25px;
        )
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-forum span.description,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-forum ul.forum-subs,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-forum span.moderators,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-forum span.active-viewers,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-forum .thread-prefix,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-forum a.go-next,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-thread span.description,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-thread ul.forum-subs,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-thread span.moderators,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-thread span.active-viewers,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-thread .thread-prefix,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-thread a.go-next,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-forum span.description,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-forum ul.forum-subs,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-forum span.moderators,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-forum span.active-viewers,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-forum .thread-prefix,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-forum a.go-next,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-thread span.description,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-thread ul.forum-subs,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-thread span.moderators,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-thread span.active-viewers,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-thread .thread-prefix,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-thread a.go-next,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-forum span.description,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-forum ul.forum-subs,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-forum span.moderators,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-forum span.active-viewers,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-forum .thread-prefix,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-forum a.go-next,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-thread span.description,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-thread ul.forum-subs,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-thread span.moderators,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-thread span.active-viewers,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-thread .thread-prefix,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-thread a.go-next,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-forum span.description,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-forum ul.forum-subs,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-forum span.moderators,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-forum span.active-viewers,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-forum .thread-prefix,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-forum a.go-next,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-thread span.description,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-thread ul.forum-subs,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-thread span.moderators,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-thread span.active-viewers,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-thread .thread-prefix,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-thread a.go-next,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-forum span.description,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-forum ul.forum-subs,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-forum span.moderators,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-forum span.active-viewers,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-forum .thread-prefix,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-forum a.go-next,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-thread span.description,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-thread ul.forum-subs,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-thread span.moderators,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-thread span.active-viewers,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-thread .thread-prefix,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-thread a.go-next,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-forum span.description,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-forum ul.forum-subs,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-forum span.moderators,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-forum span.active-viewers,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-forum .thread-prefix,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-forum a.go-next,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-thread span.description,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-thread ul.forum-subs,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-thread span.moderators,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-thread span.active-viewers,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-thread .thread-prefix,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-thread a.go-next,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-forum span.description,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-forum ul.forum-subs,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-forum span.moderators,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-forum span.active-viewers,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-forum .thread-prefix,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-forum a.go-next,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-thread span.description,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-thread ul.forum-subs,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-thread span.moderators,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-thread span.active-viewers,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-thread .thread-prefix,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-thread a.go-next,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-forum span.description,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-forum ul.forum-subs,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-forum span.moderators,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-forum span.active-viewers,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-forum .thread-prefix,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-forum a.go-next,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-thread span.description,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-thread ul.forum-subs,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-thread span.moderators,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-thread span.active-viewers,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-thread .thread-prefix,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-thread a.go-next,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-forum span.description,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-forum ul.forum-subs,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-forum span.moderators,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-forum span.active-viewers,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-forum .thread-prefix,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-forum a.go-next,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-thread span.description,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-thread ul.forum-subs,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-thread span.moderators,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-thread span.active-viewers,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-thread .thread-prefix,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-thread a.go-next,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-forum span.description,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-forum ul.forum-subs,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-forum span.moderators,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-forum span.active-viewers,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-forum .thread-prefix,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-forum a.go-next,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-thread span.description,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-thread ul.forum-subs,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-thread span.moderators,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-thread span.active-viewers,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-thread .thread-prefix,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-thread a.go-next,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-forum span.description,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-forum ul.forum-subs,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-forum span.moderators,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-forum span.active-viewers,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-forum .thread-prefix,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-forum a.go-next,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-thread span.description,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-thread ul.forum-subs,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-thread span.moderators,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-thread span.active-viewers,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-thread .thread-prefix,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-thread a.go-next,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-forum span.description,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-forum ul.forum-subs,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-forum span.moderators,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-forum span.active-viewers,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-forum .thread-prefix,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-forum a.go-next,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-thread span.description,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-thread ul.forum-subs,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-thread span.moderators,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-thread span.active-viewers,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-thread .thread-prefix,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-thread a.go-next {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-forum .title a:hover,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-thread .title a:hover,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-forum .title a:hover,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-thread .title a:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-forum .title a:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-thread .title a:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-forum .title a:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-thread .title a:hover,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-forum .title a:hover,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-thread .title a:hover,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-forum .title a:hover,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-thread .title a:hover,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-forum .title a:hover,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-thread .title a:hover,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-forum .title a:hover,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-thread .title a:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-forum .title a:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-thread .title a:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-forum .title a:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-thread .title a:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-forum .title a:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-thread .title a:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-forum .title a:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-thread .title a:hover {
        text-decoration: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-forum .b-pagination,
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-thread .b-pagination,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-forum .b-pagination,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-thread .b-pagination,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-forum .b-pagination,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-thread .b-pagination,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-forum .b-pagination,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-thread .b-pagination,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-forum .b-pagination,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-thread .b-pagination,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-forum .b-pagination,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-thread .b-pagination,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-forum .b-pagination,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-thread .b-pagination,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-forum .b-pagination,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-thread .b-pagination,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-forum .b-pagination,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-thread .b-pagination,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-forum .b-pagination,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-thread .b-pagination,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-forum .b-pagination,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-thread .b-pagination,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-forum .b-pagination,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-thread .b-pagination {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-count,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-count,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-count,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-count,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-count,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-count,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-count,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-count,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-count,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-count,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-count,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-count {
        width: 25%;
        text-align: center
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-count a.modal-link,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-count a.modal-link,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-count a.modal-link,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-count a.modal-link,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-count a.modal-link,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-count a.modal-link,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-count a.modal-link,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-count a.modal-link,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-count a.modal-link,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-count a.modal-link,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-count a.modal-link,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-count a.modal-link {
        color: #242527
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody .col-actions,
    body.body-forum.responsive-enabled .container .p-forum-a thead .col-actions,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody .col-actions,
    body.body-forum.responsive-enabled .container .listing-forum-search thead .col-actions,
    body.body-user.responsive-enabled .container .p-forum-a tbody .col-actions,
    body.body-user.responsive-enabled .container .p-forum-a thead .col-actions,
    body.body-user.responsive-enabled .container .listing-forum-search tbody .col-actions,
    body.body-user.responsive-enabled .container .listing-forum-search thead .col-actions,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody .col-actions,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead .col-actions,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody .col-actions,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead .col-actions {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody thead tr th,
    body.body-forum.responsive-enabled .container .p-forum-a thead thead tr th,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody thead tr th,
    body.body-forum.responsive-enabled .container .listing-forum-search thead thead tr th,
    body.body-user.responsive-enabled .container .p-forum-a tbody thead tr th,
    body.body-user.responsive-enabled .container .p-forum-a thead thead tr th,
    body.body-user.responsive-enabled .container .listing-forum-search tbody thead tr th,
    body.body-user.responsive-enabled .container .listing-forum-search thead thead tr th,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody thead tr th,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead thead tr th,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody thead tr th,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead thead tr th {
        padding: 0 4px
    }
    body.body-forum.responsive-enabled .container .p-forum-a tbody td .thread-title a:hover,
    body.body-forum.responsive-enabled .container .p-forum-a thead td .thread-title a:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search tbody td .thread-title a:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search thead td .thread-title a:hover,
    body.body-user.responsive-enabled .container .p-forum-a tbody td .thread-title a:hover,
    body.body-user.responsive-enabled .container .p-forum-a thead td .thread-title a:hover,
    body.body-user.responsive-enabled .container .listing-forum-search tbody td .thread-title a:hover,
    body.body-user.responsive-enabled .container .listing-forum-search thead td .thread-title a:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a tbody td .thread-title a:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a thead td .thread-title a:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search tbody td .thread-title a:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search thead td .thread-title a:hover {
        text-decoration: none
    }
}

@media screen and (max-width:1023px) {
    body.body-forum.responsive-enabled .container .p-forum-a li.forum-announcement,
    body.body-forum.responsive-enabled .container .listing-forum-search li.forum-announcement,
    body.body-devtracker.responsive-enabled .container .p-forum-a li.forum-announcement,
    body.body-devtracker.responsive-enabled .container .listing-forum-search li.forum-announcement {
        position: relative
    }
    body.body-forum.responsive-enabled .container .p-forum-a li.forum-announcement span.thread-author,
    body.body-forum.responsive-enabled .container .listing-forum-search li.forum-announcement span.thread-author,
    body.body-devtracker.responsive-enabled .container .p-forum-a li.forum-announcement span.thread-author,
    body.body-devtracker.responsive-enabled .container .listing-forum-search li.forum-announcement span.thread-author {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a .p-forum-content .listing-container>.admin-controls,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-forum-content .listing-container>.admin-controls,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-forum-content .listing-container>.admin-controls,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-forum-content .listing-container>.admin-controls {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel {
        height: auto;
        overflow: hidden
    }
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons {
        clear: left;
        float: left;
        width: auto;
        margin-top: 14px
    }
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div {
        float: left
    }
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div.forum-back-nav,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div.forum-back-nav,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div.forum-back-nav,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div.forum-back-nav {
        margin-left: 10px
    }
    body.body-forum.responsive-enabled .container .p-forum-a .post-thread-nav-divide,
    body.body-forum.responsive-enabled .container .p-forum-a .post-thread-nav,
    body.body-forum.responsive-enabled .container .listing-forum-search .post-thread-nav-divide,
    body.body-forum.responsive-enabled .container .listing-forum-search .post-thread-nav,
    body.body-devtracker.responsive-enabled .container .p-forum-a .post-thread-nav-divide,
    body.body-devtracker.responsive-enabled .container .p-forum-a .post-thread-nav,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .post-thread-nav-divide,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .post-thread-nav {
        display: none
    }
}

@media screen and (max-width:640px) {
    body.body-forum.responsive-enabled .container footer.statistics,
    body.body-devtracker.responsive-enabled .container footer.statistics {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a>.user-actions-forums,
    body.body-forum.responsive-enabled .container .listing-forum-search>.user-actions-forums,
    body.body-devtracker.responsive-enabled .container .p-forum-a>.user-actions-forums,
    body.body-devtracker.responsive-enabled .container .listing-forum-search>.user-actions-forums {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a ul.p-comments.listing-comments,
    body.body-forum.responsive-enabled .container .listing-forum-search ul.p-comments.listing-comments,
    body.body-devtracker.responsive-enabled .container .p-forum-a ul.p-comments.listing-comments,
    body.body-devtracker.responsive-enabled .container .listing-forum-search ul.p-comments.listing-comments {
        overflow: hidden
    }
    body.body-forum.responsive-enabled .container .p-forum-a li.forum-announcement,
    body.body-forum.responsive-enabled .container .listing-forum-search li.forum-announcement,
    body.body-devtracker.responsive-enabled .container .p-forum-a li.forum-announcement,
    body.body-devtracker.responsive-enabled .container .listing-forum-search li.forum-announcement {
        position: relative;
        cursor: pointer
    }
    body.body-forum.responsive-enabled .container .p-forum-a li.forum-announcement .col-status,
    body.body-forum.responsive-enabled .container .listing-forum-search li.forum-announcement .col-status,
    body.body-devtracker.responsive-enabled .container .p-forum-a li.forum-announcement .col-status,
    body.body-devtracker.responsive-enabled .container .listing-forum-search li.forum-announcement .col-status {
        width: 35px;
        padding: 8px 0;
        border: 0;
        background: #242527!important
    }
    body.body-forum.responsive-enabled .container .p-forum-a li.forum-announcement .col-status a,
    body.body-forum.responsive-enabled .container .p-forum-a li.forum-announcement .col-status a:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search li.forum-announcement .col-status a,
    body.body-forum.responsive-enabled .container .listing-forum-search li.forum-announcement .col-status a:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a li.forum-announcement .col-status a,
    body.body-devtracker.responsive-enabled .container .p-forum-a li.forum-announcement .col-status a:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search li.forum-announcement .col-status a,
    body.body-devtracker.responsive-enabled .container .listing-forum-search li.forum-announcement .col-status a:hover {
        background: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a li.forum-announcement span a.title,
    body.body-forum.responsive-enabled .container .listing-forum-search li.forum-announcement span a.title,
    body.body-devtracker.responsive-enabled .container .p-forum-a li.forum-announcement span a.title,
    body.body-devtracker.responsive-enabled .container .listing-forum-search li.forum-announcement span a.title {
        display: inline;
        margin-left: 4px
    }
    body.body-forum.responsive-enabled .container .p-forum-a .p-forum-content,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-forum-content,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-forum-content,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-forum-content {
        margin-bottom: 0!important
    }
    body.body-forum.responsive-enabled .container .p-forum-a header,
    body.body-forum.responsive-enabled .container .listing-forum-search header,
    body.body-devtracker.responsive-enabled .container .p-forum-a header,
    body.body-devtracker.responsive-enabled .container .listing-forum-search header {
        display: inline!important
    }
    body.body-forum.responsive-enabled .container .p-forum-a header h2,
    body.body-forum.responsive-enabled .container .listing-forum-search header h2,
    body.body-devtracker.responsive-enabled .container .p-forum-a header h2,
    body.body-devtracker.responsive-enabled .container .listing-forum-search header h2 {
        word-wrap: break-word;
        overflow-wrap: break-word;
        margin-bottom: 16px
    }
    body.body-forum.responsive-enabled .container .p-forum-a header span.sub-header,
    body.body-forum.responsive-enabled .container .listing-forum-search header span.sub-header,
    body.body-devtracker.responsive-enabled .container .p-forum-a header span.sub-header,
    body.body-devtracker.responsive-enabled .container .listing-forum-search header span.sub-header {
        margin-top: -14px;
        margin-bottom: 12px
    }
    body.body-forum.responsive-enabled .container .p-forum-a header ul.user-actions>li,
    body.body-forum.responsive-enabled .container .listing-forum-search header ul.user-actions>li,
    body.body-devtracker.responsive-enabled .container .p-forum-a header ul.user-actions>li,
    body.body-devtracker.responsive-enabled .container .listing-forum-search header ul.user-actions>li {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a header ul.user-actions>li.user-action-new,
    body.body-forum.responsive-enabled .container .listing-forum-search header ul.user-actions>li.user-action-new,
    body.body-devtracker.responsive-enabled .container .p-forum-a header ul.user-actions>li.user-action-new,
    body.body-devtracker.responsive-enabled .container .listing-forum-search header ul.user-actions>li.user-action-new {
        display: block
    }
    body.body-forum.responsive-enabled .container .p-forum-a header ul.user-actions>li.user-action-new a,
    body.body-forum.responsive-enabled .container .listing-forum-search header ul.user-actions>li.user-action-new a,
    body.body-devtracker.responsive-enabled .container .p-forum-a header ul.user-actions>li.user-action-new a,
    body.body-devtracker.responsive-enabled .container .listing-forum-search header ul.user-actions>li.user-action-new a {
        margin: 2px 0 0 10px
    }
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-post,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-post,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-post,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-post {
        background: 0
    }
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-post .j-comment-username span.user,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-post .j-comment-username span.user,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-post .j-comment-username span.user,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-post .j-comment-username span.user {
        color: #0fb4ee
    }
    body.body-forum.responsive-enabled .container .p-forum-a .p-attachmentable-form,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-attachmentable-form,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-attachmentable-form,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-attachmentable-form {
        overflow: hidden
    }
    body.body-forum.responsive-enabled .container .p-forum-a .p-forum-poll header.h3,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-forum-poll header.h3,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-forum-poll header.h3,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-forum-poll header.h3 {
        display: block!important
    }
    body.body-forum.responsive-enabled .container .p-forum-a .p-forum-poll .b-poll-item span,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-forum-poll .b-poll-item span,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-forum-poll .b-poll-item span,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-forum-poll .b-poll-item span {
        display: inline-block;
        white-space: normal;
        text-align: left
    }
    body.body-forum.responsive-enabled .container .p-forum-a .p-forum-poll .b-poll-item span .graph,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-forum-poll .b-poll-item span .graph,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-forum-poll .b-poll-item span .graph,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-forum-poll .b-poll-item span .graph {
        height: 1.75em
    }
    body.body-forum.responsive-enabled .container .p-forum-a .mobile-profile-target,
    body.body-forum.responsive-enabled .container .p-forum-a .mobile-share-target,
    body.body-forum.responsive-enabled .container .listing-forum-search .mobile-profile-target,
    body.body-forum.responsive-enabled .container .listing-forum-search .mobile-share-target,
    body.body-devtracker.responsive-enabled .container .p-forum-a .mobile-profile-target,
    body.body-devtracker.responsive-enabled .container .p-forum-a .mobile-share-target,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .mobile-profile-target,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .mobile-share-target {
        width: 70%;
        height: 45px;
        position: absolute;
        top: 0;
        left: 0;
        display: block!important;
        z-index: 10
    }
    body.body-forum.responsive-enabled .container .p-forum-a .mobile-profile-target:hover,
    body.body-forum.responsive-enabled .container .p-forum-a .mobile-share-target:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search .mobile-profile-target:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search .mobile-share-target:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a .mobile-profile-target:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a .mobile-share-target:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .mobile-profile-target:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .mobile-share-target:hover {
        cursor: pointer
    }
    body.body-forum.responsive-enabled .container .p-forum-a .mobile-share-target,
    body.body-forum.responsive-enabled .container .listing-forum-search .mobile-share-target,
    body.body-devtracker.responsive-enabled .container .p-forum-a .mobile-share-target,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .mobile-share-target {
        left: initial;
        right: 0;
        width: 30%
    }
    body.body-forum.responsive-enabled .container .p-forum-a .forum-post-header,
    body.body-forum.responsive-enabled .container .listing-forum-search .forum-post-header,
    body.body-devtracker.responsive-enabled .container .p-forum-a .forum-post-header,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .forum-post-header {
        background: white;
        border-bottom: 0;
        border: 0
    }
    body.body-forum.responsive-enabled .container .p-forum-a .forum-post-header .report-status-Resolved,
    body.body-forum.responsive-enabled .container .p-forum-a .forum-post-header .report-status-New,
    body.body-forum.responsive-enabled .container .listing-forum-search .forum-post-header .report-status-Resolved,
    body.body-forum.responsive-enabled .container .listing-forum-search .forum-post-header .report-status-New,
    body.body-devtracker.responsive-enabled .container .p-forum-a .forum-post-header .report-status-Resolved,
    body.body-devtracker.responsive-enabled .container .p-forum-a .forum-post-header .report-status-New,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .forum-post-header .report-status-Resolved,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .forum-post-header .report-status-New {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a .forum-post-header .post-index input.col-actions-checkbox,
    body.body-forum.responsive-enabled .container .listing-forum-search .forum-post-header .post-index input.col-actions-checkbox,
    body.body-devtracker.responsive-enabled .container .p-forum-a .forum-post-header .post-index input.col-actions-checkbox,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .forum-post-header .post-index input.col-actions-checkbox {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a #reply,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply {
        margin-bottom: 0
    }
    body.body-forum.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-multi-prefix,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-multi-prefix,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-multi-prefix,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-multi-prefix,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-multi-prefix,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-multi-prefix,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-multi-prefix,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-multi-prefix,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-multi-prefix,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-multi-prefix,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-multi-prefix,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-multi-prefix,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-multi-prefix,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-multi-prefix,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-multi-prefix,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-multi-prefix {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-title,
    body.body-forum.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-type,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-title,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-type,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-title,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-type,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-title,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-type,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-title,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-type,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-title,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-type,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-title,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-type,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-title,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-type,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-title,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-type,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-title,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-type,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-title,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-type,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-title,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-type,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-title,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-type,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-title,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-type,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-title,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-type,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-title,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-type {
        padding-left: 0
    }
    body.body-forum.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-title input,
    body.body-forum.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-title select,
    body.body-forum.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-type input,
    body.body-forum.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-type select,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-title input,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-title select,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-type input,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-type select,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-title input,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-title select,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-type input,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-type select,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-title input,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-title select,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-type input,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-type select,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-title input,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-title select,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-type input,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-type select,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-title input,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-title select,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-type input,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-type select,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-title input,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-title select,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-type input,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-type select,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-title input,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-title select,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-type input,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-type select,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-title input,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-title select,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-type input,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .u-form-tabular #form-field-type select,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-title input,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-title select,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-type input,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .u-form-tabular #form-field-type select,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-title input,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-title select,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-type input,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .u-form-tabular #form-field-type select,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-title input,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-title select,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-type input,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .u-form-tabular #form-field-type select,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-title input,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-title select,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-type input,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .u-form-tabular #form-field-type select,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-title input,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-title select,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-type input,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .u-form-tabular #form-field-type select,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-title input,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-title select,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-type input,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .u-form-tabular #form-field-type select,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-title input,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-title select,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-type input,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .u-form-tabular #form-field-type select {
        min-height: 40px
    }
    body.body-forum.responsive-enabled .container .p-forum-a #reply .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .mce-tinymce.mce-container {
        width: auto!important
    }
    body.body-forum.responsive-enabled .container .p-forum-a #reply .mce-statusbar.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a #reply .mce-toolbar-grp.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-statusbar.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-toolbar-grp.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .mce-statusbar.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .mce-toolbar-grp.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .mce-statusbar.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .mce-toolbar-grp.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .mce-statusbar.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .mce-toolbar-grp.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-statusbar.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-toolbar-grp.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-statusbar.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-toolbar-grp.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .mce-statusbar.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .mce-toolbar-grp.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .mce-statusbar.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .mce-toolbar-grp.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-statusbar.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-toolbar-grp.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .mce-statusbar.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .mce-toolbar-grp.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .mce-statusbar.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .mce-toolbar-grp.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .mce-statusbar.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .mce-toolbar-grp.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-statusbar.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-toolbar-grp.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-statusbar.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-toolbar-grp.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .mce-statusbar.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .mce-toolbar-grp.mce-container {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a #reply .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a #reply .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a #reply iframe,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form iframe,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor iframe,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create iframe,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply iframe,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form iframe,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor iframe,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .mce-tinymce.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create iframe,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply iframe,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form iframe,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor iframe,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create iframe,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply iframe,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form iframe,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor iframe,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .mce-tinymce.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create iframe {
        border-radius: 4px
    }
    body.body-forum.responsive-enabled .container .p-forum-a #reply .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-edit-area.mce-container,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .mce-edit-area.mce-container,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .mce-edit-area.mce-container {
        border: 0
    }
    body.body-forum.responsive-enabled .container .p-forum-a #reply .form-actions .u-button-attachments,
    body.body-forum.responsive-enabled .container .p-forum-a #reply .form-actions .minimal-drop-box,
    body.body-forum.responsive-enabled .container .p-forum-a #reply .form-actions #field-poll-add-poll-button,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .form-actions .u-button-attachments,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .form-actions .minimal-drop-box,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-reply-form .form-actions #field-poll-add-poll-button,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .form-actions .u-button-attachments,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .form-actions .minimal-drop-box,
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-editor .form-actions #field-poll-add-poll-button,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .form-actions .u-button-attachments,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .form-actions .minimal-drop-box,
    body.body-forum.responsive-enabled .container .p-forum-a.s-create .form-actions #field-poll-add-poll-button,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .form-actions .u-button-attachments,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .form-actions .minimal-drop-box,
    body.body-forum.responsive-enabled .container .listing-forum-search #reply .form-actions #field-poll-add-poll-button,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .form-actions .u-button-attachments,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .form-actions .minimal-drop-box,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-reply-form .form-actions #field-poll-add-poll-button,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .form-actions .u-button-attachments,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .form-actions .minimal-drop-box,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-editor .form-actions #field-poll-add-poll-button,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .form-actions .u-button-attachments,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .form-actions .minimal-drop-box,
    body.body-forum.responsive-enabled .container .listing-forum-search.s-create .form-actions #field-poll-add-poll-button,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .form-actions .u-button-attachments,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .form-actions .minimal-drop-box,
    body.body-devtracker.responsive-enabled .container .p-forum-a #reply .form-actions #field-poll-add-poll-button,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .form-actions .u-button-attachments,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .form-actions .minimal-drop-box,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-reply-form .form-actions #field-poll-add-poll-button,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .form-actions .u-button-attachments,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .form-actions .minimal-drop-box,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-editor .form-actions #field-poll-add-poll-button,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .form-actions .u-button-attachments,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .form-actions .minimal-drop-box,
    body.body-devtracker.responsive-enabled .container .p-forum-a.s-create .form-actions #field-poll-add-poll-button,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .form-actions .u-button-attachments,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .form-actions .minimal-drop-box,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #reply .form-actions #field-poll-add-poll-button,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .form-actions .u-button-attachments,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .form-actions .minimal-drop-box,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-reply-form .form-actions #field-poll-add-poll-button,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .form-actions .u-button-attachments,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .form-actions .minimal-drop-box,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-editor .form-actions #field-poll-add-poll-button,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .form-actions .u-button-attachments,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .form-actions .minimal-drop-box,
    body.body-devtracker.responsive-enabled .container .listing-forum-search.s-create .form-actions #field-poll-add-poll-button {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a .p-comment-sig,
    body.body-forum.responsive-enabled .container .listing-forum-search .p-comment-sig,
    body.body-devtracker.responsive-enabled .container .p-forum-a .p-comment-sig,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .p-comment-sig {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons .forum-back-nav,
    body.body-forum.responsive-enabled .container .p-forum-a #form-field-action,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons .forum-back-nav,
    body.body-forum.responsive-enabled .container .listing-forum-search #form-field-action,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons .forum-back-nav,
    body.body-devtracker.responsive-enabled .container .p-forum-a #form-field-action,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons .forum-back-nav,
    body.body-devtracker.responsive-enabled .container .listing-forum-search #form-field-action {
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons {
        float: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div {
        float: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div .j-jump-forum-sub,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div .j-jump-forum-sub,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div .j-jump-forum-sub,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div .j-jump-forum-sub {
        width: 48%;
        float: left;
        margin-right: 4%;
        background-image: none;
        border: 0;
        padding: 10px;
        background-color: #242527;
        display: none
    }
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div .j-jump-forum-sub:hover,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div .j-jump-forum-sub:hover,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div .j-jump-forum-sub:hover,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div .j-jump-forum-sub:hover {
        background: #060709
    }
}

@media screen and (max-width:640px) and (max-width:440px) {
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div .j-jump-forum-sub,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div .j-jump-forum-sub,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel .bread-buttons>div .j-jump-forum-sub,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel .bread-buttons>div .j-jump-forum-sub {
        font-size: 10px
    }
}

@media screen and (max-width:640px) {
    body.body-forum.responsive-enabled .container .p-forum-a .bread-heel .bread,
    body.body-forum.responsive-enabled .container .listing-forum-search .bread-heel .bread,
    body.body-devtracker.responsive-enabled .container .p-forum-a .bread-heel .bread,
    body.body-devtracker.responsive-enabled .container .listing-forum-search .bread-heel .bread {
        width: 100%;
        margin-top: 0!important
    }
    body.body-forum.responsive-enabled .container table.listing th,
    body.body-devtracker.responsive-enabled .container table.listing th {
        text-align: left
    }
    body.body-forum.responsive-enabled .container table.listing th:last-child,
    body.body-devtracker.responsive-enabled .container table.listing th:last-child {
        text-align: center
    }
    body.body-forum.responsive-enabled .container table.listing th .desc:before,
    body.body-forum.responsive-enabled .container table.listing th .desc:after,
    body.body-forum.responsive-enabled .container table.listing th .asc:before,
    body.body-forum.responsive-enabled .container table.listing th .asc:after,
    body.body-devtracker.responsive-enabled .container table.listing th .desc:before,
    body.body-devtracker.responsive-enabled .container table.listing th .desc:after,
    body.body-devtracker.responsive-enabled .container table.listing th .asc:before,
    body.body-devtracker.responsive-enabled .container table.listing th .asc:after {
        display: none
    }
    body.body-forum.responsive-enabled .container .b-pagination-a,
    body.body-devtracker.responsive-enabled .container .b-pagination-a {
        display: none
    }
    body.body-forum.responsive-enabled .container #mobile-to-desktop-version-link,
    body.body-forum.responsive-enabled .container #mobile-jump-to-forum-dropdown,
    body.body-devtracker.responsive-enabled .container #mobile-to-desktop-version-link,
    body.body-devtracker.responsive-enabled .container #mobile-jump-to-forum-dropdown {
        display: block!important
    }
    body.body-forum.responsive-enabled .container #mobile-jump-to-forum-dropdown,
    body.body-devtracker.responsive-enabled .container #mobile-jump-to-forum-dropdown {
        width: 100%
    }
    body.body-forum.responsive-enabled .container #mobile-jump-to-forum-dropdown #field-forum,
    body.body-devtracker.responsive-enabled .container #mobile-jump-to-forum-dropdown #field-forum {
        width: 100%
    }
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions {
        margin: 6px 0
    }
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions #mobile-navigate-thread,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions #mobile-navigate-thread {
        margin-top: -14px
    }
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions #mobile-navigate-thread .b-pagination-item.pagination-off a,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions #mobile-navigate-thread .b-pagination-item.pagination-off a {
        color: #a8a8a8!important;
        cursor: default
    }
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a {
        display: block!important;
        width: 100%;
        margin: 0;
        background: #fff;
        border: 1px solid #cbc6c3
    }
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul {
        display: block!important;
        width: 100%;
        overflow: hidden
    }
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item {
        width: 20%;
        float: left;
        display: inline-block;
        margin: 0
    }
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item>a,
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item #mobile-comments-jump,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item>a,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item #mobile-comments-jump {
        border: 0;
        background: 0;
        display: block;
        text-align: center;
        font-size: 18px;
        padding: 10px 0;
        color: #242527!important;
        font-weight: normal;
        font-family: monospace
    }
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item>a:hover,
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item #mobile-comments-jump:hover,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item>a:hover,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item #mobile-comments-jump:hover {
        cursor: pointer
    }
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item #mobile-comments-jump,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item #mobile-comments-jump {
        margin: 11px auto;
        padding: 0
    }
    body.body-forum.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item #mobile-comments-jump option,
    body.body-devtracker.responsive-enabled .container #mobile-forum-thread-actions .b-pagination-a ul li.b-pagination-item #mobile-comments-jump option {
        font-size: 16px
    }
    body.body-forum.responsive-enabled .container .comment-preview,
    body.body-devtracker.responsive-enabled .container .comment-preview {
        margin-top: 20px
    }
    body.body-forum.responsive-enabled .container .comment-preview header h2,
    body.body-devtracker.responsive-enabled .container .comment-preview header h2 {
        margin-bottom: 4px
    }
    body.body-forum.responsive-enabled .container .comment-preview .forum-post-content,
    body.body-devtracker.responsive-enabled .container .comment-preview .forum-post-content {
        border: 1px solid #242527!important
    }
    body.body-forum.responsive-enabled .container .listing-container>.admin-controls,
    body.body-forum.responsive-enabled .container .listing-container .listing-footer,
    body.body-forum.responsive-enabled .container .comment-preview>.admin-controls,
    body.body-forum.responsive-enabled .container .comment-preview .listing-footer,
    body.body-devtracker.responsive-enabled .container .listing-container>.admin-controls,
    body.body-devtracker.responsive-enabled .container .listing-container .listing-footer,
    body.body-devtracker.responsive-enabled .container .comment-preview>.admin-controls,
    body.body-devtracker.responsive-enabled .container .comment-preview .listing-footer {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .listing-body .p-comments li .comment-deleted,
    body.body-forum.responsive-enabled .container .listing-container .listing-body .p-comments li .comment-spam,
    body.body-forum.responsive-enabled .container .listing-container .listing-body .p-comments li .comment-mute-banned,
    body.body-forum.responsive-enabled .container .comment-preview .listing-body .p-comments li .comment-deleted,
    body.body-forum.responsive-enabled .container .comment-preview .listing-body .p-comments li .comment-spam,
    body.body-forum.responsive-enabled .container .comment-preview .listing-body .p-comments li .comment-mute-banned,
    body.body-devtracker.responsive-enabled .container .listing-container .listing-body .p-comments li .comment-deleted,
    body.body-devtracker.responsive-enabled .container .listing-container .listing-body .p-comments li .comment-spam,
    body.body-devtracker.responsive-enabled .container .listing-container .listing-body .p-comments li .comment-mute-banned,
    body.body-devtracker.responsive-enabled .container .comment-preview .listing-body .p-comments li .comment-deleted,
    body.body-devtracker.responsive-enabled .container .comment-preview .listing-body .p-comments li .comment-spam,
    body.body-devtracker.responsive-enabled .container .comment-preview .listing-body .p-comments li .comment-mute-banned {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-header,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-header,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-header,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-header {
        height: 60px;
        border: 1px solid #d9d4d2
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-header .p-comment-postdate,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-header .p-comment-postdate,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-header .p-comment-postdate,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-header .p-comment-postdate {
        float: right
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-header .p-comment-postdate abbr,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-header .p-comment-postdate abbr,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-header .p-comment-postdate abbr,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-header .p-comment-postdate abbr {
        color: #000
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-header .p-comment-index,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-header .p-comment-index,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-header .p-comment-index,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-header .p-comment-index {
        position: absolute;
        right: 8px;
        bottom: 0
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-header .p-comment-index a,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-header .p-comment-index a,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-header .p-comment-index a,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-header .p-comment-index a {
        color: #000
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-header .u-icon-warned::before,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-header .u-icon-warned::before,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-header .u-icon-warned::before,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-header .u-icon-warned::before {
        color: #333
    }
    body.body-forum.responsive-enabled .container .listing-container .forum-post-content,
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user-background,
    body.body-forum.responsive-enabled .container .comment-preview .forum-post-content,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user-background,
    body.body-devtracker.responsive-enabled .container .listing-container .forum-post-content,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user-background,
    body.body-devtracker.responsive-enabled .container .comment-preview .forum-post-content,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user-background {
        box-shadow: none!important;
        width: auto
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user-background,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user-background,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user-background,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user-background {
        background-color: #fafafa;
        border: none!important
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-wrapper,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-wrapper,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-wrapper,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-wrapper {
        margin: 0;
        padding-top: 0;
        padding-bottom: 40px
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-wrapper.comment-user-anonymous,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-wrapper.comment-user-anonymous,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-wrapper.comment-user-anonymous,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-wrapper.comment-user-anonymous {
        padding-bottom: 0
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content {
        padding-bottom: 10px
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content .comment-form .minimal-drop-box,
    body.body-forum.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content .comment-form .u-button-attachments,
    body.body-forum.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content .comment-form .form-field-text-field,
    body.body-forum.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content .comment-form .form-field-boolean-field,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content .comment-form .minimal-drop-box,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content .comment-form .u-button-attachments,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content .comment-form .form-field-text-field,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content .comment-form .form-field-boolean-field,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content .comment-form .minimal-drop-box,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content .comment-form .u-button-attachments,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content .comment-form .form-field-text-field,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content .comment-form .form-field-boolean-field,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content .comment-form .minimal-drop-box,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content .comment-form .u-button-attachments,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content .comment-form .form-field-text-field,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content .comment-form .form-field-boolean-field {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content .tab-wysiwyg,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content .tab-wysiwyg,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-content .tab-wysiwyg,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-content .tab-wysiwyg {
        overflow: hidden;
        width: 100%
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-wrapper blockquote,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-wrapper blockquote,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-wrapper blockquote,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-wrapper blockquote {
        margin: 30px 0 10px 0;
        overflow: visible
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-notes,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-notes,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-wrapper .p-comment-notes,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-wrapper .p-comment-notes {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user {
        width: 100%;
        position: relative;
        padding: 0
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user .p-comment-role-title,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user .p-comment-role-title,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user .p-comment-role-title,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user .p-comment-role-title {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user .p-comment-avatar,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user .p-comment-avatar,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user .p-comment-avatar,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user .p-comment-avatar {
        position: absolute;
        top: -55px;
        margin-left: 10px
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user .p-comment-avatar a::before,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user .p-comment-avatar a::before,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user .p-comment-avatar a::before,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user .p-comment-avatar a::before {
        border-radius: 38px;
        box-shadow: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user .p-comment-avatar a img,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user .p-comment-avatar a img,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user .p-comment-avatar a img,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user .p-comment-avatar a img {
        max-height: 40px;
        max-width: 40px!important;
        border-radius: 38px
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user .p-comment-avatar i,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user .p-comment-avatar i,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user .p-comment-avatar i,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user .p-comment-avatar i {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user .p-comment-username,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user .p-comment-username,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user .p-comment-username,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user .p-comment-username {
        position: absolute;
        top: -52px;
        left: 60px;
        font-size: 1rem
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user .p-comment-username span::after,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user .p-comment-username span::after,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user .p-comment-username span::after,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user .p-comment-username span::after {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user .p-comment-title,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user .p-comment-title,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user .p-comment-title,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user .p-comment-title {
        position: absolute;
        top: -55px;
        left: 60px;
        color: #242527;
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats {
        color: #242527;
        background: #ECECEC;
        margin-top: 0;
        line-height: 12px;
        font-size: 14px;
        margin-bottom: 5px;
        text-align: left
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li:last-of-type,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li:last-of-type,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li:last-of-type,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li:last-of-type {
        display: block!important;
        background: #d5d5d5;
        color: #333;
        font-size: 20px;
        text-align: center;
        line-height: 30px;
        position: relative;
        cursor: pointer
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li:last-of-type::before,
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li:last-of-type::after,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li:last-of-type::before,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li:last-of-type::after,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li:last-of-type::before,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li:last-of-type::after,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li:last-of-type::before,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li:last-of-type::after {
        content: '';
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li:last-of-type::before,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li:last-of-type::before,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li:last-of-type::before,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li:last-of-type::before {
        left: 45px;
        height: 0;
        width: 0;
        border-left: 7.5px solid transparent;
        border-right: 7.5px solid transparent;
        border-top: 7.5px solid #333
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li:last-of-type::after,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li:last-of-type::after,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li:last-of-type::after,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li:last-of-type::after {
        right: 45px;
        height: 0;
        width: 0;
        border-left: 7.5px solid transparent;
        border-right: 7.5px solid transparent;
        border-top: 7.5px solid #333
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li span,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li span,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats li span,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats li span {
        color: #242527
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li {
        display: block;
        line-height: 30px;
        font-weight: bold;
        padding: 0 60px
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li:last-of-type,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li:last-of-type,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li:last-of-type,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li:last-of-type {
        font-weight: normal;
        margin-top: 5px
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li:last-of-type::before,
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li:last-of-type::after,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li:last-of-type::before,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li:last-of-type::after,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li:last-of-type::before,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li:last-of-type::after,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li:last-of-type::before,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li:last-of-type::after {
        border-top: 0
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li:last-of-type::before,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li:last-of-type::before,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li:last-of-type::before,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li:last-of-type::before {
        height: 0;
        width: 0;
        border-bottom: 7.5px solid #333;
        border-left: 7.5px solid transparent;
        border-right: 7.5px solid transparent
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li:last-of-type::after,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li:last-of-type::after,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li:last-of-type::after,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li:last-of-type::after {
        height: 0;
        width: 0;
        border-bottom: 7.5px solid #333;
        border-left: 7.5px solid transparent;
        border-right: 7.5px solid transparent
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li.forum-title,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li.forum-title,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li.forum-title,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li.forum-title {
        text-align: center;
        font-weight: bold
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li>span,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li>span,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li>span,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li>span {
        float: right;
        font-weight: normal;
        margin-top: 6px
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li>span.site-currency-name,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li>span.site-currency-name,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li>span.site-currency-name,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li>span.site-currency-name {
        float: none;
        display: block;
        font-weight: bold
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li>span.site-currency-name span,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li>span.site-currency-name span,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li>span.site-currency-name span,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li>span.site-currency-name span {
        float: right;
        font-weight: normal
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li a,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li a,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-user ul.p-comment-stats.open li a,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-user ul.p-comment-stats.open li a {
        float: right;
        font-weight: normal
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer {
        padding: 0;
        margin-bottom: 5px
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer form.rating-form,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer form.rating-form,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer form.rating-form,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer form.rating-form {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actionsUser,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actionsUser,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actionsUser,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actionsUser {
        float: none;
        width: auto;
        margin: 0 auto
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actionsUser .user-action span,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actionsUser .user-action span,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actionsUser .user-action span,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actionsUser .user-action span {
        color: #fff!important
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actionsAdmin,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actionsAdmin,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actionsAdmin,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actionsAdmin {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actionsAdmin span.label,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actionsAdmin span.label,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actionsAdmin span.label,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actionsAdmin span.label {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin: 0 0 4px 0;
        left: 0;
        display: block!important
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .user-action-rate,
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions form.rating-form,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .user-action-rate,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions form.rating-form,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .user-action-rate,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions form.rating-form,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .user-action-rate,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions form.rating-form {
        display: block!important
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a {
        width: auto;
        float: none;
        text-align: center;
        margin-left: 6px;
        border-radius: 3px;
        top: 0;
        background-color: #242527
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a:hover,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a:hover,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a:hover,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a:hover {
        background: #060709
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .num-likes,
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a a.modal-link,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .num-likes,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a a.modal-link,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .num-likes,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a a.modal-link,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .num-likes,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a a.modal-link {
        display: none!important
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating {
        width: 100%;
        float: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span {
        top: 0;
        position: relative
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span::before,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span::before,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span::before,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span::before {
        position: absolute;
        content: "Like";
        font-size: 12px;
        text-align: center;
        color: #fff;
        top: -7px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span.liked::before,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span.liked::before,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span.liked::before,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span.liked::before {
        content: "Unlike"
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span input,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span input,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span input,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a .content-box-rating span input {
        overflow: visible;
        width: 100%;
        height: 29px;
        border: 0;
        background: 0;
        margin: 0;
        top: 0;
        box-shadow: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li {
        width: 25%;
        float: left;
        margin: 0;
        text-align: center
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li.user-action-multi-quote,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li.user-action-multi-quote,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li.user-action-multi-quote,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li.user-action-multi-quote {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li a,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li a,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li a,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li a {
        font-size: 12px;
        display: block!important;
        padding: 7px 0;
        text-align: center;
        margin-left: 6px;
        border-radius: 3px;
        background-color: #242527;
        color: #fff
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li a i,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li a i,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li a i,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li a i {
        display: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li a:hover,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li a:hover,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li a:hover,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li a:hover {
        background: #060709
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li a:hover span,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li a:hover span,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li a:hover span,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li a:hover span {
        text-decoration: none
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li:nth-last-child(2) a,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li:nth-last-child(2) a,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li:nth-last-child(2) a,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li:nth-last-child(2) a {
        margin-right: 6px
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li.responsive-bottom-nav-1,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li.responsive-bottom-nav-1,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li.responsive-bottom-nav-1,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li.responsive-bottom-nav-1 {
        width: 100%
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li.responsive-bottom-nav-2,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li.responsive-bottom-nav-2,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li.responsive-bottom-nav-2,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li.responsive-bottom-nav-2 {
        width: 50%
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li.responsive-bottom-nav-3,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li.responsive-bottom-nav-3,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li.responsive-bottom-nav-3,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li.responsive-bottom-nav-3 {
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3)
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li.responsive-bottom-nav-5,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li.responsive-bottom-nav-5,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li.responsive-bottom-nav-5,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li.responsive-bottom-nav-5 {
        width: 20%
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li:nth-child(3):last-child a,
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li:nth-child(3):last-child a,
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li:nth-child(3):last-child a,
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li:nth-child(3):last-child a {
        margin-right: 6px;
        margin-left: 0
    }
    body.body-forum.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li[data-user-only],
    body.body-forum.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li[data-user-only],
    body.body-devtracker.responsive-enabled .container .listing-container .p-comment-footer .p-comment-actions li[data-user-only],
    body.body-devtracker.responsive-enabled .container .comment-preview .p-comment-footer .p-comment-actions li[data-user-only] {
        display: none!important
    }
}

@media screen and (max-width:640px) {
    body.body-forum.responsive-enabled .modal,
    body.body-devtracker.responsive-enabled .modal {
        width: 100%!important;
        left: 0!important;
        right: 0!important;
        top: 0!important;
        margin: 0!important;
        height: 100%!important
    }
    body.body-forum.responsive-enabled .modal textarea#field-report-text,
    body.body-devtracker.responsive-enabled .modal textarea#field-report-text {
        height: auto;
        min-height: 100px!important
    }
    body.body-forum.responsive-enabled .modal .form-actions.form-footer,
    body.body-devtracker.responsive-enabled .modal .form-actions.form-footer {
        position: absolute;
        right: 10px;
        bottom: 10px
    }
    body.body-forum.responsive-enabled .ui-widget-overlay,
    body.body-devtracker.responsive-enabled .ui-widget-overlay {
        width: 100%!important
    }
    body.body-forum.responsive-enabled .flash-messages .message,
    body.body-devtracker.responsive-enabled .flash-messages .message {
        width: 100%!important
    }
    body.body-forum.responsive-enabled .ui-dialog.share-post,
    body.body-devtracker.responsive-enabled .ui-dialog.share-post {
        border-radius: 8px;
        background: white;
        left: 5%!important;
        width: 90%!important
    }
    body.body-forum.responsive-enabled .ui-dialog.share-post .ui-dialog-titlebar,
    body.body-devtracker.responsive-enabled .ui-dialog.share-post .ui-dialog-titlebar {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 0 8px
    }
    body.body-forum.responsive-enabled .ui-dialog.share-post .ui-dialog-titlebar .ui-dialog-titlebar-close,
    body.body-devtracker.responsive-enabled .ui-dialog.share-post .ui-dialog-titlebar .ui-dialog-titlebar-close {
        padding: 12px 24px
    }
    body.body-forum.responsive-enabled .ui-dialog.share-post .ui-dialog-titlebar .ui-dialog-titlebar-close::before,
    body.body-devtracker.responsive-enabled .ui-dialog.share-post .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
        top: 11px;
        left: 32px
    }
}

@media screen and (max-width:640px) {
    body.body-forum.body-forum-recentlyupdatedforumthreads .container .b-pagination-a {
        display: block
    }
}

@media(max-width:1023px) {
    body.body-forum.body-forum-recentlyupdatedforumthreads .container .admin-controls {
        float: none
    }
}

@media(max-width:640px) {
    body.body-forum.body-forum-recentlyupdatedforumthreads .container .admin-controls {
        display: none
    }
}

img.responsive-login-logo {
    display: none
}

body.body-authentication div#site-main div.container {
    background-color: #E1EDB9
}

body.body-authentication div#site-main div.container div#content {
    width: 100%
}

body.body-authentication div#site-main div.container div#content .b-breadcrumb {
    display: none
}

body.body-authentication div#site-main div.container div#content .p-login-a,
body.body-authentication div#site-main div.container div#content .p-register-a {
    font-size: 13px!important;
    max-width: 318px;
    margin: 0 auto 40px;
    float: none;
    overflow: hidden
}

body.body-authentication div#site-main div.container div#content .p-login-a img.responsive-login-logo,
body.body-authentication div#site-main div.container div#content .p-register-a img.responsive-login-logo {
    display: block;
    margin: 1.5625rem auto;
    width: 250px
}

body.body-authentication div#site-main div.container div#content .p-login-a .login-message,
body.body-authentication div#site-main div.container div#content .p-register-a .login-message {
    margin-bottom: 20px;
    text-align: center
}

body.body-authentication div#site-main div.container div#content .p-login-a .tos-container,
body.body-authentication div#site-main div.container div#content .p-login-a .mail-container,
body.body-authentication div#site-main div.container div#content .p-register-a .tos-container,
body.body-authentication div#site-main div.container div#content .p-register-a .mail-container {
    text-align: center
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form {
    float: left;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    max-width: 280px
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form ul,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form ul {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    line-height: 30px;
    margin-bottom: .9375rem;
    font-size: 14px
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div {
    margin-bottom: 0;
    position: relative
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div.form-field-errors span,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div.form-field-errors span {
    margin: .625rem 0;
    font-family: 'Open Sans', sans-serif
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div.form-field-password-field,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div.form-field-password-field {
    margin-bottom: 1.5625rem
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div.form-field-password-field label::before,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div.form-field-password-field label::before {
    content: '\e804'
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div.form-field-text-field.form-field-errors input,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div.form-field-text-field.form-field-errors input {
    border-bottom: 1px solid #c5c5c5
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div.form-field-text-field input,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div.form-field-text-field input {
    border-bottom: 0
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div.form-field-text-field label::before,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div.form-field-text-field label::before {
    content: '\e80a'
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div.form-footer button,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div.form-footer button {
    width: 100%;
    height: 3.4375rem;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    border: 0
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div label,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div label {
    position: absolute;
    top: 1.1875rem;
    left: .9375rem;
    text-indent: -500px;
    white-space: nowrap;
    overflow: hidden;
    width: 1.125rem;
    height: 1.1875rem;
    margin-bottom: 0
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div label::before,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div label::before {
    position: absolute;
    top: .0625rem;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    font-family: 'cobalt-ui';
    color: #242527;
    text-indent: 0;
    line-height: 1.125rem;
    font-size: 1.125rem
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div input,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div input {
    padding: .9375rem .9375rem .9375rem 2.53125rem;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #c5c5c5;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    color: #242527
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-login-form form div input:focus,
body.body-authentication div#site-main div.container div#content .p-register-a .p-login-form form div input:focus {
    background: #fff
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form {
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form label,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form label {
    margin-bottom: 0
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form label[for=field-username]::before,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form label[for=field-username]::before {
    content: '\e80a'
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form label[for=field-email]::before,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form label[for=field-email]::before {
    content: '\f0e0';
    font-size: 1.0625rem
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form label.registerFormPassword::before,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form label.registerFormPassword::before {
    content: '\e804'
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form label.registerFormPassword:last-of-type,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form label.registerFormPassword:last-of-type {
    display: none!important
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form label.registerFormPassword:nth-last-of-type(2) input,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form label.registerFormPassword:nth-last-of-type(2) input {
    border-bottom: 1px solid #c5c5c5
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form label::before,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form label::before {
    position: absolute;
    width: 1.125rem;
    height: 1.125rem;
    font-family: 'cobalt-ui';
    color: #242527;
    line-height: 1.125rem;
    font-size: 1.125rem;
    background: 0;
    top: 1.25rem;
    left: .9375rem
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form label::after,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form label::after {
    display: none
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form label input,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form label input {
    padding: .9375rem .9375rem .9375rem 2.53125rem;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #c5c5c5;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    color: #242527;
    height: auto;
    border-bottom: 0
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form label input.field-errors,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form label input.field-errors {
    border-bottom: 1px solid #c5c5c5
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form div#form-field-recaptcha-control,
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form div#form-field-recaptcha-control {
    margin: 20px 0
}

body.body-authentication div#site-main div.container div#content .p-login-a .p-register-form input[type="submit"],
body.body-authentication div#site-main div.container div#content .p-register-a .p-register-form input[type="submit"] {
    width: 100%;
    height: 3.4375rem;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    border: 0;
    font-weight: normal;
    text-shadow: none
}

@media screen and (max-width:1023px) {
    html.ios body.responsive-enabled.user-authenticated .p-nav-a form.responsive-sign-out,
    html.ios body.responsive-enabled.user-anonymous .p-nav-a a#responsive-topnav-button {
        margin-bottom: 69px
    }
    body.responsive-enabled.burger-ready div.container,
    body.responsive-enabled.burger-ready footer#footer,
    body.responsive-enabled.burger-ready div.netbar,
    body.responsive-enabled.burger-ready nav.p-nav-a,
    body.responsive-enabled.burger-ready header.main,
    body.responsive-enabled.burger-ready section.atf,
    body.responsive-enabled.burger-ready section.ad-container {
        -webkit-transition: .25s transform cubic-bezier(0.16, 0.68, 0.43, 0.99);
        -moz-transition: .25s transform cubic-bezier(0.16, 0.68, 0.43, 0.99);
        transition: .25s -webkit-transform cubic-bezier(0.16, 0.68, 0.43, 0.99);
        transition: .25s transform cubic-bezier(0.16, 0.68, 0.43, 0.99);
        transition: .25s transform cubic-bezier(0.16, 0.68, 0.43, 0.99), 0.25s -webkit-transform cubic-bezier(0.16, 0.68, 0.43, 0.99);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000
    }
    body.responsive-enabled.search-open div#site-main {
        padding-top: 97px
    }
    body.responsive-enabled.search-open .b-search-a.primary-search {
        position: fixed;
        top: 46px!important;
        left: 0;
        height: 50px;
        width: 100%;
        display: block!important;
        right: auto;
        -webkit-transform: translateY(0)!important;
        -moz-transform: translateY(0)!important;
        -ms-transform: translateY(0)!important;
        -o-transform: translateY(0)!important;
        transform: translateY(0)!important;
        padding: 10px;
        background: #121212;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25), inset 0 1px 0 #454545
    }
    body.responsive-enabled.search-open .b-search-a.primary-search .b-search-input {
        width: 100%;
        border: 0;
        box-shadow: none;
        border-radius: 2px;
        padding: 0 5px;
        font-size: 16px;
        height: 30px;
        box-sizing: border-box
    }
    body.responsive-enabled.search-open .b-search-a.primary-search .b-search-input:focus {
        background: #fff
    }
    body.responsive-enabled.search-open .b-search-a.primary-search input[type="submit"] {
        display: none
    }
    body.responsive-enabled.burger-open div.container,
    body.responsive-enabled.burger-open footer#footer,
    body.responsive-enabled.burger-open header.main,
    body.responsive-enabled.burger-open section.atf,
    body.responsive-enabled.burger-open section.ad-container,
    body.responsive-enabled.burger-open .voice-footer,
    body.responsive-enabled.burger-open div.site-overlay {
        -webkit-transform: translate3d(-275px, 0, 0);
        -moz-transform: translate3d(-275px, 0, 0);
        -ms-transform: translate3d(-275px, 0, 0);
        -o-transform: translate3d(-275px, 0, 0);
        transform: translate3d(-275px, 0, 0)
    }
    body.responsive-enabled.burger-open div.netbar {
        -webkit-transform: translate3d(0, 0, 0)!important;
        -moz-transform: translate3d(0, 0, 0)!important;
        -ms-transform: translate3d(0, 0, 0)!important;
        -o-transform: translate3d(0, 0, 0)!important;
        transform: translate3d(0, 0, 0)!important
    }
    body.responsive-enabled.burger-open div.site-overlay {
        visibility: visible;
        opacity: .5
    }
    body.responsive-enabled div.container,
    body.responsive-enabled footer#footer,
    body.responsive-enabled section.atf,
    body.responsive-enabled section.ad-container,
    body.responsive-enabled .voice-footer,
    body.responsive-enabled header.main {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    body.responsive-enabled header.main {
        position: fixed!important;
        top: 0;
        width: 100%!important;
        height: 47px;
        background: #121212;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
        padding: 0!important;
        border-top: 1px solid #353535
    }
    body.responsive-enabled header.main nav.p-nav-a {
        margin-top: 46px
    }
    body.responsive-enabled header.main .b-search-a {
        display: none
    }
    body.responsive-enabled header.main h1>a {
        position: static;
        display: block;
        padding: 7px 8px
    }
    body.responsive-enabled header.main h1>a.logo {
        width: calc(100% - 113px);
        height: 46px;
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/responsive-menu-logo.svg");
        background-position: 8px center;
        background-repeat: no-repeat;
        background-size: auto 32px;
        float: left;
        text-indent: -500px;
        white-space: nowrap;
        overflow: hidden;
        margin-left: 0;
        left: 0
    }
    body.responsive-enabled header.main>i {
        cursor: pointer;
        display: block;
        float: right;
        padding: 14px;
        position: relative;
        width: 46px;
        height: 46px
    }
    body.responsive-enabled header.main>i.menu-button {
        box-shadow: -1px 0 0 #353535
    }
    body.responsive-enabled header.main>i.menu-button::after {
        content: '';
        position: absolute;
        left: 14px;
        top: 14px;
        background: #b9b9b9;
        width: 18px;
        height: 2px;
        box-shadow: 0 8px 0 0 #b9b9b9, 0 16px 0 0 #b9b9b9
    }
    body.responsive-enabled header.main>i.search-button {
        box-shadow: -1px 0 0 #353535;
        display: visible
    }
    body.responsive-enabled header.main>i.search-button::before,
    body.responsive-enabled header.main>i.search-button::after {
        content: '';
        position: absolute
    }
    body.responsive-enabled header.main>i.search-button::before {
        width: 14px;
        height: 14px;
        border: 2px solid #b9b9b9;
        border-radius: 14px;
        top: 1.077em;
        left: 1.077em;
        z-index: 2
    }
    body.responsive-enabled header.main>i.search-button::after {
        border-radius: 2px;
        height: 2px;
        width: 9px;
        background: #b9b9b9;
        bottom: 17px;
        right: 14px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg)
    }
    body.responsive-enabled nav.p-nav-a {
        position: fixed;
        top: 0;
        right: 0;
        width: 275px!important;
        height: calc(100vh - 47px);
        background: #121212;
        -webkit-transform: translate3d(275px, 0, 0)!important;
        -moz-transform: translate3d(275px, 0, 0)!important;
        -ms-transform: translate3d(275px, 0, 0)!important;
        -o-transform: translate3d(275px, 0, 0)!important;
        transform: translate3d(275px, 0, 0)!important;
        overflow-y: auto;
        box-shadow: none!important;
        z-index: 1000;
        left: auto!important;
        border-bottom: 0;
        clear: none
    }
    body.responsive-enabled nav.p-nav-a a#responsive-topnav-button {
        display: block;
        text-align: center;
        background: #353535;
        color: #fff;
        font-family: 'Noto Sans', sans-serif;
        font-size: 18px;
        line-height: 50px;
        cursor: pointer
    }
    body.responsive-enabled nav.p-nav-a a#responsive-topnav-button::before {
        content: '\f108';
        font-family: cobalt-ui;
        font-size: 20px;
        color: #fff;
        margin-right: 5px;
        line-height: 50px;
        position: relative;
        top: 3px
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a,
    body.responsive-enabled nav.p-nav-a>ul {
        border: 0;
        padding: 0;
        margin: 0;
        display: block;
        width: auto;
        left: auto
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a::before,
    body.responsive-enabled nav.p-nav-a ul.b-list-a::after,
    body.responsive-enabled nav.p-nav-a>ul::before,
    body.responsive-enabled nav.p-nav-a>ul::after {
        display: none
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item {
        border-bottom: 1px solid #353535;
        display: list-item;
        float: none;
        background: none!important
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item::before,
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item::after,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item::before,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item::after {
        display: none
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item:hover,
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item a:hover,
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item span:hover,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item:hover,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item a:hover,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item span:hover {
        background: none!important
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.selected,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.selected {
        background: 0
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item>a,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item>a {
        font-size: 18px;
        font-weight: normal;
        line-height: 50px;
        font-family: 'Noto Sans', sans-serif!important;
        padding: 0 3rem!important;
        display: block;
        text-decoration: none;
        color: #b9b9b9;
        box-shadow: none;
        background: 0;
        text-align: left;
        border: none!important;
        text-transform: inherit;
        margin: 0;
        height: auto
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section:hover>ul,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section:hover>ul {
        left: 0!important
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section:hover>a,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section:hover>a {
        color: #b9b9b9
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section.subnav-open,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section.subnav-open {
        border-bottom: 0
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section.subnav-open>a::before,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section.subnav-open>a::before {
        border-bottom: 0;
        border-left: none;
        border-right: 1px solid #b9b9b9;
        border-top: 1px solid #b9b9b9
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section.subnav-open>ul,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section.subnav-open>ul {
        display: block;
        left: 0!important;
        box-shadow: none!important
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section span,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section span {
        font-family: 'Noto Sans', sans-serif!important;
        padding: 0;
        font-size: 18px;
        line-height: 50px
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>a,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>a {
        position: relative
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>a::before,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>a::before {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        -webkit-transform: rotate(-45deg) translateY(-50%);
        -moz-transform: rotate(-45deg) translateY(-50%);
        -ms-transform: rotate(-45deg) translateY(-50%);
        -o-transform: rotate(-45deg) translateY(-50%);
        transform: rotate(-45deg) translateY(-50%);
        border-bottom: 1px solid #b9b9b9;
        border-left: 1px solid #b9b9b9;
        top: 50%;
        left: 25px
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>a::after,
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>a span::after,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>a::after,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>a span::after {
        display: none!important
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>ul,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>ul {
        display: none;
        background: #454545;
        padding: 0;
        box-shadow: none;
        position: inherit;
        width: 100%;
        border-top: 1px solid #686868;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        left: auto;
        top: auto;
        border-width: 1px 0 0 0
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>ul li span,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>ul li span {
        color: lightgray
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>ul>li,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>ul>li {
        border-bottom: 1px solid #686868
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>ul>li:last-child a,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>ul>li:last-child a {
        border-bottom: 0
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>ul ul,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>ul ul {
        background: #5f5f5f;
        left: 0;
        border-top: 1px solid #828282
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>ul ul li,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>ul ul li {
        border-bottom: 1px solid #828282
    }
    body.responsive-enabled nav.p-nav-a ul.b-list-a li.b-list-item.section>ul ul li span,
    body.responsive-enabled nav.p-nav-a>ul li.b-list-item.section>ul ul li span {
        color: #ececec
    }
}

body.responsive-enabled #site {
    width: 100%
}

body.responsive-enabled #site #site-main {
    width: auto;
    margin: 0 auto
}

body.responsive-enabled #site #site-main .atf {
    width: auto;
    max-width: 1000px
}

body.responsive-enabled #site #site-main .container,
body.responsive-enabled #site #site-main.fixed .container {
    width: auto;
    max-width: 1000px;
    margin: 0 auto
}

body.responsive-enabled #site #site-main .container #content,
body.responsive-enabled #site #site-main.fixed .container #content {
    width: auto;
    box-shadow: none
}

@media screen and (max-width:1023px) {
    body.responsive-enabled #site #site-main .container #content .primary-content,
    body.responsive-enabled #site #site-main.fixed .container #content .primary-content {
        width: 100%;
        float: none
    }
    body.responsive-enabled #site #site-main .container #content .secondary-content,
    body.responsive-enabled #site #site-main.fixed .container #content .secondary-content {
        display: none
    }
    body.responsive-enabled #site #site-main .container #content::before,
    body.responsive-enabled #site #site-main .container #content::after,
    body.responsive-enabled #site #site-main.fixed .container #content::before,
    body.responsive-enabled #site #site-main.fixed .container #content::after {
        display: none
    }
}

div.site-overlay {
    visibility: hidden;
    -webkit-transition: .25s transform cubic-bezier(0.16, 0.68, 0.43, 0.99), 0.25s opacity cubic-bezier(0.16, 0.68, 0.43, 0.99);
    -moz-transition: .25s transform cubic-bezier(0.16, 0.68, 0.43, 0.99), 0.25s opacity cubic-bezier(0.16, 0.68, 0.43, 0.99);
    transition: .25s opacity cubic-bezier(0.16, 0.68, 0.43, 0.99), 0.25s -webkit-transform cubic-bezier(0.16, 0.68, 0.43, 0.99);
    transition: .25s transform cubic-bezier(0.16, 0.68, 0.43, 0.99), 0.25s opacity cubic-bezier(0.16, 0.68, 0.43, 0.99);
    transition: .25s transform cubic-bezier(0.16, 0.68, 0.43, 0.99), 0.25s opacity cubic-bezier(0.16, 0.68, 0.43, 0.99), 0.25s -webkit-transform cubic-bezier(0.16, 0.68, 0.43, 0.99);
    cursor: pointer;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: #000;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000
}

@media screen and (min-width:1000px) {
    div#content ul.listing li.post-mobile-ad {
        display: none
    }
}

@media screen and (max-width:1024px) {
    div.container::before,
    div.container::after,
    section.atf::before,
    section.atf::after {
        display: none!important
    }
}

@media screen and (max-width:1023px) {
    html body.responsive-enabled {
        border-style: double;
        border-width: 0
    }
    html body.responsive-enabled div#site-main {
        padding-top: 47px
    }
}

@media screen and (max-width:1023px) {
    #debug {
        display: none
    }
    html {
        font-size: 13px!important;
        -webkit-tap-highlight-color: transparent
    }
    html body.responsive-enabled {
        background: 0;
        overflow-x: hidden
    }
    html body.responsive-enabled #site.two-column .primary-content {
        max-width: 640px;
        margin: 0 auto
    }
    html body.responsive-enabled div#content {
        padding: 10px 8px 0
    }
    html body.responsive-enabled .ad-skindiv {
        display: none
    }
    html body.responsive-enabled .ad-container {
        width: auto
    }
    html body.responsive-enabled.burger-open,
    html body.responsive-enabled.burger-open div#site {
        overflow: hidden
    }
    html body.responsive-enabled input:focus,
    html body.responsive-enabled select:focus,
    html body.responsive-enabled textarea:focus,
    html body.responsive-enabled button:focus {
        outline: 0
    }
    html body.responsive-enabled section.atf {
        width: 100%!important;
        max-width: none!important;
        margin-top: 0!important;
        padding: 0 8px 0!important
    }
    html body.responsive-enabled section.atf::before,
    html body.responsive-enabled section.atf::after {
        display: none
    }
    html body.responsive-enabled section.atf .xt-placement {
        display: none
    }
    html body.responsive-enabled div#site-main>section.ad-container {
        width: 100%;
        background: #f9f9f9 none!important;
        margin-bottom: 0;
        height: 118px;
        padding-top: 10px
    }
    html body.responsive-enabled div#site-main>section.ad-container .ad-bin {
        float: none;
        right: initial
    }
    html body.responsive-enabled div#site-main>section.ad-container .ad-bin .xt-badge {
        display: none
    }
    html body.responsive-enabled div#site-main>section.ad-container .ad-bin .xt-placement.xt-leaderboard,
    html body.responsive-enabled div#site-main>section.ad-container .ad-bin .xt-leaderboard-footer {
        margin: 0 auto!important;
        float: none;
        right: initial;
        max-width: 728px
    }
    html body.responsive-enabled div#site-main div.container {
        width: 100%!important;
        max-width: none!important
    }
    html body.responsive-enabled div#site-main div.container .b-pagination-c {
        max-width: 68em;
        margin-left: auto;
        margin-right: auto
    }
    html body.responsive-enabled div#site-main div.container .b-pagination-c::after {
        clear: both;
        content: "";
        display: table
    }
    html body.responsive-enabled div#site-main div.container .b-pagination-c li.b-pagination-item {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        padding: 0
    }
    html body.responsive-enabled div#site-main div.container .b-pagination-c li.b-pagination-item:last-child {
        margin-right: 0
    }
    html body.responsive-enabled div#site-main div.container .b-pagination-c li.b-pagination-item.b-pagination-next {
        margin-right: 0
    }
}

@media screen and (min-width:680px) and (max-width:999px) {
    body.responsive-enabled.show-ads .p-comments-b .ad-container,
    body.responsive-enabled.show-ads .body-forum .comment-preview li .ad-container,
    .body-forum .comment-preview body.responsive-enabled.show-ads li .ad-container,
    body.responsive-enabled.show-ads .body-forum-search .p-comments-a .ad-container,
    .body-forum-search body.responsive-enabled.show-ads .p-comments-a .ad-container {
        display: block;
        padding-top: 0!important;
        min-height: 118px
    }
    body.responsive-enabled.show-ads .xt-placement {
        position: absolute!important;
        left: 50%;
        top: 0;
        right: initial!important;
        float: none;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    body.responsive-enabled.show-ads .ad-container {
        padding: 5px
    }
    body.responsive-enabled.show-ads .ad-container .ad-bin {
        min-height: 118px
    }
    body.responsive-enabled.show-ads .container section.ad-container {
        margin: 0 -4px 10px
    }
}

@media screen and (max-width:679px) {
    body.responsive-enabled #site-main>section.ad-container {
        height: 80px!important
    }
    body.responsive-enabled #site-main>section.ad-container .xt-placement {
        max-width: none!important;
        width: 320px;
        min-height: 0;
        height: 50px
    }
    body.responsive-enabled .listing-body .ad-container {
        display: block;
        height: 298px;
        width: 300px;
        padding-top: 0!important
    }
    body.responsive-enabled .markItUpHeader {
        display: none!important
    }
}

@media screen and (max-width:1023px) {
    body.responsive-enabled .b-breadcrumb-a {
        padding: 8px 0
    }
    body.responsive-enabled .b-breadcrumb-a .b-breadcrumb-item:first-of-type {
        display: none!important
    }
    body.responsive-enabled .b-breadcrumb-a ul li:nth-child(2)::before {
        display: none
    }
}

@media screen and (max-width:640px) {
    body.responsive-enabled .b-breadcrumb-a ul li {
        display: none
    }
    body.responsive-enabled .b-breadcrumb-a ul li:nth-child(2),
    body.responsive-enabled .b-breadcrumb-a ul li:nth-last-child(2) {
        display: inline
    }
    body.responsive-enabled .b-breadcrumb-a ul li:nth-child(2)::before,
    body.responsive-enabled .b-breadcrumb-a ul li:first-child,
    body.responsive-enabled .b-breadcrumb-a ul li.last-child {
        display: none
    }
}

@media screen and (max-width:640px) {
    body.responsive-enabled .modal {
        width: 100%!important;
        left: 0!important;
        right: 0!important;
        top: 0!important;
        margin: 0!important;
        height: 100%!important
    }
    body.responsive-enabled .modal textarea#field-report-text {
        height: auto;
        min-height: 100px!important
    }
    body.responsive-enabled .modal .form-actions.form-footer {
        position: absolute;
        right: 10px;
        bottom: 10px
    }
    body.responsive-enabled .ui-widget-overlay {
        width: 100%!important
    }
    body.responsive-enabled .flash-messages .message {
        width: 100%!important
    }
    body.responsive-enabled .ui-dialog.share-post {
        border-radius: 8px;
        background: white;
        left: 5%!important;
        width: 90%!important
    }
    body.responsive-enabled .ui-dialog.share-post .ui-dialog-titlebar {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 0 8px
    }
    body.responsive-enabled .ui-dialog.share-post .ui-dialog-titlebar .ui-dialog-titlebar-close {
        padding: 12px 24px
    }
    body.responsive-enabled .ui-dialog.share-post .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
        top: 11px;
        left: 32px
    }
}

body.responsive-disabled {
    min-width: 1024px
}

body.responsive-disabled #site-main>.netbar,
body.responsive-disabled #site-main>header.main,
body.responsive-disabled #site-main>section.ad-container,
body.responsive-disabled #site-main>section.atf,
body.responsive-disabled #site-main>div.container {
    min-width: 1200px!important
}

body.responsive-disabled footer#footer {
    min-width: 1200px!important
}

@media screen and (max-width:680px) {
    .p-change-nickname-modal.ui-dialog {
        width: 100%!important
    }
    .p-change-nickname-modal.ui-dialog .ui-dialog-titlebar {
        background: none!important
    }
    .p-change-nickname-modal.ui-dialog .change-nickname-container .title {
        font-size: 22px
    }
    .p-change-nickname-modal.ui-dialog .current-username,
    .p-change-nickname-modal.ui-dialog .new-nickname {
        width: 100%!important;
        margin-bottom: 6px
    }
    .p-change-nickname-modal.ui-dialog .current-username span,
    .p-change-nickname-modal.ui-dialog .new-nickname span {
        text-align: left!important
    }
    .p-change-nickname-modal.ui-dialog .footer-container .button {
        width: 100%!important;
        margin-bottom: 10px;
        padding: 10px
    }
}

#responsive-footer-button {
    cursor: pointer
}

.flash-messages .flash-message {
    width: 100%
}

body.body-user.responsive-enabled #site,
body.user.responsive-enabled #site {
    width: 100%
}

body.body-user.responsive-enabled #site #site-main,
body.user.responsive-enabled #site #site-main {
    width: auto
}

body.body-user.responsive-enabled #site #site-main .atf,
body.user.responsive-enabled #site #site-main .atf {
    width: auto;
    max-width: 1000px;
    padding: 4px 8px
}

body.body-user.responsive-enabled #site #site-main .container,
body.body-user.responsive-enabled #site #site-main.fixed .container,
body.user.responsive-enabled #site #site-main .container,
body.user.responsive-enabled #site #site-main.fixed .container {
    width: 100%;
    max-width: 1000px;
    min-width: 320px;
    margin: 0 auto
}

body.body-user.responsive-enabled #site #site-main .container #content,
body.body-user.responsive-enabled #site #site-main.fixed .container #content,
body.user.responsive-enabled #site #site-main .container #content,
body.user.responsive-enabled #site #site-main.fixed .container #content {
    width: auto;
    box-shadow: none
}

@media screen and (max-width:1023px) {
    body.body-user.responsive-enabled #site #site-main .container #content,
    body.body-user.responsive-enabled #site #site-main.fixed .container #content,
    body.user.responsive-enabled #site #site-main .container #content,
    body.user.responsive-enabled #site #site-main.fixed .container #content {
        padding-top: 0
    }
}

@media screen and (max-width:1023px) {
    body.body-user.responsive-enabled .p-user-a .p-user-info .b-userAction-a.user-actions,
    body.user.responsive-enabled .p-user-a .p-user-info .b-userAction-a.user-actions {
        float: none;
        position: relative;
        margin: 0 0 20px 0;
        top: 0
    }
    body.body-user.responsive-enabled .p-user-a .p-user-info .p-user-details,
    body.user.responsive-enabled .p-user-a .p-user-info .p-user-details {
        margin-bottom: 20px
    }
    body.body-user.responsive-enabled .p-user-a .p-user-info .p-user-stats,
    body.user.responsive-enabled .p-user-a .p-user-info .p-user-stats {
        float: left;
        position: relative
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container {
        position: relative
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow {
        position: absolute;
        width: 44px;
        height: 34px;
        background-color: black;
        display: block;
        z-index: 320;
        top: 1px;
        visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: 0;
        cursor: pointer
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.left-arrow,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.right-arrow,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.left-arrow,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.right-arrow,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.left-arrow,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.right-arrow,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.left-arrow,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.right-arrow {
        visibility: visible;
        opacity: 1
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.left-arrow::after,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.right-arrow::after,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.left-arrow::after,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.right-arrow::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.left-arrow::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.right-arrow::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.left-arrow::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.right-arrow::after {
        content: '';
        position: absolute;
        display: inline-block;
        font: normal normal normal 14px/1 cobalt-ui;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'cobalt-ui';
        text-align: center;
        font-size: 22px;
        top: 6px
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.left-arrow::after,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.left-arrow::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.left-arrow::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.left-arrow::after {
        content: '\f104';
        left: 8px
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.right-arrow::after,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.right-arrow::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow.right-arrow::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow.right-arrow::after {
        content: '\f105';
        right: 8px
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#leftArrow {
        left: 1px;
        background-color: #f7f7f7;
        background-image: -webkit-linear-gradient(left, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to right, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-color: transparent
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container a#rightArrow {
        right: 1px;
        background-color: #f7f7f7;
        background-image: -webkit-linear-gradient(right, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to left, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-color: transparent
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav {
        width: 100%;
        border: 1px solid;
        border-color: lightgray;
        background: #f4f4f4;
        border-bottom: 0;
        height: 39px;
        overflow: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: block
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav::-webkit-scrollbar,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav::-webkit-scrollbar {
        display: none
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav {
        margin-left: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        width: 100%
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item a,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item a {
        background: 0;
        border: 0;
        position: relative;
        text-align: center;
        padding: 8px 20px 12px 20px;
        color: #242527
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item:hover a,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item.selected a,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item:hover a,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item.selected a {
        background: 0;
        color: #242527
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item:hover a::after,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item.selected a::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item:hover a::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item.selected a::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        background-color: #242527;
        z-index: 300;
        bottom: 0;
        left: 0
    }
}

@media screen and (max-width:640px) {
    body.body-user.responsive-enabled .p-user-a .p-user-info .b-userAction-a.user-actions li,
    body.user.responsive-enabled .p-user-a .p-user-info .b-userAction-a.user-actions li {
        display: none
    }
    body.body-user.responsive-enabled .p-user-a .p-user-info .b-userAction-a.user-actions li:last-child,
    body.body-user.responsive-enabled .p-user-a .p-user-info .b-userAction-a.user-actions li:nth-last-child(2),
    body.user.responsive-enabled .p-user-a .p-user-info .b-userAction-a.user-actions li:last-child,
    body.user.responsive-enabled .p-user-a .p-user-info .b-userAction-a.user-actions li:nth-last-child(2) {
        display: inline-block
    }
    body.body-user.responsive-enabled .p-user-a .p-user-info .b-userAction-a.user-actions li:nth-last-child(2),
    body.user.responsive-enabled .p-user-a .p-user-info .b-userAction-a.user-actions li:nth-last-child(2) {
        margin-left: 0
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item:hover a,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item:hover a {
        color: #242527
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item:hover a::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item:hover a::after {
        display: none
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item.selected a,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item.selected a {
        color: #242527!important
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item.selected a::after,
    body.user.responsive-enabled .p-user-a .p-user-interaction .profile-nav-container nav .p-nav .b-list-item.selected a::after {
        display: block!important
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content {
        min-width: 100%;
        padding: 10px
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .p-avatar-upload,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .p-avatar-upload {
        width: 100%
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .p-avatar-upload #form-field-avatar,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .p-avatar-upload #form-field-avatar {
        margin-bottom: 20px
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .post-author-avatar,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .post-author-avatar {
        display: none
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .p-comment-wrapper,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .p-comment-wrapper {
        margin: 0
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .post-activity,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .post-content,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .post-activity,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .post-content {
        margin-left: 0
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .post-content,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .post-content {
        padding: 10px 0 10px 0
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .post-content::before,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .post-content::before {
        display: none
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .listing-footer .bulk-moderation,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .listing-footer .bulk-moderation {
        display: none
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .listing-body .listing-forum-thread:first-of-type:last-of-type,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .listing-container .listing-body .listing-forum-thread:first-of-type:last-of-type {
        margin-bottom: 0
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) div input,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) div input {
        margin-right: 0;
        width: 100%
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) div#form-field-wantsMail input,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) div#form-field-gender input,
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) div.p-setting-section input,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) div#form-field-wantsMail input,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) div#form-field-gender input,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) div.p-setting-section input {
        width: auto
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) .setting input[type=checkbox],
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) .setting input[type=checkbox] {
        float: left;
        margin-right: 10px
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) .setting span,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form:not([action="/account/preferences"]):not(.select-title-form):not([accept="preferences"]) .setting span {
        font-size: 12px
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form.select-title-form input#field-custom-title,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content form.select-title-form input#field-custom-title {
        width: auto
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content #my-subscriptions .p-forum-a tbody .col-actions,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content #my-subscriptions .p-forum-a tbody .col-actions {
        display: table-cell;
        width: 0
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content #my-subscriptions .p-forum-a tbody .col-actions a,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content #my-subscriptions .p-forum-a tbody .col-actions a {
        display: none
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .p-comment-actions .p-comment-actionsUser ul.user-actions,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .p-comment-actions .p-comment-actionsUser ul.user-actions {
        width: 100%!important
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .p-comment-wrapper .post-date.date,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .p-comment-wrapper .post-date.date {
        position: relative!important
    }
    body.body-user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .p-comment-wrapper .comment-rating-wrapper,
    body.user.responsive-enabled .p-user-a .p-user-interaction .p-user-content .p-comment-wrapper .comment-rating-wrapper {
        top: initial!important;
        left: 0!important;
        bottom: 26px
    }
    body.body-user.responsive-enabled.body-user-posts .p-user-a .p-user-content .p-comment-wrapper,
    body.user.responsive-enabled.body-user-posts .p-user-a .p-user-content .p-comment-wrapper {
        margin: 0
    }
}

@media screen and (max-width:640px) {
    body.responsive-enabled #reply .u-form-tabular #form-field-multi-prefix,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-multi-prefix,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-multi-prefix,
    body.responsive-enabled.s-create .u-form-tabular #form-field-multi-prefix,
    body.responsive-enabled #form-field-signature .u-form-tabular #form-field-multi-prefix {
        display: none
    }
    body.responsive-enabled #reply .u-form-tabular #form-field-title,
    body.responsive-enabled #reply .u-form-tabular #form-field-type,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-title,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-type,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-title,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-type,
    body.responsive-enabled.s-create .u-form-tabular #form-field-title,
    body.responsive-enabled.s-create .u-form-tabular #form-field-type,
    body.responsive-enabled #form-field-signature .u-form-tabular #form-field-title,
    body.responsive-enabled #form-field-signature .u-form-tabular #form-field-type {
        padding-left: 0
    }
    body.responsive-enabled #reply .u-form-tabular #form-field-title input,
    body.responsive-enabled #reply .u-form-tabular #form-field-title select,
    body.responsive-enabled #reply .u-form-tabular #form-field-type input,
    body.responsive-enabled #reply .u-form-tabular #form-field-type select,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-title input,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-title select,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-type input,
    body.responsive-enabled .p-comment-reply-form .u-form-tabular #form-field-type select,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-title input,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-title select,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-type input,
    body.responsive-enabled .p-comment-editor .u-form-tabular #form-field-type select,
    body.responsive-enabled.s-create .u-form-tabular #form-field-title input,
    body.responsive-enabled.s-create .u-form-tabular #form-field-title select,
    body.responsive-enabled.s-create .u-form-tabular #form-field-type input,
    body.responsive-enabled.s-create .u-form-tabular #form-field-type select,
    body.responsive-enabled #form-field-signature .u-form-tabular #form-field-title input,
    body.responsive-enabled #form-field-signature .u-form-tabular #form-field-title select,
    body.responsive-enabled #form-field-signature .u-form-tabular #form-field-type input,
    body.responsive-enabled #form-field-signature .u-form-tabular #form-field-type select {
        min-height: 40px
    }
    body.responsive-enabled #reply .mce-tinymce.mce-container,
    body.responsive-enabled .p-comment-reply-form .mce-tinymce.mce-container,
    body.responsive-enabled .p-comment-editor .mce-tinymce.mce-container,
    body.responsive-enabled.s-create .mce-tinymce.mce-container,
    body.responsive-enabled #form-field-signature .mce-tinymce.mce-container {
        width: auto!important
    }
    body.responsive-enabled #reply .mce-statusbar.mce-container,
    body.responsive-enabled #reply .mce-toolbar-grp.mce-container,
    body.responsive-enabled .p-comment-reply-form .mce-statusbar.mce-container,
    body.responsive-enabled .p-comment-reply-form .mce-toolbar-grp.mce-container,
    body.responsive-enabled .p-comment-editor .mce-statusbar.mce-container,
    body.responsive-enabled .p-comment-editor .mce-toolbar-grp.mce-container,
    body.responsive-enabled.s-create .mce-statusbar.mce-container,
    body.responsive-enabled.s-create .mce-toolbar-grp.mce-container,
    body.responsive-enabled #form-field-signature .mce-statusbar.mce-container,
    body.responsive-enabled #form-field-signature .mce-toolbar-grp.mce-container {
        display: none
    }
    body.responsive-enabled #reply .mce-tinymce.mce-container,
    body.responsive-enabled #reply .mce-edit-area.mce-container,
    body.responsive-enabled #reply iframe,
    body.responsive-enabled .p-comment-reply-form .mce-tinymce.mce-container,
    body.responsive-enabled .p-comment-reply-form .mce-edit-area.mce-container,
    body.responsive-enabled .p-comment-reply-form iframe,
    body.responsive-enabled .p-comment-editor .mce-tinymce.mce-container,
    body.responsive-enabled .p-comment-editor .mce-edit-area.mce-container,
    body.responsive-enabled .p-comment-editor iframe,
    body.responsive-enabled.s-create .mce-tinymce.mce-container,
    body.responsive-enabled.s-create .mce-edit-area.mce-container,
    body.responsive-enabled.s-create iframe,
    body.responsive-enabled #form-field-signature .mce-tinymce.mce-container,
    body.responsive-enabled #form-field-signature .mce-edit-area.mce-container,
    body.responsive-enabled #form-field-signature iframe {
        border-radius: 4px
    }
    body.responsive-enabled #reply .mce-edit-area.mce-container,
    body.responsive-enabled .p-comment-reply-form .mce-edit-area.mce-container,
    body.responsive-enabled .p-comment-editor .mce-edit-area.mce-container,
    body.responsive-enabled.s-create .mce-edit-area.mce-container,
    body.responsive-enabled #form-field-signature .mce-edit-area.mce-container {
        border: 0
    }
    body.responsive-enabled #reply .form-actions .u-button-attachments,
    body.responsive-enabled #reply .form-actions .minimal-drop-box,
    body.responsive-enabled #reply .form-actions #field-poll-add-poll-button,
    body.responsive-enabled .p-comment-reply-form .form-actions .u-button-attachments,
    body.responsive-enabled .p-comment-reply-form .form-actions .minimal-drop-box,
    body.responsive-enabled .p-comment-reply-form .form-actions #field-poll-add-poll-button,
    body.responsive-enabled .p-comment-editor .form-actions .u-button-attachments,
    body.responsive-enabled .p-comment-editor .form-actions .minimal-drop-box,
    body.responsive-enabled .p-comment-editor .form-actions #field-poll-add-poll-button,
    body.responsive-enabled.s-create .form-actions .u-button-attachments,
    body.responsive-enabled.s-create .form-actions .minimal-drop-box,
    body.responsive-enabled.s-create .form-actions #field-poll-add-poll-button,
    body.responsive-enabled #form-field-signature .form-actions .u-button-attachments,
    body.responsive-enabled #form-field-signature .form-actions .minimal-drop-box,
    body.responsive-enabled #form-field-signature .form-actions #field-poll-add-poll-button {
        display: none
    }
}

@media screen and (max-width:640px) {
    body.responsive-enabled.body-user .p-comments {
        margin-bottom: 24px
    }
    body.responsive-enabled.body-user .p-comments header.h2 {
        margin-bottom: 20px
    }
    body.responsive-enabled.body-user .p-comments.p-comments-a .p-comment-post[data-depth] {
        margin: 0
    }
    body.responsive-enabled.body-user .p-comments.p-comments-a .p-comment-post[data-depth] blockquote {
        margin: 19.5px 0 19.5px 0;
        padding: 5px
    }
    body.responsive-enabled.body-user .p-comments .p-comment-user {
        margin: 0;
        top: -10px;
        z-index: 20;
        position: relative
    }
    body.responsive-enabled.body-user .p-comments .p-comment-user .p-comment-avatar {
        position: absolute
    }
    body.responsive-enabled.body-user .p-comments .p-comment-user .p-comment-avatar a::before {
        border-radius: 38px;
        box-shadow: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-user .p-comment-avatar a img {
        max-height: 40px;
        max-width: 40px;
        border-radius: 38px
    }
    body.responsive-enabled.body-user .p-comments .p-comment-user .p-comment-avatar i {
        display: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper {
        margin: 0 0 0 45px;
        padding: 8px
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .b-ratingForm-a {
        position: absolute;
        left: -51px;
        top: 41px;
        float: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .b-ratingForm-a .rating-average-ratingNegative {
        display: none!important
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper::before {
        display: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-header .p-comment-username a span::after,
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-header .p-comment-username ul.user-actions {
        display: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-header .p-comment-postdate {
        margin: 0
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-header .p-comment-index.post-index {
        display: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actionsAdmin {
        display: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer {
        padding: 0
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer form.rating-form {
        display: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actionsUser {
        float: none;
        width: auto;
        margin: 0 auto
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actionsAdmin {
        display: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actionsAdmin span.label {
        display: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin: 0 0 6px 0;
        left: 0;
        display: block!important;
        opacity: 1
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .user-action-rate,
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions form.rating-form {
        display: block!important
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a {
        width: auto;
        float: none;
        text-align: center;
        margin-left: 6px;
        border-radius: 3px;
        top: 0;
        background-color: #242527
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions .p-comment-actionsUser ul.user-actions .b-ratingForm-a:hover {
        background: #060709
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li {
        width: 25%;
        float: left;
        margin: 0;
        text-align: center
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li.user-action-multi-quote {
        display: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li a {
        font-size: 12px;
        display: block!important;
        padding: 7px 0;
        text-align: center;
        margin-left: 6px;
        border-radius: 3px;
        background-color: #242527;
        color: #000
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li a i {
        display: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li a:hover {
        background: #060709
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li a:hover span {
        text-decoration: none
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li:nth-last-child(2) a {
        margin-right: 6px
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li.responsive-bottom-nav-1 {
        width: 100%
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li.responsive-bottom-nav-2 {
        width: 50%
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li.responsive-bottom-nav-3 {
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3)
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li.responsive-bottom-nav-5 {
        width: 20%
    }
    body.responsive-enabled.body-user .p-comments .p-comment-wrapper .p-comment-footer .p-comment-actions li[data-user-only] {
        display: none!important
    }
    body.responsive-enabled.body-user.user-authenticated .p-comments .p-comment-wrapper {
        padding: 8px 8px 47px 8px
    }
}

@media screen and (max-width:1024px) {
    body.body-privatemessage.responsive-enabled {
        background-image: none;
        background-color: #f9f9f9 none
    }
}

body.body-privatemessage.responsive-enabled #site {
    width: 100%
}

body.body-privatemessage.responsive-enabled #site #site-main {
    width: auto
}

body.body-privatemessage.responsive-enabled #site #site-main .atf {
    width: auto;
    max-width: 1000px
}

body.body-privatemessage.responsive-enabled #site #site-main .container,
body.body-privatemessage.responsive-enabled #site #site-main.fixed .container {
    width: 100%;
    max-width: 1000px;
    min-width: 320px;
    margin: 0 auto
}

body.body-privatemessage.responsive-enabled #site #site-main .container #content,
body.body-privatemessage.responsive-enabled #site #site-main.fixed .container #content {
    width: auto;
    box-shadow: none
}

@media screen and (max-width:1000px) {
    body.body-privatemessage.responsive-enabled #site #site-main .container #content,
    body.body-privatemessage.responsive-enabled #site #site-main.fixed .container #content {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 0
    }
}

body.body-privatemessage .p-pm-a .p-pm-header .b-search-a {
    float: right
}

body.body-privatemessage .p-pm-a .p-pm-header .b-search-a .field-errors {
    display: block;
    margin-top: 4px
}

body.body-privatemessage .p-pm-a .p-pm-header .user-actions,
body.body-privatemessage .p-pm-a .p-pm-header .pm-create-folder {
    float: left;
    margin: 0 8px 20px 0
}

body.body-privatemessage .p-pm-a .p-pm-content .b-pagination-a {
    margin-bottom: 20px
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a thead.b-table-header,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing thead.b-table-header,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing thead.b-table-header {
    border-bottom: 1px solid #242527
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a thead.b-table-header tr th,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing thead.b-table-header tr th,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing thead.b-table-header tr th {
    background: 0;
    color: #242527;
    border: 0;
    text-align: center
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a thead.b-table-header tr th a,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing thead.b-table-header tr th a,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing thead.b-table-header tr th a {
    color: #242527
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a thead.b-table-header tr th:first-child,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing thead.b-table-header tr th:first-child,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing thead.b-table-header tr th:first-child {
    text-align: left;
    padding-left: 8px
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a thead.b-table-header tr th .desc::before,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing thead.b-table-header tr th .desc::before,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing thead.b-table-header tr th .desc::before,
body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a thead.b-table-header tr th .asc::before,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing thead.b-table-header tr th .asc::before,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing thead.b-table-header tr th .asc::before {
    border-top-color: rgba(36, 37, 39, 0.2)!important
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a thead.b-table-header tr th .desc::after,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing thead.b-table-header tr th .desc::after,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing thead.b-table-header tr th .desc::after,
body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a thead.b-table-header tr th .asc::after,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing thead.b-table-header tr th .asc::after,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing thead.b-table-header tr th .asc::after {
    border-bottom-color: rgba(36, 37, 39, 0.2)!important
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a thead.b-table-header tr th .desc.selected::after,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing thead.b-table-header tr th .desc.selected::after,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing thead.b-table-header tr th .desc.selected::after {
    border-bottom-color: #242527!important
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a thead.b-table-header tr th .asc.selected::before,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing thead.b-table-header tr th .asc.selected::before,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing thead.b-table-header tr th .asc.selected::before {
    border-top-color: #242527!important
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a tbody tr:nth-child(odd) td,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing tbody tr:nth-child(odd) td,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing tbody tr:nth-child(odd) td {
    background: white
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a tbody tr td,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing tbody tr td,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing tbody tr td {
    border: 0;
    background: 0
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a tbody tr td.title,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing tbody tr td.title,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing tbody tr td.title {
    padding-left: 8px;
    text-align: left
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a tbody tr td .avatar-wrapper,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing tbody tr td .avatar-wrapper,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing tbody tr td .avatar-wrapper {
    text-align: center
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a tbody tr td .avatar-wrapper span.tip.username,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing tbody tr td .avatar-wrapper span.tip.username,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing tbody tr td .avatar-wrapper span.tip.username {
    display: block;
    margin-top: 5px;
    color: #242527;
    width: 100%;
    line-height: .7
}

body.body-privatemessage .p-pm-a .p-pm-content table.b-table-a tbody tr td .avatar-wrapper .avatar i,
body.body-privatemessage .p-pm-a .p-pm-content .b-shoutbox-a .shoutbox-messages>table.listing tbody tr td .avatar-wrapper .avatar i,
.b-shoutbox-a body.body-privatemessage .p-pm-a .p-pm-content .shoutbox-messages>table.listing tbody tr td .avatar-wrapper .avatar i {
    display: none
}

body.body-privatemessage .p-pm-a .p-pm-filter ul.user-actions li.user-action a {
    color: #242527
}

body.body-privatemessage .p-pm-a .p-pm-filter ul.user-actions li.user-action .remove-link::before {
    font-size: 18px
}

body.body-privatemessage .p-pm-a .p-pm-participants {
    float: right
}

body.body-privatemessage .p-pm-a .p-pm-participants .list {
    overflow: initial;
    max-height: initial
}

body.body-privatemessage .p-pm-a .p-pm-filter ul.user-actions li.selected a,
body.body-privatemessage .p-pm-a .p-pm-filter ul.user-actions li:hover a {
    background: rgba(36, 37, 39, 0.4)!important
}

@media screen and (max-width:640px) {
    body.body-privatemessage .p-pm-a .p-pm-filter ul.user-actions li.selected a,
    body.body-privatemessage .p-pm-a .p-pm-filter ul.user-actions li:hover a {
        background: none!important
    }
}

body.body-privatemessage .p-pm-a .p-pm-filter ul.user-actions>li.b-userAction-item>a {
    background: 0;
    display: block;
    border-radius: 0;
    background-image: none;
    border: 0;
    text-align: left;
    padding-left: 8px
}

body.body-privatemessage .p-pm-a .p-pm-filter ul.user-actions>li.b-userAction-item>a span {
    color: #000!important
}

body.body-privatemessage .p-pm-a .p-pm-filter ul.user-actions>li.b-userAction-item>a::before {
    background: #242527
}

@media screen and (max-width:1023px) {
    body.body-privatemessage.responsive-enabled .container .p-pm-a {
        margin-top: 10px
    }
}

@media screen and (max-width:760px) {
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-participants,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-conversation {
        float: none;
        width: 100%;
        margin: 0 0 40px 0
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-participants header.h2 {
        margin-bottom: 4px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-participants ul {
        max-height: initial;
        overflow: hidden
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-participants ul li {
        background: 0;
        float: left;
        margin: 10px 10px 0 0;
        border-radius: 3px;
        border: 1px solid #3c9ccd
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-participants ul li a.remove-link {
        top: -1px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-participants form#j-private-message-invite-form {
        margin: 10px 0
    }
}

@media screen and (max-width:640px) {
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content {
        width: 100%;
        margin-left: 0
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content .b-pagination-a {
        margin-bottom: 10px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content thead.b-table-header tr th {
        width: 10%;
        border: 0
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content thead.b-table-header tr th:first-child {
        width: 60%
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content thead.b-table-header tr th:last-child {
        display: none
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content thead.b-table-header tr th.col-members {
        display: none
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content tbody tr {
        cursor: pointer!important
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content tbody tr td {
        width: 10%
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content tbody tr td:last-child {
        display: none
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content tbody tr td.alert.no-results {
        display: block
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content tbody tr td .avatar {
        margin: 0 2px 2px 0
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content tbody tr td .avatar a img {
        width: 16px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-content tbody tr td .avatar a::before {
        display: none
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter {
        position: relative;
        display: block;
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
        border: 1px solid;
        border-color: lightgray;
        background: #f4f4f4;
        overflow: hidden;
        height: 36px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#leftArrow,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#rightArrow {
        position: absolute;
        width: 44px;
        height: 34px;
        background-color: black;
        display: block;
        z-index: 320;
        top: 1px;
        visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: 0;
        cursor: pointer
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#leftArrow.left-arrow,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#leftArrow.right-arrow,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#rightArrow.left-arrow,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#rightArrow.right-arrow {
        visibility: visible;
        opacity: 1
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#leftArrow.left-arrow::after,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#leftArrow.right-arrow::after,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#rightArrow.left-arrow::after,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#rightArrow.right-arrow::after {
        content: '';
        position: absolute;
        display: inline-block;
        font: normal normal normal 14px/1;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        font-size: 22px;
        top: 4px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#leftArrow.left-arrow::after,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#rightArrow.left-arrow::after {
        content: '\f104';
        left: 8px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#leftArrow.right-arrow::after,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#rightArrow.right-arrow::after {
        content: '\f105';
        right: 8px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#leftArrow {
        left: 0;
        background-color: #f7f7f7;
        background-image: -webkit-linear-gradient(left, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to right, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-color: transparent
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter a#rightArrow {
        right: 0;
        background-color: #f7f7f7;
        background-image: -webkit-linear-gradient(right, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to left, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-color: transparent
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav {
        width: 100%;
        height: 52px;
        overflow: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: block
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav::-webkit-scrollbar {
        display: none
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav a.button {
        display: none
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions {
        margin-left: 0;
        top: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        width: 100%;
        margin: 0;
        border: 0
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action {
        position: relative;
        float: left
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action .remove-link {
        top: 16px;
        right: 7px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action a {
        display: inline-block;
        float: left;
        background: 0;
        border: 0;
        padding: 8px 14px;
        box-shadow: none;
        line-height: 19px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action a::before {
        display: none
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action.j-folder-delete a {
        padding-right: 32px
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action:hover a {
        color: #242527
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action:hover a::after {
        display: none
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action.selected a {
        color: #242527!important
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action.selected a::after {
        display: block!important
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action:hover a span,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action.selected a span {
        font-weight: normal
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action:hover a::after,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-filter .pm-nav ul.user-actions li.user-action.selected a::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        background-color: #242527;
        z-index: 300;
        bottom: 0;
        left: 0
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-header .b-search-a {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        overflow: hidden
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-header .b-search-a input[type="search"] {
        width: -webkit-calc(86% - 2px);
        width: calc(86% - 2px);
        padding: 4px 1%;
        margin-right: 2%;
        float: left
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-header .b-search-a input[type="submit"] {
        width: 10%;
        padding: 4px 0
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-header .user-actions,
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-header .pm-create-folder {
        margin: 0 8px 10px 0
    }
    body.body-privatemessage.responsive-enabled .container .p-pm-a .p-pm-footer .p-pm-bulk-moderation {
        display: none
    }
    body.body-privatemessage.responsive-enabled .container .send-pm form::after {
        clear: both;
        content: "";
        display: table
    }
    body.body-privatemessage.responsive-enabled .container .send-pm input {
        width: 100%
    }
    body.body-privatemessage.responsive-enabled .container .send-pm .form-actions.form-footer {
        float: right
    }
}

@media screen and (max-width:1023px) {
    body.responsive-enabled .p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container .date {
        position: relative;
        top: initial;
        right: initial
    }
}

@media screen and (mmin-width:1024px) {
    .scroll-container a#leftArrow,
    .scroll-container a#rightArrow {
        display: none
    }
}

@media screen and (max-width:1023px) {
    body.responsive-enabled .scroll-container {
        position: relative;
        margin-bottom: 10px
    }
    body.responsive-enabled .scroll-container a#leftArrow,
    body.responsive-enabled .scroll-container a#rightArrow {
        display: block;
        position: absolute;
        width: 44px;
        height: 34px;
        background-color: black;
        display: block;
        z-index: 320;
        top: 1px;
        visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: 0;
        cursor: pointer
    }
    body.responsive-enabled .scroll-container a#leftArrow.left-arrow,
    body.responsive-enabled .scroll-container a#leftArrow.right-arrow,
    body.responsive-enabled .scroll-container a#rightArrow.left-arrow,
    body.responsive-enabled .scroll-container a#rightArrow.right-arrow {
        visibility: visible;
        opacity: 1
    }
    body.responsive-enabled .scroll-container a#leftArrow.left-arrow::after,
    body.responsive-enabled .scroll-container a#leftArrow.right-arrow::after,
    body.responsive-enabled .scroll-container a#rightArrow.left-arrow::after,
    body.responsive-enabled .scroll-container a#rightArrow.right-arrow::after {
        content: '';
        display: inline-block;
        font: normal normal normal 14px/1 cobalt-ui;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'cobalt-ui';
        text-align: center;
        position: absolute;
        font-size: 22px;
        top: 6px
    }
    body.responsive-enabled .scroll-container a#leftArrow.left-arrow::after,
    body.responsive-enabled .scroll-container a#rightArrow.left-arrow::after {
        content: '\f104';
        left: 8px
    }
    body.responsive-enabled .scroll-container a#leftArrow.right-arrow::after,
    body.responsive-enabled .scroll-container a#rightArrow.right-arrow::after {
        content: '\f105';
        right: 8px
    }
    body.responsive-enabled .scroll-container a#leftArrow {
        left: 1px;
        background-color: #f7f7f7;
        background-image: -webkit-linear-gradient(left, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to right, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-color: transparent
    }
    body.responsive-enabled .scroll-container a#rightArrow {
        right: 1px;
        background-color: #f7f7f7;
        background-image: -webkit-linear-gradient(right, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to left, #f7f7f7 60%, rgba(255, 255, 255, 0) 100%);
        background-color: transparent
    }
    body.responsive-enabled .scroll-container .scrolled-content {
        width: 100%;
        border: 1px solid;
        border-color: lightgray;
        background: #f4f4f4;
        height: 41px;
        overflow: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: block;
        margin-bottom: 10px
    }
    body.responsive-enabled .scroll-container .scrolled-content::-webkit-scrollbar {
        display: none
    }
    body.responsive-enabled .scroll-container .scrolled-content ul.tabbed-tabs {
        margin: 0!important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        width: 100%;
        height: 40px;
        border: 0
    }
    body.responsive-enabled .scroll-container .scrolled-content ul.tabbed-tabs .b-tab-item {
        display: inline-block
    }
    body.responsive-enabled .scroll-container .scrolled-content ul.tabbed-tabs .b-tab-item a {
        background: 0;
        border: 0;
        position: relative;
        text-align: center;
        padding: 8px 20px 12px 20px;
        color: #242527;
        max-width: none;
        margin: 0
    }
    body.responsive-enabled .scroll-container .scrolled-content ul.tabbed-tabs .b-tab-item:hover a,
    body.responsive-enabled .scroll-container .scrolled-content ul.tabbed-tabs .b-tab-item.selected a {
        background: 0;
        color: #242527
    }
    body.responsive-enabled .scroll-container .scrolled-content ul.tabbed-tabs .b-tab-item:hover a::after,
    body.responsive-enabled .scroll-container .scrolled-content ul.tabbed-tabs .b-tab-item.selected a::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        background-color: #242527;
        z-index: 300;
        bottom: 0;
        left: 0
    }
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chosen-container .chosen-drop {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
    border-top: 0;
    width: 100%
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 23px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-single:visited,
.chosen-container-single .chosen-single:active,
.chosen-container-single .chosen-single:hover {
    color: #000
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url("../../Blocks/images/ui/chosen-sprite.png") -42px 1px no-repeat
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px
}

.chosen-container-single .chosen-single div b {
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat 0 2px;
    display: block;
    width: 100%;
    height: 100%
}

.chosen-container-single .chosen-search {
    z-index: 1010;
    position: relative;
    padding: 3px 4px;
    margin: 0;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: #fff url("../../Blocks/images/ui/chosen-sprite.png") no-repeat 100% -20px;
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat 100% -20px, -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat 100% -20px, -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat 100% -20px, -o-linear-gradient(top, #eee 1%, #fff 15%);
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat 100% -20px, linear-gradient(#eee 1%, #fff 15%);
    font-family: sans-serif;
    font-size: 1em;
    line-height: normal
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container-single-nosearch .chosen-search input {
    position: absolute;
    left: -9000px
}

.chosen-container-multi .chosen-choices {
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(to, #fff 15%);
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto!important;
    height: 1%;
    position: relative
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-choices .search-field input {
    box-shadow: none;
    color: #666;
    background: transparent!important;
    border: 0!important;
    font-family: sans-serif;
    font-size: 100%;
    height: 15px;
    padding: 5px;
    margin: 1px 0;
    outline: 0
}

.chosen-container-multi .chosen-choices .search-field .default {
    color: #999
}

.chosen-container-multi .chosen-choices .search-choice {
    border-radius: 3px;
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #333;
    border: 1px solid #aaa;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    cursor: default
}

.chosen-container-multi .chosen-choices .search-choice.search-choice-disabled {
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666;
    border: 1px solid #ccc;
    padding-right: 5px
}

.chosen-container-multi .chosen-choices .search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url("../../Blocks/images/ui/chosen-sprite.png") -42px 1px no-repeat
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container .chosen-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.chosen-container-multi .chosen-results {
    margin: -1px 0 0;
    padding: 0
}

.chosen-container .chosen-results li {
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none
}

.chosen-container .chosen-results .active-result {
    cursor: pointer;
    display: list-item
}

.chosen-container .chosen-results .highlighted {
    background-image: -webkit-linear-gradient(#242527 20%, #1d1d1f 90%);
    background-image: linear-gradient(to, #1d1d1f 90%);
    color: #fff
}

.chosen-container .chosen-results li em {
    background: #feffde;
    font-style: normal
}

.chosen-container .chosen-results .highlighted em {
    background: transparent
}

.chosen-container .chosen-results .no-results {
    background: #f4f4f4;
    display: list-item
}

.chosen-container .chosen-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold
}

.chosen-container .chosen-results .group-option {
    padding-left: 15px
}

.chosen-container-multi .chosen-drop .result-selected {
    display: none
}

.chosen-container .chosen-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    z-index: 1
}

.chosen-container .chosen-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px
}

.chosen-container .chosen-results-scroll-down {
    bottom: 0
}

.chosen-container .chosen-results-scroll-down span {
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat -4px -3px
}

.chosen-container .chosen-results-scroll-up span {
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat -22px -3px
}

.chosen-container-active .chosen-single {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #242527
}

.chosen-container-active .chosen-single-with-drop {
    box-shadow: 0 1px 0 #fff inset;
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image: linear-gradient(to, #fff 80%);
    border: 1px solid #aaa;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.chosen-container-active .chosen-single-with-drop div {
    background: transparent;
    border-left: none
}

.chosen-container-active .chosen-single-with-drop div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #242527
}

.chosen-container-active .chosen-choices .search-field input {
    color: #111!important
}

.chosen-disabled {
    cursor: default;
    opacity: .5!important
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    padding: 0 8px 0 0;
    overflow: visible
}

.chosen-rtl .chosen-single span {
    margin-left: 26px;
    margin-right: 0;
    direction: rtl
}

.chosen-rtl .chosen-single div {
    left: 3px;
    right: auto
}

.chosen-rtl .chosen-single abbr {
    left: 26px;
    right: auto
}

.chosen-rtl .chosen-choices .search-field input {
    direction: rtl
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices .search-choice {
    padding: 3px 5px 3px 19px;
    margin: 3px 5px 3px 0
}

.chosen-rtl .chosen-choices .search-choice .search-choice-close {
    left: 4px;
    right: auto
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results .group-option {
    padding-left: 0;
    padding-right: 15px
}

.chosen-rtl.chosen-container-active .chosen-single-with-drop div {
    border-right: 0
}

.chosen-rtl .chosen-search input {
    background: #fff url("../../Blocks/images/ui/chosen-sprite.png") no-repeat -30px -20px;
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat -30px -20px, -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat -30px -20px, -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat -30px -20px, -o-linear-gradient(top, #eee 1%, #fff 15%);
    background: url("../../Blocks/images/ui/chosen-sprite.png") no-repeat -30px -20px, linear-gradient(#eee 1%, #fff 15%);
    padding: 4px 5px 4px 20px;
    direction: rtl
}

.chosen-container-single.chosen-rtl .chosen-single div b {
    background-position: 6px 2px
}

.chosen-container-single.chosen-rtl .chosen-single-with-drop div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
    .chosen-rtl .chosen-search input,
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url("../../Blocks/images/ui/chosen-sprite@2x.png")!important;
        background-repeat: no-repeat!important;
        background-size: 52px 37px!important
    }
}

.j-show-rich-editor {
    background: url("../../Blocks/images/ui/bbcode_depressed.png") no-repeat!important;
    margin-top: -2px!important
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0
}

.me-plugin {
    position: absolute
}

.mejs-embed {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}

.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-poster img {
    border: 0;
    padding: 0;
    border: 0;
    display: block
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url("../../Blocks/images/ui/bigplay.svg") no-repeat
}

.no-svg .mejs-overlay-button {
    background-image: url("../../Blocks/images/ui/bigplay.png")
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url("../../Blocks/images/ui/background.png");
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9))
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url("../../Blocks/images/ui/loading.gif") 50% 50% no-repeat
}

.mejs-container .mejs-controls {
    position: absolute;
    background: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url("../../Blocks/images/ui/background.png");
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    height: 30px;
    width: 100%
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    background: 0;
    font-family: Helvetica, Arial;
    border: 0
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url("../../Blocks/images/ui/controls.svg") no-repeat
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url("../../Blocks/images/ui/controls.png")
}

.mejs-controls .mejs-button button:focus {
    outline: solid 1px yellow
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 8px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    padding: auto 4px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time span {
    font-size: 11px;
    color: #fff;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto
}

.mejs-controls .mejs-play button {
    background-position: 0 0
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0
}

.mejs-controls div.mejs-time-rail {
    width: 200px;
    padding-top: 5px
}

.mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, 0.8);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
    background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    width: 0;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8))
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0
}

.mejs-controls .mejs-volume-button {
    position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url("../../Blocks/images/ui/background.png");
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0
}

.mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 60px;
    position: relative
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

.mejs-controls .mejs-captions-button {
    position: relative
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url("../../Blocks/images/ui/background.png");
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #fff
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}

.mejs-captions-position-hover {
    bottom: 45px
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url("../../Blocks/images/ui/background.png");
    background: rgba(20, 20, 20, 0.8)
}

.mejs-clear {
    clear: both
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold
}

.me-cannotplay span {
    padding: 15px;
    display: block
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url("../../Blocks/images/ui/background.png");
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../../Blocks/images/ui/background.png");
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url("../../Blocks/images/ui/background.png");
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer
}

.mce-path.mce-first.mce-flow-layout-item {
    visibility: hidden
}

.mceIcon.mce_hideeditor {
    background: url("../../Blocks/images/ui/bb_icon.gif") no-repeat!important
}

.mceButton.mceButtonEnabled.mce_hideeditor:hover {
    width: 23px
}

.clearlooks2 {
    width: 385px!important;
    height: 319px!important
}

.clearlooks2 iframe {
    width: 375px!important;
    height: 290px!important
}

.mce-container-body .mce-btn button {
    padding: 3px 4.5px;
    height: 26px
}

.mce-toolbar .mce-btn i.mce-i-hideeditor {
    background: url("../../Blocks/images/ui/bb_icon.gif") no-repeat center center;
    width: 20px
}

.mce-container-body .mce-menu-item span.mce-text {
    background: none!important
}

.mce-container {
    padding: 0!important;
    margin: 0!important;
    box-sizing: border-box!important
}

.mce-container .mce-btn {
    border: none!important;
    border-radius: 0!important
}

.mce-container .mce-btn .mce-open {
    border: none!important
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize) {
    font-size: 14px;
    line-height: 14px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize)::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-undo::before {
    content: "\f0e2";
    padding-left: 3px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-paste::before {
    content: "\f0ea"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-bold::before {
    content: "\f032"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-italic::before {
    content: "\f033"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-underline::before {
    content: "\f0cd"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-strikethrough::before {
    content: "\f0cc"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-blockquote::before {
    content: "\f10e"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-code::before {
    content: "\f121"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-alignleft::before {
    content: "\f036"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-aligncenter::before {
    content: "\f037"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-alignright::before {
    content: "\f038"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-forecolor::before {
    content: "\f031";
    padding-left: 4px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-bullist::before {
    content: "\f0ca"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-numlist::before {
    content: "\f0cb"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-hr::before {
    content: "\f068"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-removeformat::before {
    content: "\f12d"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-indent::before {
    content: "\f03c"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-outdent::before {
    content: "\f03b"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-spoiler::before {
    content: "\f12a";
    padding-left: 5px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-link::before {
    content: "\f0c1"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-unlink::before {
    content: "\f127"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-image::before {
    content: "\f03e"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-videoembed::before {
    content: "\f16a"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-smilies::before {
    content: "\f118";
    padding-left: 3px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-subscript::before {
    content: "\f12c";
    padding-left: 3px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-superscript::before {
    content: "\f12b";
    padding-left: 3px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-texturepack::before {
    content: "\f1b3";
    padding-left: 1px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-world::before {
    content: "\f0ac";
    padding-left: 2px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-mod::before {
    content: "\f013";
    margin-left: 2px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-d3build::before {
    content: "\f0e3"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-blockquote::before {
    content: "\f10e"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-code::before {
    content: "\f121"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-alignleft::before {
    content: "\f036"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-aligncenter::before {
    content: "\f037"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-alignright::before {
    content: "\f038"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-forecolor::before {
    content: "\f031";
    padding-left: 4px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-bullist::before {
    content: "\f0ca"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-numlist::before {
    content: "\f0cb"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-hr::before {
    content: "\f068"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-removeformat::before {
    content: "\f12d"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-indent::before {
    content: "\f03c"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-outdent::before {
    content: "\f03b"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-spoiler::before {
    content: "\f12a";
    padding-left: 5px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-link::before {
    content: "\f0c1"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-unlink::before {
    content: "\f127"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-image::before {
    content: "\f03e"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-videoembed::before {
    content: "\f16a"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-smilies::before {
    content: "\f118";
    padding-left: 3px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-subscript::before {
    content: "\f12c";
    padding-left: 3px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-superscript::before {
    content: "\f12b";
    padding-left: 3px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-texturepack::before {
    content: "\f1b3";
    padding-left: 1px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-world::before {
    content: "\f0ac";
    padding-left: 2px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-mod::before {
    content: "\f013";
    margin-left: 2px
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-d3build::before {
    content: "\f0e3"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-imageborder::before {
    content: "\e601"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-searchreplace::before {
    content: "\f002"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-fullscreen::before {
    content: "\f108"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-postpagebreak::before {
    content: "\e603"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-postwidget::before {
    content: "\e604"
}

.mce-container .mce-btn i.mce-ico:not(.mce-i-resize).mce-i-codeBlock::before {
    content: "\f1c9";
    margin-left: 2px
}

.mce-container .mce-btn.mce-i-bold::before {
    content: "\f032"
}

.mce-container .mce-btn.mce-i-italic::before {
    content: "\f033"
}

.mce-container .mce-btn.mce-i-underline::before {
    content: "\f0cd"
}

.mce-container .mce-btn.mce-i-strikethrough::before {
    content: "\f0cc"
}

.mce-container .mce-btn.mce-i-imageborder::before {
    content: "\e601"
}

.mce-container .mce-btn.mce-i-searchreplace::before {
    content: "\f002"
}

.mce-container .mce-btn.mce-i-fullscreen::before {
    content: "\f108"
}

.mce-container .mce-btn.mce-i-postpagebreak::before {
    content: "\e603"
}

.mce-container .mce-btn.mce-i-postwidget::before {
    content: "\e604"
}

body#tinymce span[data-mce-style="font-size: 36pt;"] {
    line-height: 36pt
}

body#tinymce span[data-mce-style="font-size: 24pt;"] {
    line-height: 24pt
}

body#tinymce span[data-mce-style="font-size: 18pt;"] {
    line-height: 18pt
}

body#tinymce span[data-mce-style="font-size: 14pt;"] {
    line-height: 14pt
}

body#tinymce span[data-mce-style="font-size: 12pt;"] {
    line-height: 12pt
}

body#tinymce span[data-mce-style="font-size: 10pt;"] {
    line-height: 10pt
}

body#tinymce span[data-mce-style="font-size: 8pt;"] {
    line-height: 8pt
}

.cc_container {
    z-index: 9001;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #222;
    color: #fff;
    font-size: 17px;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial
}

.cc_container::-moz-selection {
    background: #ff5e99;
    color: #fff;
    text-shadow: none
}

.cc_container a:not(.cc_btn),
.cc_container a:visited:not(.cc_btn) {
    text-decoration: none;
    color: #31a8f0;
    transition: 200ms color
}

.cc_container a:hover:not(.cc_btn),
.cc_container a:active:not(.cc_btn) {
    color: #b2f7ff
}

.cc_btn {
    cursor: pointer;
    text-align: center;
    font-size: .8em;
    line-height: 1em;
    padding: 8px 10px;
    background-color: #f1d600;
    display: block;
    width: 120px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cc_message {
    font-size: .8em;
    line-height: 1.5em;
    text-align: justify;
    margin-bottom: 40px
}

.cc_logo {
    display: none
}

.cc_btn,
.cc_btn:visited {
    color: #000;
    background-color: #f1d600;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    border-radius: 5px
}

.cc_btn:hover,
.cc_btn:active {
    background-color: #fff;
    color: #000
}

@media screen and (min-width:768px) {
    .cc_btn {
        left: auto;
        top: 50%;
        bottom: auto;
        right: 15px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .cc_message {
        padding-right: 135px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1200px) {
    .cc_container {
        max-width: 1200px;
        margin: 0 auto
    }
    .cc_container::before {
        content: '';
        position: absolute;
        z-index: -1;
        background: #222;
        width: 100vw;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 100%;
        top: 0;
        left: 50%
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.cc_container {
    animation-duration: .8s;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

.twitch-container .twitch-button {
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #6441A5;
    color: white;
    border-radius: 4px;
    width: 100%;
    text-decoration: none;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    max-width: 335px;
    font-weight: bold;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.twitch-container .twitch-button::before {
    content: '';
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../Blocks/images/icons/twitch/glitch.png");
    height: 2em;
    width: 2em;
    margin-right: .5em
}

.b-definition-a {
    margin: 0
}

.b-definition-a .b-definition-title {
    font-size: 28px;
    margin: 0 0 19.5px
}

.b-definition-a .b-definition-desc+.b-definition-title {
    clear: left;
    margin-top: 19.5px
}

.b-definition-a .b-definition-desc {
    margin: 0 0 19.5px
}

.b-infograph-a {
    margin-bottom: 19.5px;
    padding: 10px
}

.b-infograph-a .b-infograph-rating {
    border: 1px solid rgba(0, 0, 0, 0.25);
    margin: 0;
    overflow: hidden
}

.b-infograph-a .b-infograph-fill {
    background: #f9f9f9 none;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
    display: block;
    text-indent: -9999px
}

.b-infograph-a .b-infograph-label {
    display: block;
    margin: 0;
    text-align: right
}

.b-infograph-b {
    border-collapse: collapse;
    margin-bottom: 19.5px;
    width: 100%
}

.b-infograph-b .b-infograph-xlabel {
    font-weight: bold;
    text-align: right;
    padding: 0 39px 0 0
}

.b-infograph-b .b-infograph-ylabel {
    font-weight: bold
}

.b-infograph-b .b-infograph-item {
    border-bottom: 1px solid;
    padding: 0
}

.b-poll-a {
    margin-bottom: 0 0 19.5px
}

.b-poll-a ul {
    margin: 0;
    padding: 0
}

.b-poll-a ul li {
    list-style-type: none;
    margin: 0
}

.b-poll-a h2 {
    margin-bottom: 9.75px
}

.b-poll-a .b-poll-desc {
    margin-bottom: 9.75px
}

.b-poll-a .b-poll-voting {
    margin-bottom: 19.5px
}

.b-poll-a .b-poll-voting .form-field {
    margin-bottom: 0
}

.b-poll-a .b-poll-voting .form-footer {
    margin: 9.75px 0
}

.b-poll-a .b-poll-expiration {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
    color: #000;
    margin: 9.75px 0;
    padding: 9.75px;
    text-align: center
}

.b-poll-a .b-poll-results>ul {
    display: table
}

.b-poll-a .b-poll-item {
    display: table-row;
    margin: 0;
    padding: 0
}

.b-poll-a .b-poll-item .choice,
.b-poll-a .b-poll-item .percentage,
.b-poll-a .b-poll-item .amount {
    display: table-cell
}

.b-poll-a .choice {
    text-align: right;
    white-space: nowrap;
    color: #242527;
    font-weight: bold
}

.b-poll-a .percentage {
    padding-right: 1em;
    white-space: nowrap
}

.b-poll-a .percentage:before {
    content: "\00A0 - "
}

.b-poll-a .amount {
    vertical-align: middle;
    width: 100%
}

.b-poll-a .graph {
    background-color: #242527;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
    display: block;
    height: .75em;
    min-width: 2px
}

.b-poll-a .b-social {
    margin: 19.5px 0
}

.b-rating-a.five-star {
    background: url("../../Blocks/images/ui/star-rating.png") repeat-x;
    display: block;
    float: none;
    position: relative;
    height: 14px;
    list-style: none;
    margin: 4px 0 4px 0;
    padding: 0;
    overflow: hidden;
    width: 70px
}

.b-rating-a.five-star li {
    background: 0;
    border: 0;
    display: block;
    float: left;
    line-height: normal;
    margin: 0;
    position: relative
}

.b-rating-a.five-star li.one input {
    width: 14px;
    z-index: 6
}

.b-rating-a.five-star li.two input {
    width: 28px;
    z-index: 5
}

.b-rating-a.five-star li.three input {
    width: 42px;
    z-index: 4
}

.b-rating-a.five-star li.four input {
    width: 56px;
    z-index: 3
}

.b-rating-a.five-star li.five input {
    width: 70px;
    z-index: 2
}

.b-rating-a.five-star li.current-rating {
    background-image: url("../../Blocks/images/ui/star-rating.png")!important;
    background-position: 0 -14px;
    float: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 9999px;
    top: 0;
    z-index: 1
}

.b-rating-a.five-star li>input {
    border: 0;
    height: 14px;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    text-indent: 9999px;
    -webkit-appearance: none
}

.b-rating-a.five-star li>input [disabled] {
    display: none
}

.b-rating-a.five-star li>input:hover {
    background: url("../../Blocks/images/ui/star-rating.png") repeat-x
}

.b-rating-a.five-star li>input:hover,
.b-rating-a.five-star li>input:active,
.b-rating-a.five-star li>input:focus {
    background-position: 0 -28px
}

.b-tag-a::after {
    clear: both;
    content: "";
    display: table
}

.b-tag-a>* {
    display: inline-block;
    font-size: 11px;
    line-height: normal
}

.b-tag-a .b-tag-title:after {
    content: ':'
}

.b-tag-a a:hover {
    color: #242527;
    text-decoration: underline
}

.body-tag-index .b-tag-a {
    margin-left: 15px
}

.body-tag-index .b-tag-a>li {
    list-style-type: disc;
    color: #242527
}

.body-tag-index .b-tag-a>li>a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    display: block;
    padding: 9.75px 0
}

.b-tagCloud-a {
    position: relative
}

.b-tagCloud-a .b-tagCloud-item {
    display: inline
}

.b-tagCloud-a .tag-smallest {
    font-size: .8333em
}

.b-tagCloud-a .tag-small {
    font-size: 1em
}

.b-tagCloud-a .tag-medium {
    font-size: 1.4em
}

.b-tagCloud-a .tag-large {
    font-size: 1.8em
}

.b-tagCloud-a .tag-largest {
    font-size: 2em
}

.p-article-a {
    padding: 0;
    margin-bottom: 39px;
    position: relative
}

.p-article-a::after {
    clear: both;
    content: "";
    display: table
}

.p-article-a .p-article-header {
    margin-bottom: 19.5px;
    position: relative
}

.p-article-a .p-article-title {
    color: #000;
    margin-bottom: .15em
}

.p-article-a .p-article-title>a,
.p-article-a .p-article-title a:active,
.p-article-a .p-article-title a:visited {
    color: #000
}

.p-article-a .p-article-title a:hover {
    color: #0d0d0d
}

.p-article-a .p-article-byline {
    color: black
}

.p-article-a .p-article-byline .tip {
    border: 0
}

.p-article-a .p-article-byline .b-list {
    position: static
}

.p-article-a .p-article-byline .p-article-category {
    border-left: 1px solid;
    border-color: #e0e0e0;
    padding: 0 0 0 1em;
    margin: 0 0 0 1em
}

.p-article-a .p-article-byline .p-article-category>* {
    display: inline-block
}

.p-article-a .p-article-byline .p-article-rating {
    margin-left: 1em
}

.p-article-a .p-article-content {
    margin-bottom: 19.5px;
    word-wrap: break-word
}

.p-article-a .p-article-content p {
    margin-bottom: 0
}

.p-article-a .p-article-footer {
    clear: both;
    margin-top: 19.5px
}

.p-article-a .p-article-meta::after {
    clear: both;
    content: "";
    display: table
}

.p-article-a .p-article-jump {
    float: right
}

.p-article-a .p-article-jump>a {
    font-weight: bold
}

.p-article-a .p-article-jump>a:after {
    content: " \00BB"
}

.p-article-a .p-article-tags {
    float: right;
    max-width: 75%
}

.post-listing .p-article-a .p-article-tags {
    display: none
}

.body-category-itemdetails .p-article-a .p-article-tags {
    float: none;
    max-width: none
}

.p-article-a .p-article-interact {
    border: 2px solid;
    padding: 10px;
    margin: 9.75px 0 0;
    background: #ececec;
    border-color: #e0e0e0
}

.p-article-a .p-article-interact::after {
    clear: both;
    content: "";
    display: table
}

.p-article-a .p-article-interact .p-article-comments {
    float: right
}

.p-article-a .p-article-interact .p-article-comments a:first-of-type {
    background: #2e2c2c;
    color: #242527;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 6px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4)
}

.p-article-a .p-article-interact .p-article-comments a:first-of-type:hover {
    background: #141313;
    color: #242527
}

.p-article-a .p-article-interact .p-article-comments a:first-of-type:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 4px;
    border-width: 6px 0 0 6px;
    border-style: solid;
    border-color: #2e2c2c transparent;
    display: block;
    padding: 0;
    width: 0
}

.p-article-a .p-article-interact .p-article-comments a:first-of-type:hover:after {
    border-color: #141313 transparent
}

.p-article-a .p-article-social {
    height: 21px;
    line-height: 21px;
    float: left
}

.p-article-a .p-article-social::after {
    clear: both;
    content: "";
    display: table
}

.p-article-a.p-article_audio .duration {
    border-color: #e0e0e0;
    border-left: 1px solid;
    padding: 0 0 0 1em;
    margin: 0 0 0 1em
}

.p-article-a.p-article_audio .show-notes,
.p-article-a.p-article_audio .download {
    display: inline-block
}

.user-authenticated.body-category-itemdetails .p-article-a {
    padding-top: 40px
}

.user-authenticated.body-category-itemdetails .p-article-a .b-userAction {
    position: absolute;
    top: -40px;
    right: 0
}

.body-page .user-actions {
    float: right
}

.body-page .p-article-a header.h2 {
    display: none
}

.body-page.user-anonymous .p-article-title {
    margin-right: 0
}

.p-attachments-a {
    min-height: 300px;
    position: relative
}

.p-attachments-a::after {
    clear: both;
    content: "";
    display: table
}

.p-attachments-a .attachment-drag-drop-container {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border: 6px dashed rgba(0, 0, 0, 0.2);
    margin-left: -10;
    margin-right: -10;
    border-radius: 4px;
    min-height: 300px;
    padding: 10px;
    text-align: center;
    width: 100%
}

.p-attachments-a .attachment-drag-drop-container span.drop-text {
    font-size: 40px;
    color: rgba(0, 0, 0, 0.2);
    display: block;
    padding-top: 10%;
    font-weight: bold
}

.p-attachments-a.attachment-drag-drop-hover {
    background: 0
}

.p-attachments-a h3 {
    margin-left: 10px;
    margin-top: 10px
}

.p-attachments-a h3+p {
    margin-left: 10px
}

.p-attachments-a .multi-file-upload-file-list::after {
    clear: both;
    content: "";
    display: table
}

.p-attachments-a .multi-file-upload-file-list .attachment-item {
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 4px;
    background: #E1EDB9;
    max-width: 270px;
    margin: 4px 0;
    margin-left: 10px
}

.p-attachments-a .multi-file-upload-file-list .attachment-item::after {
    clear: both;
    content: "";
    display: table
}

.p-attachments-a .multi-file-upload-file-list .attachment-item .image-container {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 3px
}

.p-attachments-a .multi-file-upload-file-list .attachment-item .image-container a img {
    width: 30px;
    max-height: 25px
}

.p-attachments-a .multi-file-upload-file-list .attachment-item .title-container {
    float: left;
    margin-left: 5px
}

.p-attachments-a .multi-file-upload-file-list .attachment-item .remove-container {
    float: left;
    margin-left: 5px
}

.p-attachments-a .multi-file-upload-file-list .attachment-item .remove-container span.remove {
    display: block;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    background-image: url("../../Blocks/images/icons/12x12/white/user-action-sprite.png");
    background-position: 44px 1px
}

.p-attachments-a .attachment-title-container {
    background: #d8e8a5;
    padding: 10px;
    color: #000;
    font-weight: bold;
    text-shadow: 0 0 1x #000
}

.p-attachments-a .p-attachment-item.multi-file-upload-file-item {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.25);
    margin: 10px;
    position: relative
}

.p-attachments-a .p-attachment-item.multi-file-upload-file-item .attachment-image-container {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    height: 115px;
    background: white;
    display: table
}

.p-attachments-a .p-attachment-item.multi-file-upload-file-item .attachment-image-container .attachment-image-item {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}

.p-attachments-a .p-attachment-item.multi-file-upload-file-item .attachment-image-name-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.65);
    color: white;
    text-align: center;
    overflow: hidden;
    max-height: 20px
}

.minimal-drop-box {
    background: transparent;
    border: 6px dashed rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    border-radius: 4px;
    min-height: 80px;
    padding: 10px;
    text-align: center;
    width: 100%
}

.minimal-drop-box span.minimal-drop-text {
    font-size: 40px;
    color: rgba(0, 0, 0, 0.2);
    display: block;
    font-weight: bold
}

.p-browser-a .p-browser-item {
    padding: 19.5px 0;
    position: relative
}

.p-browser-a .p-browser-item::after {
    clear: both;
    content: "";
    display: table
}

.p-browser-a .p-browser-thumb {
    float: left;
    position: relative
}

.p-browser-a .p-browser-thumb>a {
    height: 160px;
    width: 284px;
    overflow: hidden
}

.p-browser-a .p-browser-thumb img {
    width: 290px
}

.p-browser-a .p-browser-thumb .u-clip::after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f01d';
    color: #fff;
    font-size: 32px;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px
}

.p-browser-a .p-browser-content {
    margin-left: 44.2%;
    padding-left: 19.5px
}

.p-browser-a .p-browser-content>a {
    display: block
}

.p-browser-a .p-browser-title {
    color: #000;
    margin-right: 45px
}

.p-browser-a .p-browser-title>a,
.p-browser-a .p-browser-title a:active,
.p-browser-a .p-browser-title a:visited {
    color: #000
}

.p-browser-a .p-browser-title>a:hover {
    color: #0d0d0d
}

.p-browser-a .p-browser-byline {
    font-size: 12px;
    margin-bottom: 19.5px
}

.p-browser-a .p-browser-byline>li {
    display: inline-block
}

.p-browser-a .p-browser-comments {
    position: absolute;
    top: 19.5px;
    right: 0
}

.p-browser-a .p-browser-comments>a {
    background: #2e2c2c;
    color: #242527;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 6px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    line-height: 19.5px;
    margin-left: 8px;
    padding: 0 8px
}

.p-browser-a .p-browser-comments>a:hover {
    background: #141313;
    color: #242527
}

.p-browser-a .p-browser-comments>a:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 4px;
    border-width: 6px 0 0 6px;
    border-style: solid;
    border-color: #2e2c2c transparent;
    display: block;
    padding: 0;
    width: 0
}

.p-browser-a .p-browser-comments>a:hover:after {
    border-color: #141313 transparent
}

.p-browser-a .p-browser-duration {
    border-radius: 3px;
    border: 1px solid #000;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    z-index: 2;
    padding: 0 10px;
    line-height: 20px;
    white-space: nowrap
}

.p-browser-a .p-browser-excerpt {
    color: #242527;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-browser-a .p-browser-excerpt>p:last-child {
    margin-bottom: 0
}

.p-browser-a .p-browser-tags {
    display: none
}

.p-browser-b::after {
    clear: both;
    content: "";
    display: table
}

.p-browser-b .p-browser-thumb {
    display: inline-block;
    margin-right: 20px;
    padding: 0;
    margin-bottom: 8px;
    width: 100%
}

.p-browser-b .p-browser-thumb>a {
    height: 120px;
    width: 100%;
    overflow: hidden
}

.p-browser-b .p-browser-thumb img {
    width: 213px
}

.p-browser-b .p-browser-thumb .u-clip::after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f01d';
    color: #fff;
    font-size: 32px;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px
}

.p-browser-b #video-streams::after {
    clear: both;
    content: "";
    display: table
}

.p-browser-b #video-streams>li {
    float: left;
    width: 30.96667%;
    margin: 0 .8% 24px
}

.p-browser-b .p-browser-item {
    position: relative
}

.p-browser-b .b-list-b .b-list-item .b-list-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0
}

.p-browser-b .b-list-b {
    display: inline-block
}

.p-browser-b .b-list-b .b-list-item {
    position: static;
    box-shadow: none;
    border: 0;
    padding: 0;
    margin: 0
}

.p-browser-b .b-list-item .b-list-view {
    border-radius: 3px;
    border: 1px solid #000;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    z-index: 2;
    padding: 0 10px;
    line-height: 20px;
    white-space: nowrap
}

.p-browser-b .stream-time {
    font-size: 11px;
    color: #242527
}

body.show-ads .p-comments-b:last-child .p-comment-footer .p-comment-actionsAdmin,
body.show-ads .body-forum .comment-preview li:last-child .p-comment-footer .p-comment-actionsAdmin,
.body-forum .comment-preview body.show-ads li:last-child .p-comment-footer .p-comment-actionsAdmin,
body.show-ads .body-forum-search .p-comments-a:last-child .p-comment-footer .p-comment-actionsAdmin,
.body-forum-search body.show-ads .p-comments-a:last-child .p-comment-footer .p-comment-actionsAdmin {
    -webkit-transition: .5s ease-out margin-bottom;
    -moz-transition: .5s ease-out margin-bottom;
    transition: .5s ease-out margin-bottom
}

body.show-ads .p-comments-b:last-child .p-comment-footer .p-comment-actionsAdmin:hover,
body.show-ads .body-forum .comment-preview li:last-child .p-comment-footer .p-comment-actionsAdmin:hover,
.body-forum .comment-preview body.show-ads li:last-child .p-comment-footer .p-comment-actionsAdmin:hover,
body.show-ads .body-forum-search .p-comments-a:last-child .p-comment-footer .p-comment-actionsAdmin:hover,
.body-forum-search body.show-ads .p-comments-a:last-child .p-comment-footer .p-comment-actionsAdmin:hover {
    -webkit-transition: .5s ease-in margin-bottom;
    -moz-transition: .5s ease-in margin-bottom;
    transition: .5s ease-in margin-bottom;
    margin-bottom: 120px
}

.p-comments-b .p-comment-post,
.body-forum .comment-preview li .p-comment-post,
.body-forum-search .p-comments-a .p-comment-post {
    background: #E1EDB9;
    color: #000;
    padding: 0;
    position: relative;
    clear: both;
    margin-bottom: 5px
}

.p-comments-b .p-comment-post::after,
.body-forum .comment-preview li .p-comment-post::after,
.body-forum-search .p-comments-a .p-comment-post::after {
    clear: both;
    content: "";
    display: table
}

.p-comments-b .p-comment-post[data-depth],
.body-forum .comment-preview li .p-comment-post[data-depth],
.body-forum-search .p-comments-a .p-comment-post[data-depth] {
    margin-left: 0!important;
    padding-left: 0!important
}

.p-comments-b .p-comment-container,
.body-forum .comment-preview li .p-comment-container,
.body-forum-search .p-comments-a .p-comment-container {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-width: 0 1px 1px 1px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
}

.p-comments-b .p-comment-container::after,
.body-forum .comment-preview li .p-comment-container::after,
.body-forum-search .p-comments-a .p-comment-container::after {
    clear: both;
    content: "";
    display: table
}

.p-comments-b .p-comment-user-background,
.body-forum .comment-preview li .p-comment-user-background,
.body-forum-search .p-comments-a .p-comment-user-background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 150px;
    display: block;
    content: '';
    background: white;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
}

.p-comments-b .p-comment-user,
.body-forum .comment-preview li .p-comment-user,
.body-forum-search .p-comments-a .p-comment-user {
    width: 150px;
    color: #000;
    position: relative;
    text-align: left;
    padding: 5px 10px 10px 10px;
    float: left
}

.p-comments-b .p-comment-user .p-comment-micro-author,
.body-forum .comment-preview li .p-comment-user .p-comment-micro-author,
.body-forum-search .p-comments-a .p-comment-user .p-comment-micro-author {
    display: none
}

.p-comments-b .p-comment-user .p-comment-avatar,
.body-forum .comment-preview li .p-comment-user .p-comment-avatar,
.body-forum-search .p-comments-a .p-comment-user .p-comment-avatar {
    margin-top: 5px
}

.p-comments-b .p-comment-user .p-comment-avatar img,
.body-forum .comment-preview li .p-comment-user .p-comment-avatar img,
.body-forum-search .p-comments-a .p-comment-user .p-comment-avatar img {
    max-width: 150px
}

.p-comments-b .p-comment-user .p-comment-stats,
.body-forum .comment-preview li .p-comment-user .p-comment-stats,
.body-forum-search .p-comments-a .p-comment-user .p-comment-stats {
    font-size: 12px;
    margin-top: 5px
}

.p-comments-b .p-comment-user .p-comment-stats .forum-title,
.body-forum .comment-preview li .p-comment-user .p-comment-stats .forum-title,
.body-forum-search .p-comments-a .p-comment-user .p-comment-stats .forum-title {
    word-wrap: break-word
}

.p-comments-b .p-comment-user .p-comment-stats .p-comment-statitem.ip-address>span,
.body-forum .comment-preview li .p-comment-user .p-comment-stats .p-comment-statitem.ip-address>span,
.body-forum-search .p-comments-a .p-comment-user .p-comment-stats .p-comment-statitem.ip-address>span {
    display: inline-block;
    max-width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    float: right;
    line-height: 16px
}

.p-comments-b .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item,
.body-forum .comment-preview li .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item,
.body-forum-search .p-comments-a .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item {
    display: inline-block;
    color: #242527;
    direction: ltr;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 19.5px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: auto;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: auto;
    float: none;
    overflow: visible;
    position: static;
    left: auto;
    top: auto;
    visibility: visible;
    font-size: 12px
}

.p-comments-b .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item:hover,
.body-forum .comment-preview li .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item:hover,
.body-forum-search .p-comments-a .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item:hover,
.p-comments-b .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item:active,
.body-forum .comment-preview li .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item:active,
.body-forum-search .p-comments-a .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.p-comments-b .p-comment-user .p-comment-stats .p-comment-statitem .checkbox-field,
.body-forum .comment-preview li .p-comment-user .p-comment-stats .p-comment-statitem .checkbox-field,
.body-forum-search .p-comments-a .p-comment-user .p-comment-stats .p-comment-statitem .checkbox-field {
    margin: 0;
    padding: 0;
    padding-left: 10px
}

.p-comments-b .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item-check,
.body-forum .comment-preview li .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item-check,
.body-forum-search .p-comments-a .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item-check {
    display: inline-block;
    color: #242527;
    direction: ltr;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 19.5px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: auto;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: auto;
    float: none;
    overflow: visible;
    position: static;
    left: auto;
    top: auto;
    visibility: visible;
    font-size: 12px
}

.p-comments-b .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item-check:hover,
.body-forum .comment-preview li .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item-check:hover,
.body-forum-search .p-comments-a .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item-check:hover,
.p-comments-b .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item-check:active,
.body-forum .comment-preview li .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item-check:active,
.body-forum-search .p-comments-a .p-comment-user .p-comment-stats .p-comment-statitem .postbit-item-check:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.p-comments-b .p-comment-user .p-comment-title,
.body-forum .comment-preview li .p-comment-user .p-comment-title,
.body-forum-search .p-comments-a .p-comment-user .p-comment-title {
    width: auto;
    font-size: 12px;
    font-weight: normal;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-comments-b .p-comment-user .p-comment-role-title,
.body-forum .comment-preview li .p-comment-user .p-comment-role-title,
.body-forum-search .p-comments-a .p-comment-user .p-comment-role-title {
    font-size: 12px
}

.p-comments-b .p-comment-user .p-comment-username,
.body-forum .comment-preview li .p-comment-user .p-comment-username,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username {
    display: block;
    float: none;
    max-width: none;
    position: relative;
    word-wrap: normal
}

.p-comments-b .p-comment-user .p-comment-username>a,
.body-forum .comment-preview li .p-comment-user .p-comment-username>a,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username>a {
    font-weight: bold;
    color: #000
}

.p-comments-b .p-comment-user .p-comment-username>a span:after,
.body-forum .comment-preview li .p-comment-user .p-comment-username>a span:after,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username>a span:after {
    border-top-width: 5px;
    border-top-color: #000
}

.p-comments-b .p-comment-user .p-comment-username .user,
.body-forum .comment-preview li .p-comment-user .p-comment-username .user,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username .user {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    padding-right: 12px;
    position: relative;
    text-overflow: ellipsis
}

.p-comments-b .p-comment-user .p-comment-username .user:after,
.body-forum .comment-preview li .p-comment-user .p-comment-username .user:after,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username .user:after {
    border-top-width: 5px;
    margin-top: -2px;
    position: absolute;
    right: 0;
    top: 50%
}

.p-comments-b .p-comment-user .p-comment-username .u-dropDownMenu,
.body-forum .comment-preview li .p-comment-user .p-comment-username .u-dropDownMenu,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username .u-dropDownMenu {
    padding-top: 5px
}

.p-comments-b .p-comment-user .p-comment-username .u-dropDownMenu:before,
.body-forum .comment-preview li .p-comment-user .p-comment-username .u-dropDownMenu:before,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username .u-dropDownMenu:before {
    left: 60%
}

.p-comments-b .p-comment-user .p-comment-username .u-dropDownMenu:after,
.body-forum .comment-preview li .p-comment-user .p-comment-username .u-dropDownMenu:after,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username .u-dropDownMenu:after {
    left: 60%
}

.p-comments-b .p-comment-user .p-comment-username .u-dropDownMenu .j-jump-forum-sub,
.body-forum .comment-preview li .p-comment-user .p-comment-username .u-dropDownMenu .j-jump-forum-sub,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username .u-dropDownMenu .j-jump-forum-sub {
    float: left!important;
    width: 100%
}

.p-comments-b .p-comment-user .p-comment-username .u-dropDownMenu.user-actions-forum-post-author-menu:before,
.body-forum .comment-preview li .p-comment-user .p-comment-username .u-dropDownMenu.user-actions-forum-post-author-menu:before,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username .u-dropDownMenu.user-actions-forum-post-author-menu:before,
.p-comments-b .p-comment-user .p-comment-username .u-dropDownMenu.user-actions-forum-post-author-menu:after,
.body-forum .comment-preview li .p-comment-user .p-comment-username .u-dropDownMenu.user-actions-forum-post-author-menu:after,
.body-forum-search .p-comments-a .p-comment-user .p-comment-username .u-dropDownMenu.user-actions-forum-post-author-menu:after {
    left: 10px
}

.p-comments-b .p-comment-wrapper,
.body-forum .comment-preview li .p-comment-wrapper,
.body-forum-search .p-comments-a .p-comment-wrapper {
    margin-left: 150px;
    padding: 0;
    background: 0;
    border: 0
}

.p-comments-b .p-comment-wrapper .comment-revisions,
.body-forum .comment-preview li .p-comment-wrapper .comment-revisions,
.body-forum-search .p-comments-a .p-comment-wrapper .comment-revisions {
    margin-bottom: 10px;
    max-width: 94px
}

.p-comments-b .p-comment-wrapper .comment-revisions .u-icon-dropdown,
.body-forum .comment-preview li .p-comment-wrapper .comment-revisions .u-icon-dropdown,
.body-forum-search .p-comments-a .p-comment-wrapper .comment-revisions .u-icon-dropdown {
    background: url("../../Blocks/images/icons/16x16/grey/icon-down-grey.png") center center;
    width: 12px;
    height: 12px;
    display: block;
    float: right;
    margin-left: 5px;
    margin-top: 2px
}

.p-comments-b .p-comment-wrapper .comment-revisions-history,
.body-forum .comment-preview li .p-comment-wrapper .comment-revisions-history,
.body-forum-search .p-comments-a .p-comment-wrapper .comment-revisions-history {
    margin-top: 10px;
    padding: 20px;
    background: #d0e390
}

.p-comments-b .p-comment-wrapper .comment-revisions-history span,
.body-forum .comment-preview li .p-comment-wrapper .comment-revisions-history span,
.body-forum-search .p-comments-a .p-comment-wrapper .comment-revisions-history span {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    margin-right: 5px
}

.p-comments-b .p-comment-wrapper .comment-revisions-history .comment-revisions-select,
.body-forum .comment-preview li .p-comment-wrapper .comment-revisions-history .comment-revisions-select,
.body-forum-search .p-comments-a .p-comment-wrapper .comment-revisions-history .comment-revisions-select {
    font-size: 14px;
    background: #f2f7e2;
    color: #000
}

.p-comments-b .p-comment-wrapper .comment-revisions-history .comment-revisions-rollback,
.body-forum .comment-preview li .p-comment-wrapper .comment-revisions-history .comment-revisions-rollback,
.body-forum-search .p-comments-a .p-comment-wrapper .comment-revisions-history .comment-revisions-rollback {
    margin-left: 5px;
    vertical-align: top
}

.p-comments-b .p-comment-wrapper .comment-revisions-history .comment-revisions-cancel,
.body-forum .comment-preview li .p-comment-wrapper .comment-revisions-history .comment-revisions-cancel,
.body-forum-search .p-comments-a .p-comment-wrapper .comment-revisions-history .comment-revisions-cancel {
    margin-top: -8px
}

.p-comments-b .p-comment-header,
.body-forum .comment-preview li .p-comment-header,
.body-forum-search .p-comments-a .p-comment-header {
    margin-bottom: 0;
    margin-top: 0;
    background-image: -webkit-linear-gradient(top, #f2f7e2, #d0e390);
    background-image: linear-gradient(to bottom, #f2f7e2, #d0e390);
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    position: relative;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-width: 1px 1px 1px 1px;
    font-size: 12px
}

.p-comments-b .p-comment-header .u-icon-warned,
.body-forum .comment-preview li .p-comment-header .u-icon-warned,
.body-forum-search .p-comments-a .p-comment-header .u-icon-warned {
    padding: 0 6px;
    float: right
}

.p-comments-b .p-comment-header .u-icon-warned::before,
.body-forum .comment-preview li .p-comment-header .u-icon-warned::before,
.body-forum-search .p-comments-a .p-comment-header .u-icon-warned::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f071';
    color: #fff;
    font-size: 14px;
    vertical-align: middle
}

.p-comments-b .p-comment-header .u-icon-reported,
.body-forum .comment-preview li .p-comment-header .u-icon-reported,
.body-forum-search .p-comments-a .p-comment-header .u-icon-reported {
    padding: 0 6px;
    float: right
}

.p-comments-b .p-comment-header .u-icon-reported::before,
.body-forum .comment-preview li .p-comment-header .u-icon-reported::before,
.body-forum-search .p-comments-a .p-comment-header .u-icon-reported::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f05a';
    color: #fff;
    font-size: 14px;
    vertical-align: middle
}

.p-comments-b .p-comment-header .u-icon-note,
.body-forum .comment-preview li .p-comment-header .u-icon-note,
.body-forum-search .p-comments-a .p-comment-header .u-icon-note {
    padding: 0 6px;
    float: right
}

.p-comments-b .p-comment-header .u-icon-note::before,
.body-forum .comment-preview li .p-comment-header .u-icon-note::before,
.body-forum-search .p-comments-a .p-comment-header .u-icon-note::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f15c';
    color: #fff;
    font-size: 14px;
    vertical-align: middle
}

.p-comments-b .p-comment-header .col-actions-checkbox,
.body-forum .comment-preview li .p-comment-header .col-actions-checkbox,
.body-forum-search .p-comments-a .p-comment-header .col-actions-checkbox {
    position: relative;
    top: 2px;
    left: 2px
}

.p-comments-b .p-comment-header .p-comment-index,
.body-forum .comment-preview li .p-comment-header .p-comment-index,
.body-forum-search .p-comments-a .p-comment-header .p-comment-index {
    background: 0;
    font-weight: bold;
    width: auto;
    padding: 0;
    margin: 0;
    float: right
}

.p-comments-b .p-comment-header .p-comment-index a,
.body-forum .comment-preview li .p-comment-header .p-comment-index a,
.body-forum-search .p-comments-a .p-comment-header .p-comment-index a {
    color: #000
}

.p-comments-b .p-comment-header .p-comment-thread-title,
.body-forum .comment-preview li .p-comment-header .p-comment-thread-title,
.body-forum-search .p-comments-a .p-comment-header .p-comment-thread-title {
    float: right
}

body.body-forum-search .p-comments-b .p-comment-header .p-comment-thread-title,
body.body-forum-search .body-forum .comment-preview li .p-comment-header .p-comment-thread-title,
.body-forum .comment-preview body.body-forum-search li .p-comment-header .p-comment-thread-title,
body.body-forum-search .p-comments-a .p-comment-header .p-comment-thread-title {
    float: left;
    font-size: 14px;
    width: 700px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-comments-b .p-comment-header .p-comment-thread-title a,
.body-forum .comment-preview li .p-comment-header .p-comment-thread-title a,
.body-forum-search .p-comments-a .p-comment-header .p-comment-thread-title a {
    font-weight: bold;
    color: #000
}

.p-comments-b .p-comment-header .p-comment-postdate,
.body-forum .comment-preview li .p-comment-header .p-comment-postdate,
.body-forum-search .p-comments-a .p-comment-header .p-comment-postdate {
    float: left
}

.p-comments-b .p-comment-header .p-comment-postdate abbr,
.body-forum .comment-preview li .p-comment-header .p-comment-postdate abbr,
.body-forum-search .p-comments-a .p-comment-header .p-comment-postdate abbr {
    border-bottom: 0
}

body.body-forum-search .p-comments-b .p-comment-header .p-comment-postdate,
body.body-forum-search .body-forum .comment-preview li .p-comment-header .p-comment-postdate,
.body-forum .comment-preview body.body-forum-search li .p-comment-header .p-comment-postdate,
body.body-forum-search .p-comments-a .p-comment-header .p-comment-postdate {
    float: right
}

.p-comments-b .p-comment-content,
.body-forum .comment-preview li .p-comment-content,
.body-forum-search .p-comments-a .p-comment-content {
    padding: 10px 10px 0 10px;
    min-height: 150px
}

.p-comments-b .p-comment-content blockquote,
.body-forum .comment-preview li .p-comment-content blockquote,
.body-forum-search .p-comments-a .p-comment-content blockquote {
    color: #000;
    border-color: #c7dd7c;
    background: #d0e390
}

.p-comments-b .p-comment-content blockquote h1,
.body-forum .comment-preview li .p-comment-content blockquote h1,
.body-forum-search .p-comments-a .p-comment-content blockquote h1,
.p-comments-b .p-comment-content blockquote h2,
.body-forum .comment-preview li .p-comment-content blockquote h2,
.body-forum-search .p-comments-a .p-comment-content blockquote h2,
.p-comments-b .p-comment-content blockquote h3,
.body-forum .comment-preview li .p-comment-content blockquote h3,
.body-forum-search .p-comments-a .p-comment-content blockquote h3,
.p-comments-b .p-comment-content blockquote h4,
.body-forum .comment-preview li .p-comment-content blockquote h4,
.body-forum-search .p-comments-a .p-comment-content blockquote h4,
.p-comments-b .p-comment-content blockquote h5,
.body-forum .comment-preview li .p-comment-content blockquote h5,
.body-forum-search .p-comments-a .p-comment-content blockquote h5 {
    color: #000
}

.p-comments-b .p-comment-content blockquote>blockquote,
.body-forum .comment-preview li .p-comment-content blockquote>blockquote,
.body-forum-search .p-comments-a .p-comment-content blockquote>blockquote {
    color: #000;
    border-color: #c3db74;
    background: #cce088
}

.p-comments-b .p-comment-content blockquote>blockquote>blockquote,
.body-forum .comment-preview li .p-comment-content blockquote>blockquote>blockquote,
.body-forum-search .p-comments-a .p-comment-content blockquote>blockquote>blockquote {
    color: #000;
    border-color: #c0d96c;
    background: #c9de80
}

.p-comments-b .p-comment-content a,
.body-forum .comment-preview li .p-comment-content a,
.body-forum-search .p-comments-a .p-comment-content a,
.p-comments-b .p-comment-notes a,
.body-forum .comment-preview li .p-comment-notes a,
.body-forum-search .p-comments-a .p-comment-notes a {
    color: #000
}

.p-comments-b .p-comment-content a:hover,
.body-forum .comment-preview li .p-comment-content a:hover,
.body-forum-search .p-comments-a .p-comment-content a:hover,
.p-comments-b .p-comment-notes a:hover,
.body-forum .comment-preview li .p-comment-notes a:hover,
.body-forum-search .p-comments-a .p-comment-notes a:hover {
    color: #0d0d0d
}

.p-comments-b .p-comment-content a:active,
.body-forum .comment-preview li .p-comment-content a:active,
.body-forum-search .p-comments-a .p-comment-content a:active,
.p-comments-b .p-comment-notes a:active,
.body-forum .comment-preview li .p-comment-notes a:active,
.body-forum-search .p-comments-a .p-comment-notes a:active {
    color: #000
}

.p-comments-b .p-comment-content a:visited,
.body-forum .comment-preview li .p-comment-content a:visited,
.body-forum-search .p-comments-a .p-comment-content a:visited,
.p-comments-b .p-comment-notes a:visited,
.body-forum .comment-preview li .p-comment-notes a:visited,
.body-forum-search .p-comments-a .p-comment-notes a:visited {
    color: #000
}

.p-comments-b .p-comment-content a.button,
.body-forum .comment-preview li .p-comment-content a.button,
.body-forum-search .p-comments-a .p-comment-content a.button,
.p-comments-b .p-comment-notes a.button,
.body-forum .comment-preview li .p-comment-notes a.button,
.body-forum-search .p-comments-a .p-comment-notes a.button {
    color: #242527
}

.p-comments-b .p-comment-content a.button:hover,
.body-forum .comment-preview li .p-comment-content a.button:hover,
.body-forum-search .p-comments-a .p-comment-content a.button:hover,
.p-comments-b .p-comment-notes a.button:hover,
.body-forum .comment-preview li .p-comment-notes a.button:hover,
.body-forum-search .p-comments-a .p-comment-notes a.button:hover {
    color: #242527
}

.p-comments-b .p-comment-content a.u-button-link,
.body-forum .comment-preview li .p-comment-content a.u-button-link,
.body-forum-search .p-comments-a .p-comment-content a.u-button-link,
.p-comments-b .p-comment-notes a.u-button-link,
.body-forum .comment-preview li .p-comment-notes a.u-button-link,
.body-forum-search .p-comments-a .p-comment-notes a.u-button-link {
    color: #242527
}

.p-comments-b .p-comment-content a.u-button-link:hover,
.body-forum .comment-preview li .p-comment-content a.u-button-link:hover,
.body-forum-search .p-comments-a .p-comment-content a.u-button-link:hover,
.p-comments-b .p-comment-notes a.u-button-link:hover,
.body-forum .comment-preview li .p-comment-notes a.u-button-link:hover,
.body-forum-search .p-comments-a .p-comment-notes a.u-button-link:hover {
    color: #242527
}

.p-comments-b .p-comment-content a.u-button-link:active,
.body-forum .comment-preview li .p-comment-content a.u-button-link:active,
.body-forum-search .p-comments-a .p-comment-content a.u-button-link:active,
.p-comments-b .p-comment-notes a.u-button-link:active,
.body-forum .comment-preview li .p-comment-notes a.u-button-link:active,
.body-forum-search .p-comments-a .p-comment-notes a.u-button-link:active {
    color: #242527
}

.p-comments-b .p-comment-content a.u-button-link:visited,
.body-forum .comment-preview li .p-comment-content a.u-button-link:visited,
.body-forum-search .p-comments-a .p-comment-content a.u-button-link:visited,
.p-comments-b .p-comment-notes a.u-button-link:visited,
.body-forum .comment-preview li .p-comment-notes a.u-button-link:visited,
.body-forum-search .p-comments-a .p-comment-notes a.u-button-link:visited {
    color: #242527
}

.p-comments-b .p-comment-body .spoiler,
.body-forum .comment-preview li .p-comment-body .spoiler,
.body-forum-search .p-comments-a .p-comment-body .spoiler {
    border: 1px solid;
    background: #d8e8a5;
    border-color: #d8e8a5;
    color: #000;
    margin: 9.75px 0 19.5px;
    padding: 9.75px;
    position: relative
}

.p-comments-b .p-comment-body .spoiler::before,
.body-forum .comment-preview li .p-comment-body .spoiler::before,
.body-forum-search .p-comments-a .p-comment-body .spoiler::before {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-bottom: 10px solid #242527;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    margin-right: 5px
}

.p-comments-b .p-comment-body .spoiler:before,
.body-forum .comment-preview li .p-comment-body .spoiler:before,
.body-forum-search .p-comments-a .p-comment-body .spoiler:before {
    position: absolute;
    top: -10px;
    left: 9.75px;
    border-bottom-color: #d8e8a5
}

.p-comments-b .p-comment-body .spoiler>p,
.body-forum .comment-preview li .p-comment-body .spoiler>p,
.body-forum-search .p-comments-a .p-comment-body .spoiler>p {
    margin: 0
}

.p-comments-b .p-comment-footer,
.body-forum .comment-preview li .p-comment-footer,
.body-forum-search .p-comments-a .p-comment-footer {
    padding: 5px 10px;
    background: #deebb1;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    border-right: 1px solid rgba(0, 0, 0, 0.25)
}

.p-comments-b .p-comment-footer .forum-post-rating,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating {
    overflow: hidden;
    position: relative;
    top: 2px
}

.p-comments-b .p-comment-footer .forum-post-rating .b-rating-a::after,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating .b-rating-a::after,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating .b-rating-a::after {
    clear: both;
    content: "";
    display: table
}

.p-comments-b .p-comment-footer .forum-post-rating .content-box-rating,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating .content-box-rating,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating .content-box-rating {
    float: left
}

.p-comments-b .p-comment-footer .forum-post-rating .content-box-rating span.like,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating .content-box-rating span.like,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating .content-box-rating span.like {
    margin: 0 5px 0 0;
    width: 24px;
    height: 22px;
    background-position: center;
    background-color: #242527;
    border-radius: 2px;
    border: 1px solid #242527;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
    display: inline-block;
    cursor: pointer;
    position: relative
}

.p-comments-b .p-comment-footer .forum-post-rating .content-box-rating span.like.liked,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating .content-box-rating span.like.liked,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating .content-box-rating span.like.liked {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
    left: 0;
    background-color: #18181a;
    border-color: #18181a;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-position: center
}

.p-comments-b .p-comment-footer .forum-post-rating .content-box-rating span.like::before,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating .content-box-rating span.like::before,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating .content-box-rating span.like::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f062';
    color: #fff;
    position: absolute;
    left: 6px;
    top: 4px;
    pointer-events: none
}

.p-comments-b .p-comment-footer .forum-post-rating .content-box-rating span.like.liked::before,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating .content-box-rating span.like.liked::before,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating .content-box-rating span.like.liked::before {
    content: '\f00d';
    left: 6px
}

.p-comments-b .p-comment-footer .forum-post-rating .content-box-rating span.like input,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating .content-box-rating span.like input,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating .content-box-rating span.like input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.p-comments-b .p-comment-footer .forum-post-rating .content-box-rating span.like.user-owned,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating .content-box-rating span.like.user-owned,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating .content-box-rating span.like.user-owned {
    display: inline-block;
    width: 24px;
    height: 22px;
    background-position: center;
    background-color: #242527;
    border-radius: 2px;
    border: 1px solid #242527;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    top: 1px;
    opacity: .25
}

.p-comments-b .p-comment-footer .forum-post-rating a.modal-link,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating a.modal-link,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating a.modal-link {
    position: initial
}

.p-comments-b .p-comment-footer .forum-post-rating span.num-likes,
.body-forum .comment-preview li .p-comment-footer .forum-post-rating span.num-likes,
.body-forum-search .p-comments-a .p-comment-footer .forum-post-rating span.num-likes {
    float: right;
    color: #fff;
    line-height: 16px;
    background-color: #242527;
    border-radius: 2px;
    border: 1px solid #242527;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    font-weight: bold;
    padding: 3px 7px 1px
}

.p-comments-b .p-comment-footer .user-actions>li a,
.body-forum .comment-preview li .p-comment-footer .user-actions>li a,
.body-forum-search .p-comments-a .p-comment-footer .user-actions>li a {
    color: #000
}

.p-comments-b .p-comment-footer .user-actions>li a:hover,
.body-forum .comment-preview li .p-comment-footer .user-actions>li a:hover,
.body-forum-search .p-comments-a .p-comment-footer .user-actions>li a:hover {
    color: #0d0d0d
}

.p-comments-b .p-comment-footer .user-actions>li a:active,
.body-forum .comment-preview li .p-comment-footer .user-actions>li a:active,
.body-forum-search .p-comments-a .p-comment-footer .user-actions>li a:active {
    color: #000
}

.p-comments-b .p-comment-footer .user-actions>li a:visited,
.body-forum .comment-preview li .p-comment-footer .user-actions>li a:visited,
.body-forum-search .p-comments-a .p-comment-footer .user-actions>li a:visited {
    color: #000
}

.p-comments-b .p-comment-sig,
.body-forum .comment-preview li .p-comment-sig,
.body-forum-search .p-comments-a .p-comment-sig {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    font-size: 12px;
    margin-top: 10px;
    overflow: hidden;
    padding: 5px 10px;
    position: relative;
    clear: right;
    max-height: 150px
}

.p-comments-b .p-comment-sig p:only-of-type,
.body-forum .comment-preview li .p-comment-sig p:only-of-type,
.body-forum-search .p-comments-a .p-comment-sig p:only-of-type {
    margin-bottom: 0
}

.p-comments-b .p-comment-sig img,
.body-forum .comment-preview li .p-comment-sig img,
.body-forum-search .p-comments-a .p-comment-sig img {
    vertical-align: text-bottom
}

.p-comments-b .p-comment-sig.signature-spam,
.body-forum .comment-preview li .p-comment-sig.signature-spam,
.body-forum-search .p-comments-a .p-comment-sig.signature-spam {
    background: #DE0000 url("../../Blocks/images/ui/ui-spam-bg.png") no-repeat center center;
    color: #fff
}

.p-comments-b .listing-comments>li:last-child .p-comment-post,
.body-forum .comment-preview li .listing-comments>li:last-child .p-comment-post,
.body-forum-search .p-comments-a .listing-comments>li:last-child .p-comment-post {
    margin-bottom: 0
}

.p-comments-b .listing-footer,
.body-forum .comment-preview li .listing-footer,
.body-forum-search .p-comments-a .listing-footer {
    overflow: hidden;
    padding-bottom: 10px
}

.p-comments-b .listing-footer .b-pagination-a,
.body-forum .comment-preview li .listing-footer .b-pagination-a,
.body-forum-search .p-comments-a .listing-footer .b-pagination-a {
    float: left;
    margin: 0;
    position: relative;
    top: 3px
}

.p-comments-b .bread-heel .forum-back-nav,
.body-forum .comment-preview li .bread-heel .forum-back-nav,
.body-forum-search .p-comments-a .bread-heel .forum-back-nav,
.p-comments-b .bread-heel .j-jump-forum-sub,
.body-forum .comment-preview li .bread-heel .j-jump-forum-sub,
.body-forum-search .p-comments-a .bread-heel .j-jump-forum-sub {
    float: right
}

.p-comments-b.j-comment-delete-form .form-footer ul,
.body-forum .comment-preview li.j-comment-delete-form .form-footer ul,
.body-forum-search .j-comment-delete-form.p-comments-a .form-footer ul {
    text-align: center;
    margin-top: 15px
}

.p-comments-b .ad-container,
.body-forum .comment-preview li .ad-container,
.body-forum-search .p-comments-a .ad-container {
    width: inherit
}

.p-comments-b .ad-container .ad-bin .xt-placement:empty,
.body-forum .comment-preview li .ad-container .ad-bin .xt-placement:empty,
.body-forum-search .p-comments-a .ad-container .ad-bin .xt-placement:empty {
    display: none
}

.body-forum-search .p-comments-a .p-comment-post {
    margin-bottom: 19.5px
}

.body-forum-search .p-comments-a .p-comment-header .thread-title {
    display: block;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.body-forum #reply body#tinymce {
    background: white
}

.body-forum #reply .g-recaptcha {
    float: right;
    margin-bottom: 5px
}

#user-reputation .forum-post-rating {
    clear: left;
    float: left;
    position: relative;
    top: 8px
}

#user-reputation .forum-post-rating .small-thumbs-up {
    position: relative;
    top: -3px;
    margin-right: 5px
}

.p-forum-a.forum-thread-edit div.forum-selection,
.listing-forum-search.forum-thread-edit div.forum-selection {
    height: 400px;
    overflow-y: scroll;
    border: 1px solid;
    background-color: white;
    margin: 10px 0;
    padding: 3px 5px 5px 5px
}

.p-forum-a .h2,
.listing-forum-search .h2 {
    margin-bottom: 9.75px
}

.p-forum-a .h2::after,
.listing-forum-search .h2::after {
    clear: both;
    content: "";
    display: table
}

.body-forum-index .p-forum-a .h2.with-sub-forum h2,
.body-forum-index .listing-forum-search .h2.with-sub-forum h2 {
    margin-left: 20px
}

.p-forum-a .h2 h2,
.listing-forum-search .h2 h2 {
    margin-bottom: 0
}

.p-forum-a .sub-header,
.listing-forum-search .sub-header {
    display: block;
    overflow: hidden
}

.p-forum-a>.user-actions,
.listing-forum-search>.user-actions {
    z-index: 20
}

.p-forum-a .user-actions,
.listing-forum-search .user-actions {
    float: right;
    margin-bottom: 9.75px
}

.p-forum-a .user-actions .user-actions,
.listing-forum-search .user-actions .user-actions {
    float: none
}

.p-forum-a .expand-link,
.listing-forum-search .expand-link {
    float: left;
    clear: both;
    margin-top: -25px;
    text-indent: -99999px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 34px;
    left: 0;
    background: url(../../Blocks/images/ui/toggle-expand-dark.png) no-repeat transparent
}

.p-forum-a .expand-link.expanded,
.listing-forum-search .expand-link.expanded {
    background: url(../../Blocks/images/ui/toggle-collapse-dark.png) no-repeat transparent
}

.p-forum-a .listing-forum-thread .col-thread,
.listing-forum-search .listing-forum-thread .col-thread {
    position: relative
}

.p-forum-a .forum-listing li.item,
.listing-forum-search .forum-listing li.item {
    position: relative
}

.p-forum-a .forum-options,
.p-forum-a .h2.caption-threads,
.listing-forum-search .forum-options,
.listing-forum-search .h2.caption-threads {
    float: right;
    margin-bottom: 9.75px
}

.p-forum-a .comment-bulk-moderation,
.listing-forum-search .comment-bulk-moderation {
    position: fixed;
    right: 40px;
    bottom: 40px;
    background: #eee;
    padding: 18px 30px;
    z-index: 15000;
    border: 4px solid #f9f9f9;
    color: #000;
    border-radius: 5px
}

.p-forum-a .comment-bulk-moderation form,
.listing-forum-search .comment-bulk-moderation form {
    margin-bottom: 10px
}

.p-forum-a .comment-bulk-moderation select,
.listing-forum-search .comment-bulk-moderation select {
    margin: 10px 0
}

.p-forum-a .comment-bulk-moderation button,
.listing-forum-search .comment-bulk-moderation button {
    margin: 10px 0;
    width: 100%
}

.p-forum-a .comment-bulk-moderation a,
.listing-forum-search .comment-bulk-moderation a {
    color: #000
}

.p-forum-a .comment-bulk-moderation a:hover,
.listing-forum-search .comment-bulk-moderation a:hover {
    color: #0d0d0d
}

.p-forum-a .h2.caption-threads,
.listing-forum-search .h2.caption-threads {
    float: none
}

.p-forum-a .user-action-tools:hover .u-dropDownMenu,
.listing-forum-search .user-action-tools:hover .u-dropDownMenu {
    left: auto;
    right: 0
}

.p-forum-a .user-action-tools .u-dropDownMenu:before,
.listing-forum-search .user-action-tools .u-dropDownMenu:before {
    right: 8px;
    left: auto
}

.p-forum-a .user-action-tools .u-dropDownMenu:after,
.listing-forum-search .user-action-tools .u-dropDownMenu:after {
    right: 7px;
    left: auto
}

.ie8 .p-forum-a .user-actions-threads .b-userAction-item,
.ie8 .p-forum-a .user-actions-thread .b-userAction-item,
.ie8 .p-forum-a .user-actions-forums .b-userAction-item,
.ie8 .listing-forum-search .user-actions-threads .b-userAction-item,
.ie8 .listing-forum-search .user-actions-thread .b-userAction-item,
.ie8 .listing-forum-search .user-actions-forums .b-userAction-item {
    display: inline-block
}

.ie8 .p-forum-a .user-actions-threads .b-userAction-item+.b-userAction-item,
.ie8 .p-forum-a .user-actions-thread .b-userAction-item+.b-userAction-item,
.ie8 .p-forum-a .user-actions-forums .b-userAction-item+.b-userAction-item,
.ie8 .listing-forum-search .user-actions-threads .b-userAction-item+.b-userAction-item,
.ie8 .listing-forum-search .user-actions-thread .b-userAction-item+.b-userAction-item,
.ie8 .listing-forum-search .user-actions-forums .b-userAction-item+.b-userAction-item {
    margin-left: 6px
}

.p-forum-a .announcements,
.listing-forum-search .announcements {
    color: #000
}

.p-forum-a .announcements a,
.listing-forum-search .announcements a {
    color: #000
}

.p-forum-a .announcements a:hover,
.listing-forum-search .announcements a:hover {
    color: #0d0d0d
}

.p-forum-a .announcements .forum-thread-row,
.listing-forum-search .announcements .forum-thread-row {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-color: #fff;
    line-height: 30px
}

.p-forum-a .announcements .forum-thread-row::after,
.listing-forum-search .announcements .forum-thread-row::after {
    clear: both;
    content: "";
    display: table
}

.p-forum-a .announcements .forum-thread-row+.forum-thread-row,
.listing-forum-search .announcements .forum-thread-row+.forum-thread-row {
    border-top-width: 0
}

.p-forum-a .announcements .col-status,
.listing-forum-search .announcements .col-status {
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid;
    border-color: #e6e6e6;
    width: auto;
    padding: 8px;
    max-height: 49px
}

.p-forum-a .announcements .title,
.listing-forum-search .announcements .title {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    font-weight: bold!important;
    font-size: 15px;
    color: #000
}

.p-forum-a .announcements .title:hover,
.listing-forum-search .announcements .title:hover {
    color: #0d0d0d;
    text-decoration: underline
}

.p-forum-a .announcements .title:hover .active-viewers,
.listing-forum-search .announcements .title:hover .active-viewers {
    text-decoration: none
}

.p-forum-a .announcements .thread-author,
.listing-forum-search .announcements .thread-author {
    float: right;
    clear: none;
    display: block;
    padding: 8px;
    font-size: 12px
}

.p-forum-a .admin-controls,
.listing-forum-search .admin-controls {
    float: right;
    margin-left: 2em;
    width: 50%
}

.p-forum-a .admin-controls::after,
.listing-forum-search .admin-controls::after {
    clear: both;
    content: "";
    display: table
}

.p-forum-a .admin-controls .filters,
.listing-forum-search .admin-controls .filters {
    margin-left: 0;
    min-height: 1px;
    display: inline-block
}

.p-forum-a .admin-controls .bulk-moderation,
.listing-forum-search .admin-controls .bulk-moderation {
    text-align: right;
    float: right
}

.p-forum-a .admin-controls .bulk-moderation #field-clear-selected,
.listing-forum-search .admin-controls .bulk-moderation #field-clear-selected {
    margin-right: 6px
}

.p-forum-a .admin-controls,
.listing-forum-search .admin-controls {
    width: auto;
    float: right;
    max-width: 70%
}

.p-forum-a .admin-controls .hide-always,
.listing-forum-search .admin-controls .hide-always {
    display: none
}

.p-forum-a .admin-controls .filters,
.listing-forum-search .admin-controls .filters {
    float: right;
    margin-left: 10px
}

.p-forum-a .admin-controls .bulk-moderation,
.listing-forum-search .admin-controls .bulk-moderation {
    float: right
}

.p-forum-a .admin-controls .bulk-moderation #form-field-mod-prefix,
.listing-forum-search .admin-controls .bulk-moderation #form-field-mod-prefix {
    position: relative;
    top: -17px;
    width: 100px;
    height: 30px;
    overflow: visible;
    border-radius: 4px
}

.p-forum-a .admin-controls .bulk-moderation #form-field-mod-prefix .chosen-container-active,
.listing-forum-search .admin-controls .bulk-moderation #form-field-mod-prefix .chosen-container-active {
    border: 0
}

.p-forum-a .admin-controls .bulk-moderation #form-field-mod-prefix #field_mod_prefix_chosen,
.listing-forum-search .admin-controls .bulk-moderation #form-field-mod-prefix #field_mod_prefix_chosen {
    width: 100px!important
}

.p-forum-a .admin-controls .bulk-moderation #form-field-mod-prefix #field_mod_prefix_chosen .chosen-choices,
.listing-forum-search .admin-controls .bulk-moderation #form-field-mod-prefix #field_mod_prefix_chosen .chosen-choices {
    border-radius: 4px
}

.p-forum-a .admin-controls .bulk-moderation #form-field-mod-prefix #field_mod_prefix_chosen .chosen-drop,
.listing-forum-search .admin-controls .bulk-moderation #form-field-mod-prefix #field_mod_prefix_chosen .chosen-drop {
    width: 100px!important
}

.p-forum-a .admin-controls .bulk-moderation #form-field-mod-prefix #field_mod_prefix_chosen .chosen-drop:focus,
.listing-forum-search .admin-controls .bulk-moderation #form-field-mod-prefix #field_mod_prefix_chosen .chosen-drop:focus {
    display: none
}

.p-forum-a .statistics::after,
.listing-forum-search .statistics::after {
    clear: both;
    content: "";
    display: table
}

.p-forum-a .statistics .count,
.listing-forum-search .statistics .count {
    float: right;
    margin-left: 20px
}

.p-forum-a .statistics .info,
.listing-forum-search .statistics .info {
    overflow: hidden
}

.p-forum-a .statistics .statistics-body,
.listing-forum-search .statistics .statistics-body {
    color: #000;
    padding: 10px 20px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    background: #fff;
    min-height: 95px
}

.p-forum-a .statistics .statistics-body a,
.p-forum-a .statistics .statistics-body a:visited,
.p-forum-a .statistics .statistics-body a:active,
.listing-forum-search .statistics .statistics-body a,
.listing-forum-search .statistics .statistics-body a:visited,
.listing-forum-search .statistics .statistics-body a:active {
    color: #000
}

.p-forum-a .statistics .statistics-body a:hover,
.p-forum-a .statistics .statistics-body a:visited:hover,
.p-forum-a .statistics .statistics-body a:active:hover,
.listing-forum-search .statistics .statistics-body a:hover,
.listing-forum-search .statistics .statistics-body a:visited:hover,
.listing-forum-search .statistics .statistics-body a:active:hover {
    color: #0d0d0d
}

.p-forum-a .statistics .statistics-body a.button,
.p-forum-a .statistics .statistics-body a:visited.button,
.p-forum-a .statistics .statistics-body a:active.button,
.listing-forum-search .statistics .statistics-body a.button,
.listing-forum-search .statistics .statistics-body a:visited.button,
.listing-forum-search .statistics .statistics-body a:active.button {
    color: #242527
}

.p-forum-a .statistics .statistics-body a.button:hover,
.p-forum-a .statistics .statistics-body a:visited.button:hover,
.p-forum-a .statistics .statistics-body a:active.button:hover,
.listing-forum-search .statistics .statistics-body a.button:hover,
.listing-forum-search .statistics .statistics-body a:visited.button:hover,
.listing-forum-search .statistics .statistics-body a:active.button:hover {
    color: #242527
}

.p-forum-a .b-table span.thread-title span.thread-prefix a,
.p-forum-a .announcements span.thread-title span.thread-prefix a,
.listing-forum-search .b-table span.thread-title span.thread-prefix a,
.listing-forum-search .announcements span.thread-title span.thread-prefix a {
    font-size: 11px;
    font-weight: bold
}

.p-forum-a .b-table span.thread-title span.thread-prefixes-list,
.p-forum-a .announcements span.thread-title span.thread-prefixes-list,
.listing-forum-search .b-table span.thread-title span.thread-prefixes-list,
.listing-forum-search .announcements span.thread-title span.thread-prefixes-list {
    font-size: 11px;
    margin-right: 4px;
    display: none!important
}

.p-forum-a .b-table .j-forum-thread-row:hover .thread-prefixes-list,
.p-forum-a .announcements .j-forum-thread-row:hover .thread-prefixes-list,
.listing-forum-search .b-table .j-forum-thread-row:hover .thread-prefixes-list,
.listing-forum-search .announcements .j-forum-thread-row:hover .thread-prefixes-list {
    display: inline-block!important
}

.p-forum-a .b-table .filtered tr.forum-thread-row-pinned+tr:not(.forum-thread-row-pinned),
.p-forum-a .announcements .filtered tr.forum-thread-row-pinned+tr:not(.forum-thread-row-pinned),
.listing-forum-search .b-table .filtered tr.forum-thread-row-pinned+tr:not(.forum-thread-row-pinned),
.listing-forum-search .announcements .filtered tr.forum-thread-row-pinned+tr:not(.forum-thread-row-pinned) {
    border-top: none!important
}

.p-forum-a .b-table thead,
.p-forum-a .announcements thead,
.listing-forum-search .b-table thead,
.listing-forum-search .announcements thead {
    border: 0
}

.p-forum-a .b-table thead th,
.p-forum-a .announcements thead th,
.listing-forum-search .b-table thead th,
.listing-forum-search .announcements thead th {
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, #f2f7e2, #d0e390);
    background-image: linear-gradient(to bottom, #f2f7e2, #d0e390);
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.25)
}

.p-forum-a .b-table thead th.col-count,
.p-forum-a .announcements thead th.col-count,
.listing-forum-search .b-table thead th.col-count,
.listing-forum-search .announcements thead th.col-count {
    width: 85px
}

.p-forum-a .b-table thead .col-count,
.p-forum-a .announcements thead .col-count,
.listing-forum-search .b-table thead .col-count,
.listing-forum-search .announcements thead .col-count {
    width: 90px
}

.p-forum-a .b-table thead .col-last-post,
.p-forum-a .announcements thead .col-last-post,
.listing-forum-search .b-table thead .col-last-post,
.listing-forum-search .announcements thead .col-last-post {
    width: 190px
}

.p-forum-a .b-table td a,
.p-forum-a .announcements td a,
.listing-forum-search .b-table td a,
.listing-forum-search .announcements td a {
    color: #000
}

.p-forum-a .b-table td a:hover,
.p-forum-a .announcements td a:hover,
.listing-forum-search .b-table td a:hover,
.listing-forum-search .announcements td a:hover {
    color: #0d0d0d
}

.p-forum-a .b-table td,
.p-forum-a .announcements td,
.p-forum-a .b-table td:nth-child(even),
.p-forum-a .announcements td:nth-child(even),
.p-forum-a .b-table td:nth-child(odd),
.p-forum-a .announcements td:nth-child(odd),
.listing-forum-search .b-table td,
.listing-forum-search .announcements td,
.listing-forum-search .b-table td:nth-child(even),
.listing-forum-search .announcements td:nth-child(even),
.listing-forum-search .b-table td:nth-child(odd),
.listing-forum-search .announcements td:nth-child(odd) {
    background: #fff;
    color: #000;
    line-height: normal
}

.p-forum-a .b-table td:not(.col-status):not(.col-actions),
.p-forum-a .announcements td:not(.col-status):not(.col-actions),
.listing-forum-search .b-table td:not(.col-status):not(.col-actions),
.listing-forum-search .announcements td:not(.col-status):not(.col-actions) {
    padding: 4px 8px;
    word-wrap: break-word
}

.p-forum-a .b-table .forum-row .col-forum .moderators,
.p-forum-a .announcements .forum-row .col-forum .moderators,
.listing-forum-search .b-table .forum-row .col-forum .moderators,
.listing-forum-search .announcements .forum-row .col-forum .moderators {
    float: right
}

.p-forum-a .b-table .forum-row .col-forum .moderators a,
.p-forum-a .announcements .forum-row .col-forum .moderators a,
.listing-forum-search .b-table .forum-row .col-forum .moderators a,
.listing-forum-search .announcements .forum-row .col-forum .moderators a {
    padding-right: 20px;
    background: url("../../Blocks/images/icons/16x16/grey/icon-moderator-arrow-right.png") no-repeat right
}

.p-forum-a .b-table .forum-row .col-forum .moderators a.expanded,
.p-forum-a .announcements .forum-row .col-forum .moderators a.expanded,
.listing-forum-search .b-table .forum-row .col-forum .moderators a.expanded,
.listing-forum-search .announcements .forum-row .col-forum .moderators a.expanded {
    background: url("../../Blocks/images/icons/16x16/grey/icon-moderator-arrow-down.png") no-repeat right
}

.p-forum-a .b-table .forum-row .col-forum .expandable.ui-helper-hidden,
.p-forum-a .announcements .forum-row .col-forum .expandable.ui-helper-hidden,
.p-forum-a .b-table .forum-row .col-forum .expanded-by-default,
.p-forum-a .announcements .forum-row .col-forum .expanded-by-default,
.listing-forum-search .b-table .forum-row .col-forum .expandable.ui-helper-hidden,
.listing-forum-search .announcements .forum-row .col-forum .expandable.ui-helper-hidden,
.listing-forum-search .b-table .forum-row .col-forum .expanded-by-default,
.listing-forum-search .announcements .forum-row .col-forum .expanded-by-default {
    clear: both;
    float: right
}

.p-forum-a .b-table .forum-row .col-forum .expandable.ui-helper-hidden::after,
.p-forum-a .announcements .forum-row .col-forum .expandable.ui-helper-hidden::after,
.p-forum-a .b-table .forum-row .col-forum .expanded-by-default::after,
.p-forum-a .announcements .forum-row .col-forum .expanded-by-default::after,
.listing-forum-search .b-table .forum-row .col-forum .expandable.ui-helper-hidden::after,
.listing-forum-search .announcements .forum-row .col-forum .expandable.ui-helper-hidden::after,
.listing-forum-search .b-table .forum-row .col-forum .expanded-by-default::after,
.listing-forum-search .announcements .forum-row .col-forum .expanded-by-default::after {
    clear: both;
    content: "";
    display: table
}

.p-forum-a .b-table .forum-row .col-forum .expandable.ui-helper-hidden p,
.p-forum-a .announcements .forum-row .col-forum .expandable.ui-helper-hidden p,
.p-forum-a .b-table .forum-row .col-forum .expanded-by-default p,
.p-forum-a .announcements .forum-row .col-forum .expanded-by-default p,
.listing-forum-search .b-table .forum-row .col-forum .expandable.ui-helper-hidden p,
.listing-forum-search .announcements .forum-row .col-forum .expandable.ui-helper-hidden p,
.listing-forum-search .b-table .forum-row .col-forum .expanded-by-default p,
.listing-forum-search .announcements .forum-row .col-forum .expanded-by-default p {
    margin: 0
}

.p-forum-a .b-table .forum-row .col-forum .expandable.ui-helper-hidden a,
.p-forum-a .announcements .forum-row .col-forum .expandable.ui-helper-hidden a,
.p-forum-a .b-table .forum-row .col-forum .expanded-by-default a,
.p-forum-a .announcements .forum-row .col-forum .expanded-by-default a,
.listing-forum-search .b-table .forum-row .col-forum .expandable.ui-helper-hidden a,
.listing-forum-search .announcements .forum-row .col-forum .expandable.ui-helper-hidden a,
.listing-forum-search .b-table .forum-row .col-forum .expanded-by-default a,
.listing-forum-search .announcements .forum-row .col-forum .expanded-by-default a {
    font-size: 12px;
    margin: 0
}

.p-forum-a .b-table .col-actions,
.p-forum-a .announcements .col-actions,
.listing-forum-search .b-table .col-actions,
.listing-forum-search .announcements .col-actions {
    padding: 0;
    text-align: center;
    width: 39px
}

.p-forum-a .b-table .col-actions>input,
.p-forum-a .announcements .col-actions>input,
.listing-forum-search .b-table .col-actions>input,
.listing-forum-search .announcements .col-actions>input {
    vertical-align: middle
}

.p-forum-a .col-forum,
.p-forum-a .col-thread,
.listing-forum-search .col-forum,
.listing-forum-search .col-thread {
    width: 60.41%
}

.p-forum-a .col-forum .thread-actions+.thread-title,
.p-forum-a .col-thread .thread-actions+.thread-title,
.listing-forum-search .col-forum .thread-actions+.thread-title,
.listing-forum-search .col-thread .thread-actions+.thread-title {
    word-break: break-word
}

.p-forum-a .col-forum .title,
.p-forum-a .col-forum .thread-title,
.p-forum-a .col-thread .title,
.p-forum-a .col-thread .thread-title,
.listing-forum-search .col-forum .title,
.listing-forum-search .col-forum .thread-title,
.listing-forum-search .col-thread .title,
.listing-forum-search .col-thread .thread-title {
    display: inline-block;
    font-size: 14px;
    font-family: Roboto, Helvetica, sans-serif;
    margin-bottom: 3px
}

.p-forum-a .col-forum .title>a,
.p-forum-a .col-forum .thread-title>a,
.p-forum-a .col-thread .title>a,
.p-forum-a .col-thread .thread-title>a,
.listing-forum-search .col-forum .title>a,
.listing-forum-search .col-forum .thread-title>a,
.listing-forum-search .col-thread .title>a,
.listing-forum-search .col-thread .thread-title>a {
    color: #000;
    word-break: break-word
}

.p-forum-a .col-forum .title>a:hover,
.p-forum-a .col-forum .thread-title>a:hover,
.p-forum-a .col-thread .title>a:hover,
.p-forum-a .col-thread .thread-title>a:hover,
.listing-forum-search .col-forum .title>a:hover,
.listing-forum-search .col-forum .thread-title>a:hover,
.listing-forum-search .col-thread .title>a:hover,
.listing-forum-search .col-thread .thread-title>a:hover {
    color: #0d0d0d;
    text-decoration: underline
}

.p-forum-a .col-forum .title>a:hover .active-viewers,
.p-forum-a .col-forum .thread-title>a:hover .active-viewers,
.p-forum-a .col-thread .title>a:hover .active-viewers,
.p-forum-a .col-thread .thread-title>a:hover .active-viewers,
.listing-forum-search .col-forum .title>a:hover .active-viewers,
.listing-forum-search .col-forum .thread-title>a:hover .active-viewers,
.listing-forum-search .col-thread .title>a:hover .active-viewers,
.listing-forum-search .col-thread .thread-title>a:hover .active-viewers {
    text-decoration: none
}

.p-forum-a .col-forum .active-viewers,
.p-forum-a .col-thread .active-viewers,
.listing-forum-search .col-forum .active-viewers,
.listing-forum-search .col-thread .active-viewers {
    font-size: 11px;
    margin-left: 5px;
    text-decoration: none;
    color: #0d0d0d
}

.p-forum-a .col-forum .description,
.p-forum-a .col-thread .description,
.listing-forum-search .col-forum .description,
.listing-forum-search .col-thread .description {
    color: #0d0d0d
}

.p-forum-a .col-forum .description,
.p-forum-a .col-forum .forum-subs,
.p-forum-a .col-thread .description,
.p-forum-a .col-thread .forum-subs,
.listing-forum-search .col-forum .description,
.listing-forum-search .col-forum .forum-subs,
.listing-forum-search .col-thread .description,
.listing-forum-search .col-thread .forum-subs {
    display: block;
    font-size: 11px
}

.p-forum-a .col-forum .forum-subs,
.p-forum-a .col-thread .forum-subs,
.listing-forum-search .col-forum .forum-subs,
.listing-forum-search .col-thread .forum-subs {
    font-weight: bold;
    display: inline-block
}

.p-forum-a .col-forum .forum-subs li,
.p-forum-a .col-thread .forum-subs li,
.listing-forum-search .col-forum .forum-subs li,
.listing-forum-search .col-thread .forum-subs li {
    position: relative;
    padding-left: 13px
}

.p-forum-a .col-forum .forum-subs li:after,
.p-forum-a .col-thread .forum-subs li:after,
.listing-forum-search .col-forum .forum-subs li:after,
.listing-forum-search .col-thread .forum-subs li:after {
    content: '';
    display: block;
    position: absolute;
    background: url("../../Blocks/images/ui/arrow.png") no-repeat;
    width: 8px;
    height: 5px;
    left: 1px;
    top: 6px
}

.p-forum-a .col-forum .forum-subs a,
.p-forum-a .col-thread .forum-subs a,
.listing-forum-search .col-forum .forum-subs a,
.listing-forum-search .col-thread .forum-subs a {
    font-weight: normal
}

.p-forum-a .col-last-post,
.listing-forum-search .col-last-post {
    white-space: nowrap;
    width: 18.57%
}

.p-forum-a .col-last-post.b-table-heading,
.listing-forum-search .col-last-post.b-table-heading {
    text-align: center
}

.p-forum-a .col-last-post .avatar,
.listing-forum-search .col-last-post .avatar {
    float: left;
    margin-top: 2px;
    margin-right: 5px
}

.p-forum-a .col-last-post .avatar img,
.listing-forum-search .col-last-post .avatar img {
    max-width: 32px;
    max-height: 32px
}

.p-forum-a .col-last-post .avatar .u-icon-online,
.listing-forum-search .col-last-post .avatar .u-icon-online {
    display: none
}

.p-forum-a .col-last-post .post-title,
.listing-forum-search .col-last-post .post-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px
}

.p-forum-a .col-last-post .post-title a,
.listing-forum-search .col-last-post .post-title a {
    color: #000
}

.p-forum-a .col-last-post .post-title a:hover,
.listing-forum-search .col-last-post .post-title a:hover {
    color: #0d0d0d
}

.p-forum-a .col-last-post .post-author,
.listing-forum-search .col-last-post .post-author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px
}

.p-forum-a .col-last-post .post-date,
.listing-forum-search .col-last-post .post-date {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    font-size: 11px;
    color: #0d0d0d
}

.p-forum-a .col-last-post .post-date>abbr,
.listing-forum-search .col-last-post .post-date>abbr {
    border-bottom: 0
}

.p-forum-a .col-last-post .avatar+.post-author+.post-date,
.listing-forum-search .col-last-post .avatar+.post-author+.post-date {
    margin-top: 5px
}

.p-forum-a th.col-count,
.listing-forum-search th.col-count {
    text-align: center
}

.p-forum-a td.col-count,
.listing-forum-search td.col-count {
    width: 7.29%;
    text-align: center
}

.p-forum-a .col-status,
.listing-forum-search .col-status {
    padding: 8px 0;
    text-align: center;
    width: 48px
}

.p-forum-a .status-icon,
.listing-forum-search .status-icon {
    height: 32px;
    width: 32px
}

.p-forum-a .status-icon img,
.listing-forum-search .status-icon img {
    max-width: 32px
}

.p-forum-a .without-icon .status-icon,
.p-forum-a .forum-thread-row .status-icon,
.listing-forum-search .without-icon .status-icon,
.listing-forum-search .forum-thread-row .status-icon {
    background-image: -webkit-linear-gradient(top, #2e2c2c, #2e2c2c);
    background-image: linear-gradient(to bottom, #2e2c2c, #2e2c2c);
    padding: 0
}

.p-forum-a .state,
.listing-forum-search .state {
    display: block;
    height: 32px;
    overflow: hidden;
    width: 32px
}

.p-forum-a .state::before,
.listing-forum-search .state::before {
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    font-size: 22px;
    padding-top: 1px
}

.p-forum-a .forum-row-not-seen-latest-thread .state::before,
.p-forum-a .forum-thread-row-unread .state::before,
.listing-forum-search .forum-row-not-seen-latest-thread .state::before,
.listing-forum-search .forum-thread-row-unread .state::before {
    content: '\e622'
}

.p-forum-a .forum-row-not-seen-latest-thread .title,
.p-forum-a .forum-row-not-seen-latest-thread .title>a,
.p-forum-a .forum-row-not-seen-latest-thread .post-title,
.p-forum-a .forum-thread-row-unread .title,
.p-forum-a .forum-thread-row-unread .title>a,
.p-forum-a .forum-thread-row-unread .post-title,
.listing-forum-search .forum-row-not-seen-latest-thread .title,
.listing-forum-search .forum-row-not-seen-latest-thread .title>a,
.listing-forum-search .forum-row-not-seen-latest-thread .post-title,
.listing-forum-search .forum-thread-row-unread .title,
.listing-forum-search .forum-thread-row-unread .title>a,
.listing-forum-search .forum-thread-row-unread .post-title {
    font-weight: bold
}

.p-forum-a .forum-thread-row-unread .forum-thread-commented .state::before,
.listing-forum-search .forum-thread-row-unread .forum-thread-commented .state::before {
    content: '\e621';
    padding-top: 2px
}

.p-forum-a .forum-row-seen-latest-thread .without-icon .status-icon,
.p-forum-a .forum-thread-row-read .status-icon,
.listing-forum-search .forum-row-seen-latest-thread .without-icon .status-icon,
.listing-forum-search .forum-thread-row-read .status-icon {
    background-color: #444;
    background-image: -webkit-linear-gradient(top, #777, #444);
    background-image: linear-gradient(to bottom, #777, #444);
    border: 1px solid #1e1e1e;
    border-color: #1e1e1e #1e1e1e #040404;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.p-forum-a .forum-row-seen-latest-thread .without-icon .status-icon:hover,
.p-forum-a .forum-row-seen-latest-thread .without-icon .status-icon:focus,
.p-forum-a .forum-thread-row-read .status-icon:hover,
.p-forum-a .forum-thread-row-read .status-icon:focus,
.listing-forum-search .forum-row-seen-latest-thread .without-icon .status-icon:hover,
.listing-forum-search .forum-row-seen-latest-thread .without-icon .status-icon:focus,
.listing-forum-search .forum-thread-row-read .status-icon:hover,
.listing-forum-search .forum-thread-row-read .status-icon:focus {
    background-color: #444
}

.p-forum-a .forum-row-seen-latest-thread .state::before,
.p-forum-a .forum-thread-row-read .state::before,
.listing-forum-search .forum-row-seen-latest-thread .state::before,
.listing-forum-search .forum-thread-row-read .state::before {
    content: '\e609'
}

.p-forum-a .forum-row-seen-latest-thread .title,
.p-forum-a .forum-row-seen-latest-thread .title>a,
.p-forum-a .forum-thread-row-read .title,
.p-forum-a .forum-thread-row-read .title>a,
.listing-forum-search .forum-row-seen-latest-thread .title,
.listing-forum-search .forum-row-seen-latest-thread .title>a,
.listing-forum-search .forum-thread-row-read .title,
.listing-forum-search .forum-thread-row-read .title>a {
    font-weight: normal
}

.p-forum-a .forum-thread-row-read .forum-thread-commented .state::before,
.listing-forum-search .forum-thread-row-read .forum-thread-commented .state::before {
    padding-top: 2px;
    content: '\e611'
}

.p-forum-a .forum-thread-row-deleted-with-note,
.p-forum-a .forum-thread-row-deleted,
.p-forum-a .forum-thread-row-mute-banned,
.listing-forum-search .forum-thread-row-deleted-with-note,
.listing-forum-search .forum-thread-row-deleted,
.listing-forum-search .forum-thread-row-mute-banned {
    opacity: .50
}

.p-forum-a .forum-thread-row-deleted-with-note .state::before,
.p-forum-a .forum-thread-row-deleted .state::before,
.p-forum-a .forum-thread-row-mute-banned .state::before,
.listing-forum-search .forum-thread-row-deleted-with-note .state::before,
.listing-forum-search .forum-thread-row-deleted .state::before,
.listing-forum-search .forum-thread-row-mute-banned .state::before {
    content: '\e620'
}

.p-forum-a .forum-thread-row-deleted-with-note:hover,
.p-forum-a .forum-thread-row-deleted:hover,
.p-forum-a .forum-thread-row-mute-banned:hover,
.listing-forum-search .forum-thread-row-deleted-with-note:hover,
.listing-forum-search .forum-thread-row-deleted:hover,
.listing-forum-search .forum-thread-row-mute-banned:hover {
    opacity: 1
}

.p-forum-a .forum-thread-row-deleted-with-note td .thread-title a,
.p-forum-a .forum-thread-row-deleted td .thread-title a,
.p-forum-a .forum-thread-row-mute-banned td .thread-title a,
.listing-forum-search .forum-thread-row-deleted-with-note td .thread-title a,
.listing-forum-search .forum-thread-row-deleted td .thread-title a,
.listing-forum-search .forum-thread-row-mute-banned td .thread-title a {
    text-decoration: line-through
}

.p-forum-a .forum-thread-row-deleted-with-note .title,
.p-forum-a .forum-thread-row-deleted .title,
.p-forum-a .forum-thread-row-mute-banned .title,
.listing-forum-search .forum-thread-row-deleted-with-note .title,
.listing-forum-search .forum-thread-row-deleted .title,
.listing-forum-search .forum-thread-row-mute-banned .title {
    text-decoration: line-through
}

.p-forum-a .forum-thread-row-deleted .forum-thread-commented .state::before,
.listing-forum-search .forum-thread-row-deleted .forum-thread-commented .state::before {
    content: '\e620';
    padding-top: 2px
}

.p-forum-a .forum-thread-row-spam,
.listing-forum-search .forum-thread-row-spam {
    opacity: .50
}

.p-forum-a .forum-thread-row-spam .state::before,
.listing-forum-search .forum-thread-row-spam .state::before {
    content: '\e608'
}

.p-forum-a .forum-thread-row-spam:hover,
.listing-forum-search .forum-thread-row-spam:hover {
    opacity: 1
}

.p-forum-a .forum-thread-row-spam td .thread-title a,
.listing-forum-search .forum-thread-row-spam td .thread-title a {
    text-decoration: line-through
}

.p-forum-a .forum-thread-row-spam .forum-thread-commented .state::before,
.listing-forum-search .forum-thread-row-spam .forum-thread-commented .state::before {
    content: '\e608';
    padding-top: 2px
}

.p-forum-a .forum-announcement .state::before,
.listing-forum-search .forum-announcement .state::before {
    content: '\e606'
}

.p-forum-a .forum-announcement .forum-thread-commented .state::before,
.listing-forum-search .forum-announcement .forum-thread-commented .state::before {
    content: '\e607';
    padding-top: 2px
}

.p-forum-a .forum-thread-row-poll .state::before,
.listing-forum-search .forum-thread-row-poll .state::before {
    content: '\e618'
}

.p-forum-a .forum-thread-row-poll .forum-thread-commented .state::before,
.listing-forum-search .forum-thread-row-poll .forum-thread-commented .state::before {
    content: '\e619';
    padding-top: 2px
}

.p-forum-a .forum-thread-row-pinned .state::before,
.listing-forum-search .forum-thread-row-pinned .state::before {
    content: '\e616'
}

.p-forum-a .forum-thread-row-pinned .forum-thread-commented .state::before,
.listing-forum-search .forum-thread-row-pinned .forum-thread-commented .state::before {
    content: '\e617';
    padding-top: 2px
}

.p-forum-a .forum-row-locked .state::before,
.p-forum-a .forum-thread-row-locked .state::before,
.listing-forum-search .forum-row-locked .state::before,
.listing-forum-search .forum-thread-row-locked .state::before {
    content: '\e613'
}

.p-forum-a .forum-thread-row-locked .forum-thread-commented .state::before,
.listing-forum-search .forum-thread-row-locked .forum-thread-commented .state::before {
    content: '\e614';
    padding-top: 2px
}

.p-forum-a .forum-thread-row-redirect .state::before,
.p-forum-a .forum-thread-row-redirect .forum-thread-commented .state::before,
.listing-forum-search .forum-thread-row-redirect .state::before,
.listing-forum-search .forum-thread-row-redirect .forum-thread-commented .state::before {
    content: '\e615'
}

.p-forum-a .forum-thread-row-mute-banned .state::before,
.listing-forum-search .forum-thread-row-mute-banned .state::before {
    content: '\e612'
}

.p-forum-a .thread-type,
.listing-forum-search .thread-type {
    background: #242527;
    border: 1px solid #cbc6c3;
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 9px;
    line-height: 1em;
    padding: 3px 6px;
    text-transform: uppercase;
    vertical-align: top;
    float: left;
    margin: 0 3px 3px 0
}

.p-forum-a .thread-author,
.listing-forum-search .thread-author {
    clear: both;
    font-size: 12px
}

.p-forum-a .thread-actions,
.listing-forum-search .thread-actions {
    position: absolute;
    bottom: 4px;
    right: 8px;
    padding: 0;
    visibility: hidden
}

.p-forum-a .thread-actions .thread-actions-icons,
.listing-forum-search .thread-actions .thread-actions-icons {
    -webkit-transition: background, 0.5ms, linear;
    -moz-transition: background, 0.5ms, linear;
    transition: background, 0.5ms, linear;
    white-space: nowrap
}

.p-forum-a .thread-actions .thread-actions-icons::after,
.listing-forum-search .thread-actions .thread-actions-icons::after {
    clear: both;
    content: "";
    display: table
}

.no-opacity .p-forum-a .thread-actions .thread-actions-icons,
.no-opacity .listing-forum-search .thread-actions .thread-actions-icons {
    position: absolute;
    left: -9999px
}

.p-forum-a .thread-actions .thread-actions-icons li,
.listing-forum-search .thread-actions .thread-actions-icons li {
    float: left;
    margin-left: 2px
}

.p-forum-a .thread-actions .thread-actions-icons li>a,
.listing-forum-search .thread-actions .thread-actions-icons li>a {
    cursor: pointer;
    width: auto;
    height: 16px;
    display: block;
    position: relative;
    text-align: center
}

.p-forum-a .thread-actions .thread-actions-icons li>a::before,
.listing-forum-search .thread-actions .thread-actions-icons li>a::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    font-size: 15px;
    padding-left: 2px;
    position: relative
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-add,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-add {
    overflow: hidden;
    width: 16px
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-add::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-add::before {
    content: '\f055';
    color: #7aa356
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-add:hover::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-add:hover::before {
    color: #98c174
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-delete,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-delete {
    overflow: hidden;
    width: 16px
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-delete::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-delete::before {
    content: '\f057';
    color: #C03C3C
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-delete:hover::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-delete:hover::before {
    color: #de5a5a
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-lock::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-lock::before {
    content: '\f023';
    color: #d4b215
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-lock:hover::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-lock:hover::before {
    color: #e3c124
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-unpin::before,
.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-pin::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-unpin::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-pin::before {
    content: '\e616';
    color: #4f7db9;
    font-size: 16px;
    top: -1px;
    left: 1px
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-unpin:hover::before,
.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-pin:hover::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-unpin:hover::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-pin:hover::before {
    color: #6d9bd7
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-unlock::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-unlock::before {
    content: '\f13e';
    color: #d4b215
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-unlock:hover::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-unlock:hover::before {
    color: #e3c124
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-rename::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-rename::before {
    content: '\f12d';
    color: #4f7db9
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-rename:hover::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-rename:hover::before {
    color: #6d9bd7
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-edit::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-edit::before {
    content: '\f040';
    color: #e28725
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-edit:hover::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-edit:hover::before {
    color: #ffa543
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-move::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-move::before {
    content: '\f064';
    color: #7aa356;
    font-size: 14px;
    top: 1px
}

.p-forum-a .thread-actions .thread-actions-icons li a.thread-action-move:hover::before,
.listing-forum-search .thread-actions .thread-actions-icons li a.thread-action-move:hover::before {
    color: #98c174
}

.p-forum-a .forum-thread-row:hover .thread-actions,
.listing-forum-search .forum-thread-row:hover .thread-actions {
    visibility: visible
}

.no-opacity .p-forum-a .forum-thread-row:hover .thread-actions .thread-actions-icons,
.no-opacity .listing-forum-search .forum-thread-row:hover .thread-actions .thread-actions-icons {
    left: auto;
    right: 0
}

.p-forum-a .thread-status-note,
.listing-forum-search .thread-status-note {
    float: right;
    font-size: 12px
}

.p-forum-a .p-forum-thread-form .form-tools,
.listing-forum-search .p-forum-thread-form .form-tools {
    float: right
}

.p-forum-a .p-forum-thread-form .attachment-form,
.listing-forum-search .p-forum-thread-form .attachment-form {
    position: absolute;
    left: -2000px
}

.p-forum-a .thread-prefix,
.listing-forum-search .thread-prefix {
    margin-right: 4px
}

.p-forum-a.p-user-content .listing-forum-thread td,
.p-forum-a.p-user-content .listing-forum-thread th,
.listing-forum-search.p-user-content .listing-forum-thread td,
.listing-forum-search.p-user-content .listing-forum-thread th {
    width: inherit
}

.p-forum-a .multi-quote-container,
.listing-forum-search .multi-quote-container {
    position: fixed;
    min-height: 120px;
    right: 0;
    top: 65%;
    background: #eee;
    padding: 20px;
    z-index: 15000;
    border: 4px solid #f9f9f9;
    color: #000;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.p-forum-a .multi-quote-container .multi-quote-title,
.listing-forum-search .multi-quote-container .multi-quote-title {
    margin: 5px 0
}

.p-forum-a .multi-quote-container .multi-quote-title .quote-number,
.listing-forum-search .multi-quote-container .multi-quote-title .quote-number {
    font-weight: bold;
    background: rgba(0, 0, 0, 0.75);
    color: #eee;
    display: inline-block;
    padding: 0 4px;
    margin-right: 5px;
    border-radius: 2px
}

.p-forum-a .multi-quote-container .multi-quote-title .quote-text,
.listing-forum-search .multi-quote-container .multi-quote-title .quote-text {
    font-size: 14px
}

.p-forum-a .multi-quote-container .quote-reply,
.listing-forum-search .multi-quote-container .quote-reply {
    margin: 5px auto
}

.p-forum-a .multi-quote-container .quote-reply span.button,
.listing-forum-search .multi-quote-container .quote-reply span.button {
    width: 100%
}

.p-forum-a .multi-quote-container .quote-clear,
.listing-forum-search .multi-quote-container .quote-clear {
    margin: 5px auto
}

.p-forum-a .multi-quote-container .quote-clear .button,
.listing-forum-search .multi-quote-container .quote-clear .button {
    color: #242527;
    direction: ltr;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 19.5px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: auto;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: auto;
    float: none;
    overflow: visible;
    position: static;
    left: auto;
    top: auto;
    visibility: visible;
    color: #000
}

.p-forum-a .multi-quote-container .quote-clear .button:hover,
.p-forum-a .multi-quote-container .quote-clear .button:active,
.listing-forum-search .multi-quote-container .quote-clear .button:hover,
.listing-forum-search .multi-quote-container .quote-clear .button:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.p-forum-a .multi-quote-container .quote-clear .button:hover,
.listing-forum-search .multi-quote-container .quote-clear .button:hover {
    text-decoration: underline
}

.p-forum-a .listing-mod-view .col-thread,
.listing-forum-search .listing-mod-view .col-thread {
    width: 30%
}

.p-forum-a .listing-mod-view .content,
.listing-forum-search .listing-mod-view .content {
    width: 30%
}

.p-forum-a.s-index .b-table,
.p-forum-a.s-index .announcements,
.p-forum-a.s-thread .b-table,
.p-forum-a.s-thread .announcements,
.p-forum-a.s-results .b-table,
.p-forum-a.s-results .announcements,
.listing-forum-search.s-index .b-table,
.listing-forum-search.s-index .announcements,
.listing-forum-search.s-thread .b-table,
.listing-forum-search.s-thread .announcements,
.listing-forum-search.s-results .b-table,
.listing-forum-search.s-results .announcements {
    table-layout: fixed
}

.p-forum-a.s-create .p-poll-form-a,
.listing-forum-search.s-create .p-poll-form-a {
    clear: right
}

.p-forum-a.s-create .p-poll-form-a h3,
.listing-forum-search.s-create .p-poll-form-a h3 {
    margin-bottom: 19.5px
}

.p-forum-a.s-create .u-form-tabular,
.listing-forum-search.s-create .u-form-tabular {
    display: block
}

.p-forum-a.s-create .u-form-tabular #form-field-multi-req-prefix>select,
.p-forum-a.s-create .u-form-tabular #form-field-multi-prefix>select,
.listing-forum-search.s-create .u-form-tabular #form-field-multi-req-prefix>select,
.listing-forum-search.s-create .u-form-tabular #form-field-multi-prefix>select {
    width: 200px;
    min-height: 30px
}

.p-forum-a.s-create .u-form-tabular #form-field-multi-req-prefix .chosen-container-multi .chosen-choices,
.p-forum-a.s-create .u-form-tabular #form-field-multi-prefix .chosen-container-multi .chosen-choices,
.listing-forum-search.s-create .u-form-tabular #form-field-multi-req-prefix .chosen-container-multi .chosen-choices,
.listing-forum-search.s-create .u-form-tabular #form-field-multi-prefix .chosen-container-multi .chosen-choices {
    min-height: 30px!important
}

.p-forum-a.s-create .u-form-tabular #form-field-multi-req-prefix .chosen-container-multi .chosen-choices .search-field,
.p-forum-a.s-create .u-form-tabular #form-field-multi-prefix .chosen-container-multi .chosen-choices .search-field,
.listing-forum-search.s-create .u-form-tabular #form-field-multi-req-prefix .chosen-container-multi .chosen-choices .search-field,
.listing-forum-search.s-create .u-form-tabular #form-field-multi-prefix .chosen-container-multi .chosen-choices .search-field {
    padding-top: 6px
}

.p-forum-a.s-create .u-form-tabular #form-field-title,
.listing-forum-search.s-create .u-form-tabular #form-field-title {
    display: block;
    padding: 0;
    margin: 8px 0
}

.p-forum-a.s-search label,
.listing-forum-search.s-search label {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: baseline
}

.p-forum-a.s-search input[type="checkbox"],
.listing-forum-search.s-search input[type="checkbox"] {
    margin: 0;
    float: none
}

.p-forum-a.s-search span.tip,
.listing-forum-search.s-search span.tip {
    cursor: help
}

.p-forum-a.s-search .h2,
.listing-forum-search.s-search .h2 {
    margin-bottom: 19.5px
}

.p-forum-a.s-search .h2>h2,
.listing-forum-search.s-search .h2>h2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin: 0;
    line-height: 1.6
}

.p-forum-a.s-search .form-field::after,
.listing-forum-search.s-search .form-field::after {
    clear: both;
    content: "";
    display: table
}

.p-forum-a.s-search .form-field>label:first-child,
.listing-forum-search.s-search .form-field>label:first-child {
    float: left;
    margin-right: 20px;
    width: 150px
}

.p-forum-a.s-search .form-field>label:first-child>span,
.listing-forum-search.s-search .form-field>label:first-child>span {
    vertical-align: middle
}

.p-forum-a.s-search .form-controls:only-child,
.listing-forum-search.s-search .form-controls:only-child {
    float: left;
    width: 82.99167%;
    margin-left: 2.05%;
    margin: 0
}

.ie7 .p-forum-a.s-search .form-controls:only-child,
.ie7 .listing-forum-search.s-search .form-controls:only-child {
    width: 81.99167%
}

.p-forum-a.s-search .form-controls label+label,
.listing-forum-search.s-search .form-controls label+label {
    margin-left: .5em
}

.p-forum-a.s-search .forum-search-container,
.listing-forum-search.s-search .forum-search-container {
    position: relative
}

.p-forum-a.s-search .forum-search-container .form-field+[class^="form-"],
.listing-forum-search.s-search .forum-search-container .form-field+[class^="form-"] {
    display: inline-block;
    float: none;
    margin-top: -9.75px;
    margin-left: 190px;
    position: absolute;
    top: 50%;
    left: 180px;
    width: auto
}

.p-forum-a.s-search .forum-search-container .form-field#form-field-by-author .field-errors,
.listing-forum-search.s-search .forum-search-container .form-field#form-field-by-author .field-errors {
    margin-left: 135px
}

.p-forum-a.s-search .forum-search-container .form-field+[class^="form-"] label,
.listing-forum-search.s-search .forum-search-container .form-field+[class^="form-"] label {
    display: inline-block
}

.p-forum-a.s-search .forum-selection,
.listing-forum-search.s-search .forum-selection {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.25);
    display: none;
    margin: 9.75px 0 9.75px 170px;
    max-height: 162px;
    overflow: auto;
    padding: 0 6px
}

.p-forum-a.s-search .forum-selection .field-choice,
.listing-forum-search.s-search .forum-selection .field-choice {
    height: 19.5px
}

.p-forum-a.s-search .forum-selection .field-choice:first-child,
.listing-forum-search.s-search .forum-selection .field-choice:first-child {
    margin-top: 4px
}

.p-forum-a.s-search .forum-selection .field-choice:last-child,
.listing-forum-search.s-search .forum-selection .field-choice:last-child {
    margin-bottom: 4px
}

.p-forum-a.s-search .form-footer,
.listing-forum-search.s-search .form-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    padding-top: 9.75px;
    margin-top: 29.25px
}

.p-forum-a.s-search #form-field-display-type .covert-list .tip,
.listing-forum-search.s-search #form-field-display-type .covert-list .tip {
    border-bottom: 0
}

.p-forum-a.s-search .j-forum-search-select,
.listing-forum-search.s-search .j-forum-search-select {
    text-indent: -9999px;
    display: inline-block;
    background: url("../../Blocks/images/ui/chosen-sprite@2x.png") no-repeat;
    width: 16px;
    height: 16px
}

.p-forum-a.s-search .j-forum-search-select.expand,
.listing-forum-search.s-search .j-forum-search-select.expand {
    background-position: 0 -10px
}

.p-forum-a.s-search .j-forum-search-select.collapse,
.listing-forum-search.s-search .j-forum-search-select.collapse {
    background-position: -37px -10px
}

.p-forum-a .next-dev-post,
.listing-forum-search .next-dev-post {
    float: right;
    margin-right: 10px
}

.p-forum-poll {
    margin-bottom: 19.5px;
    color: #000;
    border-color: rgba(199, 221, 124, 0.75);
    background: rgba(208, 227, 144, 0.75)
}

.p-forum-poll .h3 {
    color: #000;
    border-color: #b6d354;
    background: #bed868;
    padding: 10px
}

.p-forum-poll .h3 .b-userAction-a {
    z-index: 0
}

.p-forum-poll .b-poll-a {
    padding: 10px
}

.p-forum-poll .b-poll-a .b-poll-voting .form-field-string-choice-field {
    clear: both;
    margin-bottom: 10px;
    border: 1px solid #bed868
}

.p-forum-poll .b-poll-a .b-poll-voting .form-field-string-choice-field>label:first-child {
    font-weight: bold;
    color: #000;
    border-color: #b6d354;
    background: #bed868;
    padding: 10px
}

.p-forum-poll .b-poll-a .b-poll-voting .form-field-string-choice-field .form-controls {
    margin-bottom: 10px
}

.p-forum-poll .b-poll-a .b-poll-voting .form-field-string-choice-field .form-controls::after {
    clear: both;
    content: "";
    display: table
}

.p-forum-poll .b-poll-a .b-poll-voting .form-field-string-choice-field .form-controls .radio {
    float: left;
    margin-left: 20px
}

.p-forum-poll .b-poll-a .b-poll-voting .form-footer {
    clear: both
}

.p-forum-poll .b-poll-a .b-poll-voting .form-footer .button {
    margin-top: 10px
}

.p-forum-poll .b-poll-a .b-poll-expiration {
    font-size: 20px
}

.p-forum-poll .b-poll-a .b-poll-results>p {
    color: #000;
    border-color: #b6d354;
    background: #bed868;
    text-align: center;
    font-size: 20px;
    padding: 10px
}

.iframe-center iframe {
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    display: block
}

.iframe-right iframe {
    position: relative;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 100%;
    display: block
}

#form-field-multi-prefix .opt,
#form-field-multi-req-prefix .opt {
    font-size: 11px
}

#form-field-multi-prefix ul>li>input,
#form-field-multi-req-prefix ul>li>input {
    padding: 0 0 0 5px
}

hr.post-thread-nav-divide {
    margin-top: 0
}

.post-thread-nav {
    position: relative;
    overflow: hidden;
    padding: 1px 0
}

.post-thread-nav .prev-thread-button {
    float: left
}

.post-thread-nav .prev-thread-button a.disable {
    opacity: .5;
    background-image: none;
    cursor: default
}

.post-thread-nav .jump-to-forum.post {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.post-thread-nav .next-thread-button {
    float: right
}

.post-thread-nav .next-thread-button a.disable {
    opacity: .5;
    background-image: none;
    cursor: default
}

.bread-heel {
    position: relative;
    height: 50px;
    overflow: hidden;
    width: 100%
}

.bread-heel.heel-post {
    height: 40px
}

.bread-heel .bread {
    float: left;
    height: 20px;
    bottom: -10px;
    max-width: 805px
}

.bread-heel .bread .b-breadcrumb-a {
    width: auto;
    margin-top: 14px;
    background: 0;
    border: 0
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper {
    background: 0;
    overflow: hidden;
    height: 20px
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(1) a span {
    max-width: 805px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(2) a span,
.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(2) ~ li a span {
    max-width: 402.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(3) a span,
.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(3) ~ li a span {
    max-width: 268px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(4) a span,
.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(4) ~ li a span {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(5) a span,
.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(5) ~ li a span {
    max-width: 161px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(6) a span,
.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(6) ~ li a span {
    max-width: 134px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(7) a span,
.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:nth-child(1):nth-last-child(7) ~ li a span {
    max-width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li {
    background: 0
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li a {
    background: 0;
    text-shadow: none;
    position: relative
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li a:hover {
    color: #b2b2b2
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li a:before {
    border: 0
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li a:after {
    border: 0;
    display: block;
    position: absolute;
    width: 8px;
    height: 5px;
    left: -5px;
    top: 3px;
    margin-top: 0
}

.bread-heel .bread .b-breadcrumb-a ul.b-breadcrumb-wrapper li:first-child a:after {
    display: none
}

.bread-heel .j-jump-forum-sub a {
    margin-right: 4px
}

.bread-heel .forum-back-nav,
.bread-heel .j-jump-forum-sub {
    float: right;
    margin: 10px 10px 0 0
}

.bread-heel .j-jump-forum-sub {
    margin-right: 0
}

.bread-heel .forum-back-nav a {
    position: relative;
    padding-left: 26px;
    overflow: hidden;
    max-width: 180px;
    max-height: 29px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bread-heel .forum-back-nav a:after {
    @inlcude cobalt-ui;
    content: '\f112';
    position: absolute;
    width: 13px;
    height: 10px;
    top: 8px;
    left: 7px
}

.listing-forum-search .col-thread {
    width: auto!important
}

body .ui-dialog .ui-dialog-content .ajax-jump .form-controls label {
    color: #242527
}

body .ui-dialog .ui-dialog-content form.report button {
    float: right
}

body .ui-dialog .poll-form-container {
    padding: 10px;
    background: rgba(249, 249, 249, 0.2);
    width: 750px
}

body .ui-dialog .poll-form-container .j-poll-type-example {
    display: inline-block;
    height: 15px;
    position: relative;
    top: 2px;
    cursor: default;
    opacity: .65
}

body .ui-dialog .poll-form-container .j-poll-type-example.j-poll-type-example-1 {
    background: url(../../Blocks/images/ui/poll-example-single-choice.png) no-repeat center center;
    width: 38px
}

body .ui-dialog .poll-form-container .j-poll-type-example.j-poll-type-example-2 {
    background: url(../../Blocks/images/ui/poll-example-multi-select.png) no-repeat center center;
    width: 90px
}

body .ui-dialog .poll-form-container .j-poll-type-example.j-poll-type-example-3 {
    background: url(../../Blocks/images/ui/poll-example-rating.png) no-repeat center center;
    width: 149px;
    margin-left: 10px
}

body .ui-dialog .poll-form-container .j-poll-type-example.j-poll-type-example-3:before {
    content: "worst";
    margin-right: 47px;
    position: relative;
    top: -2px
}

body .ui-dialog .poll-form-container .j-poll-type-example.j-poll-type-example-3:after {
    content: "best";
    margin-left: 39px;
    position: relative;
    top: -2px
}

body .ui-dialog .poll-form-container .poll-actions {
    float: right;
    width: 115px
}

body .ui-dialog .poll-form-container .poll-actions .poll-action button[id^="field-poll-form"] {
    float: right;
    height: 60px;
    border-radius: 4px
}

body .ui-dialog .poll-form-container .poll-actions .poll-action button[id^="field-poll-form"] i {
    width: 16px;
    height: 19px;
    background: none no-repeat -346px -6px;
    display: block;
    margin: 0 auto
}

body .ui-dialog .poll-form-container .poll-actions div[id^="form-field-poll-form-results-visibility"] {
    border-radius: 4px;
    float: left;
    width: 55px;
    height: 60px;
    text-align: center;
    padding: 5px
}

body .ui-dialog .poll-form-container .poll-actions div[id^="form-field-poll-form-results-visibility"] input[type="checkbox"] {
    display: block;
    margin: 0 auto
}

body .ui-dialog .poll-form-container input[id^="field-poll-form-title"] {
    display: block;
    width: 350px;
    margin-bottom: 10px;
    margin-right: 10px
}

body .ui-dialog .poll-form-container input[id^="field-poll-form-title"]+.field-errors {
    position: absolute;
    top: 20px;
    left: 380px
}

body .ui-dialog .poll-form-container select[id^="field-poll-form-pollType"] {
    display: inline-block
}

body .ui-dialog .poll-form-container .field-list {
    margin-top: 10px;
    margin-bottom: 10px
}

body .ui-dialog .poll-form-container .field-list .form-field>input {
    width: 330px
}

body .ui-dialog .poll-form-container .field-list .form-field .sort-gripper {
    background: url("../../Blocks/images/icons/16x16/darkgrey/icon-drag.png") no-repeat center center
}

body .ui-dialog .poll-form-container .field-list .form-field .remove-link {
    margin-right: 10px
}

body .ui-dialog .poll-form-container .field-list .form-field .field-errors {
    margin-bottom: 0
}

body .ui-dialog .poll-form-container .field-list .form-field+.field-list-new-entry {
    margin: 10px 0
}

body .ui-dialog .poll-form-container fieldset {
    margin-top: 10px
}

body .ui-dialog .poll-form-container fieldset legend {
    color: #242527;
    background: #bed868;
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 10px;
    cursor: pointer
}

body .ui-dialog .poll-form-container fieldset legend a.expand-link {
    float: left;
    text-indent: inherit;
    margin-top: -9px;
    padding-left: 20px;
    width: inherit;
    height: inherit;
    background-position-y: 2px
}

body .ui-dialog .poll-form-container fieldset .expandable-link {
    color: #242527
}

body .ui-dialog .poll-form-container fieldset .expandable-link:hover {
    text-decoration: underline
}

body .ui-dialog .poll-form-container fieldset .advanced-options-body {
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-top: 0
}

body .ui-dialog .poll-form-container fieldset .expand-link {
    float: left;
    margin-left: 120px;
    position: relative;
    top: -1px
}

body .ui-dialog .poll-form-container .form-actions {
    margin-top: 10px
}

.p-header-a {
    background: transparent none;
    margin: 0 0 19.5px;
    position: relative
}

.p-header-a::after {
    clear: both;
    content: "";
    display: table
}

.p-header-a h1 {
    margin: 0
}

.p-header-a .title {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/logo.png") no-repeat;
    display: block;
    height: 100px;
    position: relative;
    text-indent: -9999px;
    width: 400px;
    z-index: 3;
    margin: 0
}

.p-header-a .title:hover {
    background-position: 0 0
}

.p-header-a .title>a {
    display: block;
    height: 100px;
    width: 400px
}

.ad-skin .p-header-a .title {
    left: 0
}

.p-header-a .sub-title {
    color: #242527;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: -9999px
}

.p-header-a .p-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 556.5px
}

.p-header-a .b-search {
    height: 20px;
    position: absolute;
    top: 0;
    right: 0
}

.p-header-a .b-search .text-input {
    padding-right: 25px
}

.p-header-a .b-search .submit {
    color: #242527;
    direction: ltr;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 19.5px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: auto;
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: auto;
    float: none;
    overflow: visible;
    position: static;
    left: auto;
    top: auto;
    visibility: visible;
    background: url("../../Blocks/images/icons/12x12/darkgrey/icon-search.png");
    border-width: 0;
    box-shadow: null;
    height: 12px;
    position: absolute;
    top: 8px;
    right: 5px;
    text-indent: -9999px;
    width: 12px
}

.p-header-a .b-search .submit:hover,
.p-header-a .b-search .submit:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.p-header-b {
    background: transparent none;
    margin-bottom: 19.5px;
    position: relative
}

.p-header-b::after {
    clear: both;
    content: "";
    display: table
}

.p-header-b h1 {
    margin: 0
}

.p-header-b .logo>a {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/logo.png") no-repeat;
    display: block;
    float: left;
    height: 100px;
    text-indent: -9999px;
    width: 400px
}

.body-home-index .p-header-b {
    background: transparent none;
    margin-bottom: 0
}

.body-home-index .p-header-b .p-nav-a,
.body-home-index .p-header-b .p-header-search {
    display: none
}

.body-home-index .p-header-b .logo>a {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/logo-home.png") no-repeat center center;
    display: block;
    float: none;
    height: 145px;
    margin: 20px auto 5px;
    text-indent: -9999px;
    width: 313px
}

.p-infractions-a {
    position: relative
}

.p-infractions-a::after {
    clear: both;
    content: "";
    display: table
}

.p-infractions-a table.p-infraction-creation-table li label {
    line-height: 21px!important
}

.p-infractions-a div.p-infraction-stats {
    margin-bottom: 10px
}

.p-infractions-a div.p-infraction-stats::after {
    clear: both;
    content: "";
    display: table
}

.p-infractions-a div.p-infraction-stats>div {
    float: left;
    margin-right: 20px
}

.p-infractions-a div.p-infraction-stats>div>label {
    display: inline;
    font-weight: bold
}

.p-infractions-a .warning-description {
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    -moz-is-dark: false;
    background: #e1e1e1;
    border-radius: 5px;
    display: none
}

.p-infractions-a .infraction-custom-creation {
    background: #e1e1e1;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px
}

.p-infractions-a .infraction-custom-creation .permanent-duration.horizontal label {
    margin-right: 10px;
    vertical-align: inherit
}

.p-result-a .body-search .listing {
    margin-bottom: 0
}

.p-result-a .body-search .listing td {
    padding: 5px
}

.p-result-a .body-search .listing td:first-child {
    width: 50%
}

.p-result-a .body-search .listing td:first-child dt {
    font-weight: bold
}

.p-result-a .body-search .listing p:last-child,
.p-result-a .body-search .listing dl:last-child,
.p-result-a .body-search .listing dd:last-child {
    margin: 0
}

.p-result-a .col-summary {
    width: 40%
}

.p-result-a .col-date {
    white-space: nowrap
}

.p-result-a .video-result>* {
    display: block
}

.p-result-a .result-thumb {
    cursor: pointer;
    display: block;
    height: 160px;
    width: 284px;
    overflow: hidden;
    float: left;
    margin-right: 10px
}

.p-result-a .result-thumb img {
    width: 290px
}

.p-result-a .result-thumb .u-clip::after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 cobalt-ui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'cobalt-ui';
    text-align: center;
    content: '\f01d';
    font-size: 32px;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px;
    color: #fff
}

.p-streams-a::after {
    clear: both;
    content: "";
    display: table
}

.section-streams.body-category-itemdetails .p-streams-a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    background: #141414;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    color: #eee
}

.section-streams.body-category-itemdetails .p-streams-a .p-streams-content {
    float: left;
    width: 65.98333%;
    margin-left: 2.05%;
    margin-left: 0
}

.ie7 .section-streams.body-category-itemdetails .p-streams-a .p-streams-content {
    width: 64.98333%
}

.section-streams.body-category-itemdetails .p-streams-a .p-streams-header {
    margin-bottom: 19.5px;
    float: left;
    width: 31.96667%;
    margin-left: 2.05%;
    float: right
}

.section-streams.body-category-itemdetails .p-streams-a .p-streams-header::after {
    clear: both;
    content: "";
    display: table
}

.ie7 .section-streams.body-category-itemdetails .p-streams-a .p-streams-header {
    width: 30.96667%
}

.section-streams.body-category-itemdetails .p-streams-a .p-streams-header .user-actions {
    float: right
}

.section-streams.body-category-itemdetails .p-streams-a .p-streams-title {
    color: #eee
}

.p-streams-a .p-streams-header {
    margin-bottom: 19.5px
}

.p-streams-a .p-streams-header::after {
    clear: both;
    content: "";
    display: table
}

.p-streams-a .p-streams-header .user-actions {
    float: right
}

.p-streams-a .p-streams-category {
    float: right
}

.p-streams-a .p-streams-category a {
    padding: 3px 8px;
    font-size: 11px
}

.p-streams-a .p-streams-category a:hover {
    background: #F1B634;
    color: #000
}

.p-streams-a .p-video-player {
    overflow: hidden;
    display: inline-block;
    position: relative;
    padding: 0;
    margin-bottom: 19.5px;
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-top-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3)
}

.p-streams-a .p-video-player iframe,
.p-streams-a .p-video-player object,
.p-streams-a .p-video-player embed {
    display: block;
    max-width: 100%
}

.p-streams-a .p-video-player-footer {
    margin-bottom: 10px
}

.p-streams-a .p-streams-social .social-share {
    display: inline-block
}

.p-streams-a .p-sidebar-a .b-list-b .b-list-item.streams-listing .b-list-title {
    font-size: 12px;
    color: #F1B634
}

.p-streams-a .p-streams-tags {
    margin-top: 9.75px
}

.section-streams.body-category-itemdetails .primary-content {
    width: 100%;
    float: none
}

.section-streams.body-category-itemdetails .secondary-content {
    margin-left: 68%;
    padding-top: 19.5px;
    min-height: 500px
}

.section-streams.body-category-itemdetails #site-main>section.atf {
    border: 0
}

.section-streams.body-category-itemdetails .p-streams-chat {
    margin-top: 10px
}

.section-streams.body-category-itemdetails .p-streams-chat iframe {
    width: 100%
}

.p-toc-a.s_articleToc {
    background-color: black;
    border-top: 1px solid black;
    padding: 10px
}

.p-toc-a.s_articleToc h4 {
    background: #242527;
    color: #fff;
    padding: 5px 10px
}

.p-toc-a.s_articleToc ul {
    color: #eee;
    list-style: decimal inside;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.p-toc-a.s_articleToc ul li {
    font-size: 12px;
    height: 1.5em;
    line-height: 1.5;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 33%
}

.p-toc-a.s_articleToc ul li:nth-child(5n) ~ li {
    margin-left: 33%;
    padding-left: .5em;
    position: absolute
}

.p-toc-a.s_articleToc ul li:nth-child(6n) {
    top: 0
}

.p-toc-a.s_articleToc ul li:nth-child(7n) {
    top: 1.5em
}

.p-toc-a.s_articleToc ul li:nth-child(8n) {
    top: 3em
}

.p-toc-a.s_articleToc ul li:nth-child(9n) {
    top: 4.5em
}

.p-toc-a.s_articleToc ul li:nth-child(10n) {
    top: 6em
}

.p-toc-a.s_articleToc ul li:nth-child(10n) ~ li {
    margin-left: 66%!important
}

.p-toc-a.s_articleToc ul li:nth-child(11n) {
    top: 0
}

.p-toc-a.s_articleToc ul li:nth-child(12n) {
    top: 1.5em
}

.p-toc-a.s_articleToc ul li:nth-child(13n) {
    top: 3em
}

.p-toc-a.s_articleToc ul li:nth-child(14n) {
    top: 4.5em
}

.p-toc-a.s_articleToc ul li:nth-child(15n) {
    top: 6em
}

.p-toc-a.s_articleToc ul li a {
    color: #eee
}

.p-toc-a.s_articleToc ul li a:hover {
    color: #242527
}

.p-toc-a.s_articleToc ul li.current {
    font-weight: bold
}

.p-toc-a.s_articleToc ul li.current a {
    color: #242527
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(6n),
.toc-10+.p-toc-a.s_articleToc li:nth-child(6n) ~ li {
    margin-left: 0;
    padding-left: 0;
    position: relative
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(6n),
.toc-10+.p-toc-a.s_articleToc li:nth-child(7n),
.toc-10+.p-toc-a.s_articleToc li:nth-child(8n),
.toc-10+.p-toc-a.s_articleToc li:nth-child(9n),
.toc-10+.p-toc-a.s_articleToc li:nth-child(10n) {
    top: auto
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(10n) ~ li {
    margin-left: 33%!important;
    padding-left: .5em;
    position: absolute
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(11n) {
    top: 0
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(12n) {
    top: 1.5em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(13n) {
    top: 3em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(14n) {
    top: 4.5em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(15n) {
    top: 6em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(16n) {
    top: 7.5em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(17n) {
    top: 9em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(18n) {
    top: 10.5em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(19n) {
    top: 12em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(20n) {
    top: 13.5em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(20n) ~ li {
    margin-left: 66%!important
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(21n) {
    top: 0
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(22n) {
    top: 1.5em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(23n) {
    top: 3em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(24n) {
    top: 4.5em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(25n) {
    top: 6em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(26n) {
    top: 7.5em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(27n) {
    top: 9em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(28n) {
    top: 10.5em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(29n) {
    top: 12em
}

.toc-10+.p-toc-a.s_articleToc li:nth-child(30n) {
    top: 13.5em
}

.p-toc-a.s-sticky {
    border: 1px solid black
}

.p-toc-a.s-sticky.j-toc-floating {
    position: absolute;
    left: -96px;
    width: 185px;
    padding: 3px 0
}

.p-toc-a.s-sticky ul {
    list-style: none
}

.p-toc-a.s-sticky ul li>ul .b-list-item a {
    padding-left: 25px
}

.p-toc-a.s-sticky>.b-list-b>.b-list-item>a,
.p-toc-a.s-sticky>.b-list-b>.b-list-item>span {
    background: #242527;
    color: #fff;
    display: block;
    padding: 3px 10px
}

.p-toc-a.s-sticky .b-list-item {
    width: auto;
    clear: none;
    font-size: 11px;
    border-top: 1px solid black
}

.p-toc-a.s-sticky .b-list-item+.b-list-item {
    margin: 0;
    padding: 0;
    background: transparent
}

.p-toc-a.s-sticky .b-list-item a {
    display: block;
    padding: 3px 10px
}

.p-toc-a.s-sticky .b-list-item a:hover {
    background: #1a1a1a
}

.p-toc-a.s_static {
    border: 1px solid black;
    margin-bottom: 19.5px
}

.p-toc-a.s_static h4 {
    background: black
}

.p-toc-a.s_static ul {
    list-style: none
}

.p-toc-a.s_static ul li>ul .b-list-item a {
    padding-left: 25px
}

.p-toc-a.s_static>.b-list-b::after {
    clear: both;
    content: "";
    display: table
}

.p-toc-a.s_static>.b-list-b>.b-list-item>a,
.p-toc-a.s_static>.b-list-b>.b-list-item>span {
    background: #242527;
    color: #fff;
    display: block;
    padding: 3px 10px
}

.p-toc-a.s_static>.b-list-b>.b-list-item>span {
    background: black
}

.p-toc-a.s_static .b-list-item {
    width: auto;
    clear: none;
    font-size: 13px;
    border-top: 1px solid black;
    overflow: visible;
    white-space: normal
}

.p-toc-a.s_static .b-list-item+.b-list-item {
    margin: 0;
    padding: 0;
    background: transparent
}

.p-toc-a.s_static .b-list-item a {
    display: block;
    padding: 3px 10px;
    color: #242527
}

.p-toc-a.s_static .b-list-item a:hover {
    background: black
}

.p-toc-a.s_static.s_2col .b-list-b>.b-list-item {
    float: left;
    width: 48.975%;
    margin-left: 2.05%
}

.ie7 .p-toc-a.s_static.s_2col .b-list-b>.b-list-item {
    width: 47.975%
}

.p-toc-a.s_static.s_2col .b-list-b>.b-list-item:first-child {
    margin-left: 0
}

.p-toc-a.s_static.s_3col .b-list-b>.b-list-item {
    float: left;
    width: 31.96667%;
    margin-left: 2.05%
}

.ie7 .p-toc-a.s_static.s_3col .b-list-b>.b-list-item {
    width: 30.96667%
}

.p-toc-a.s_static.s_3col .b-list-b>.b-list-item:first-child {
    margin-left: 0
}

.p-toc-a.s_static.s_4col .b-list-b>.b-list-item {
    float: left;
    width: 23.4625%;
    margin-left: 2.05%
}

.ie7 .p-toc-a.s_static.s_4col .b-list-b>.b-list-item {
    width: 22.4625%
}

.p-toc-a.s_static.s_4col .b-list-b>.b-list-item:first-child {
    margin-left: 0
}

.p-toc-a.s_tabs ul {
    list-style: none
}

.p-toc-a.s_tabs>.b-list-a::after {
    clear: both;
    content: "";
    display: table
}

.p-toc-a.s_tabs>.b-list-a>.b-list-item>a,
.p-toc-a.s_tabs>.b-list-a>.b-list-item>span {
    display: block;
    padding: 5px 10px
}

.p-toc-a.s_tabs>.b-list-a>.b-list-item {
    position: relative
}

.p-toc-a.s_tabs>.b-list-a>.b-list-item>ul {
    position: absolute;
    left: -9999px
}

.p-toc-a.s_tabs>.b-list-a>.b-list-item .b-list-item+.b-list-item {
    margin: 0;
    padding: 0
}

.p-toc-a.s_tabs>.b-list-a>.b-list-item:hover>ul {
    left: auto;
    text-indent: 0
}

.p-toc-a.s_tabs>.b-list-a>.b-list-item ul .section:hover>ul {
    left: 100%;
    top: 0
}

.p-toc-a.s_tabs>.b-list-a>.b-list-item>span::after {
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: baseline;
    width: 0;
    border-top: 6px solid #242527;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 5px
}

.p-toc-a.s_tabs .b-list-item ul {
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.5);
    background: black;
    width: 180px
}

.p-toc-a.s_tabs .b-list-item ul li {
    float: none;
    display: block
}

.p-toc-a.s_tabs .b-list-item ul li>a,
.p-toc-a.s_tabs .b-list-item ul li>span {
    font-size: 13px;
    color: #eee;
    border-top: 1px solid black;
    overflow: visible;
    white-space: normal;
    padding: 3px 10px;
    text-align: left
}

.p-toc-a.s_tabs .b-list-item ul li>a:hover,
.p-toc-a.s_tabs .b-list-item ul li>span:hover {
    background: black;
    color: #eee
}

.p-toc-a.s_tabs .b-list-item ul li>span {
    color: #aeaeae
}

.p-toc-a.s_tabs .b-list-item ul li>span:hover {
    cursor: default
}

.atf-articleToc-a {
    padding: 19.5px 19.5px 0;
    margin-bottom: 19.5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-bottom-width: 3px;
    border-bottom-color: #242527;
    background: black;
    color: #eee;
    position: relative;
    z-index: 5
}

.atf-articleToc-a .title {
    text-align: left;
    margin-bottom: 19.5px;
    color: #eee
}

.p-user-content-manager-a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 8px 0 0 0
}

.p-user-content-manager-a::after {
    clear: both;
    content: "";
    display: table
}

.p-user-content-manager-a .post-form .middle td label {
    font-weight: bold;
    font-size: 14px
}

.p-user-content-manager-a a {
    color: #08c
}

.p-user-content-manager-a input[type=text],
.p-user-content-manager-a select {
    background: #f9f9f9;
    color: #111;
    border: 1px solid #ddd
}

.p-user-content-manager-a h1,
.p-user-content-manager-a h2,
.p-user-content-manager-a h3,
.p-user-content-manager-a h4,
.p-user-content-manager-a h5 {
    color: #262626
}

.p-user-content-manager-a .b-tab-b .b-tab-nav .b-tab-item {
    border-radius: 5px
}

.p-user-content-manager-a .b-tab-b .b-tab-nav .b-tab-item>a {
    background: 0;
    color: #08c
}

.p-user-content-manager-a .b-tab-b .b-tab-nav .b-tab-item.selected {
    background: #08c
}

.p-user-content-manager-a .b-tab-b .b-tab-nav .b-tab-item.selected>a {
    color: #fff
}

.p-user-content-manager-a .b-tab-b .b-tab-nav .b-tab-item.selected>a:after {
    content: none
}

.p-user-content-manager-a .alert {
    text-align: left;
    font-size: 14px;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.p-user-content-manager-a .alert,
.p-user-content-manager-a .alert h4 {
    color: #c09853
}

.p-user-content-manager-a .alert h4 {
    margin: 0
}

.p-user-content-manager-a .alert-danger,
.p-user-content-manager-a .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

.p-user-content-manager-a .alert-danger h4,
.p-user-content-manager-a .alert-error h4 {
    color: #b94a48
}

.p-user-content-manager-a.ui-dialog {
    background: 0;
    border: 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5)
}

.p-user-content-manager-a.ui-dialog div.form-saving {
    background: url("../../Blocks/images/ui/ac-loader.gif") no-repeat center center;
    width: 16px;
    height: 16px;
    display: none;
    margin-left: 8px;
    margin-top: 8px;
    float: right
}

.p-user-content-manager-a.ui-dialog label {
    font-size: 18px;
    font-weight: normal
}

.p-user-content-manager-a.ui-dialog div.ui-dialog-titlebar {
    display: none
}

.p-user-content-manager-a.ui-dialog div.ui-dialog-content {
    padding: 0
}

.p-user-content-manager-a.ui-dialog div.ui-dialog-content form {
    margin: 0
}

.p-user-content-manager-a.ui-dialog div.modal-body {
    padding: 20px;
    background: #fff;
    color: #000;
    border-radius: 6px 6px 0 0
}

.p-user-content-manager-a.ui-dialog div.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

.p-user-content-manager-a.ui-dialog div.modal-footer .btn {
    margin-left: 8px;
    color: #333
}

.p-user-content-manager-a.ui-dialog div.modal-footer .btn-green {
    color: #fff
}

.p-user-content-manager-a .btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #333!important;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.p-user-content-manager-a .btn:hover,
.p-user-content-manager-a .btn:focus,
.p-user-content-manager-a .btn:active,
.p-user-content-manager-a .btn.active,
.p-user-content-manager-a .btn.disabled,
.p-user-content-manager-a .btn[disabled] {
    color: #333!important;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.p-user-content-manager-a .btn:active,
.p-user-content-manager-a .btn.active {
    background-color: #ccc \9
}

.p-user-content-manager-a .btn:first-child {
    *margin-left: 0
}

.p-user-content-manager-a .btn:hover,
.p-user-content-manager-a .btn:focus {
    color: #333!important;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.p-user-content-manager-a .btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.p-user-content-manager-a .btn.active,
.p-user-content-manager-a .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.p-user-content-manager-a .btn-red {
    color: #fff!important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-position: 0 0
}

.p-user-content-manager-a .btn-red:hover,
.p-user-content-manager-a .btn-red:focus,
.p-user-content-manager-a .btn-red:active,
.p-user-content-manager-a .btn-red.active,
.p-user-content-manager-a .btn-red.disabled,
.p-user-content-manager-a .btn-red[disabled] {
    color: #fff!important;
    background-color: #bd362f;
    *background-color: #a9302a;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.p-user-content-manager-a .btn-red:active,
.p-user-content-manager-a .btn-red.active {
    background-position: 0 0;
    background-color: #942a25 \9
}

.p-user-content-manager-a .btn-green {
    color: #fff!important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.p-user-content-manager-a .btn-green:hover,
.p-user-content-manager-a .btn-green:focus,
.p-user-content-manager-a .btn-green:active,
.p-user-content-manager-a .btn-green.active,
.p-user-content-manager-a .btn-green.disabled,
.p-user-content-manager-a .btn-green[disabled] {
    color: #fff!important;
    background-color: #51a351;
    *background-color: #499249
}

.p-user-content-manager-a .btn-green:active,
.p-user-content-manager-a .btn-green.active {
    background-color: #408140 \9
}

.p-user-content-manager-a .btn-blue {
    color: #fff!important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #04c;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    border-color: #04c #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.p-user-content-manager-a .btn-blue:hover,
.p-user-content-manager-a .btn-blue:focus,
.p-user-content-manager-a .btn-blue:active,
.p-user-content-manager-a .btn-blue.active,
.p-user-content-manager-a .btn-blue.disabled,
.p-user-content-manager-a .btn-blue[disabled] {
    color: #fff!important;
    background-color: #04c;
    *background-color: #003bb3
}

.p-user-content-manager-a .btn-blue:active,
.p-user-content-manager-a .btn-blue.active {
    background-color: #039 \9
}

.p-user-content-manager-a .btn-group>.btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.p-user-content-manager-a .btn-group>.btn+.btn {
    margin-left: -5px
}

.p-user-content-manager-a .btn-group>.btn,
.p-user-content-manager-a .btn-group>.dropdown-menu,
.p-user-content-manager-a .btn-group>.popover {
    font-size: 14px
}

.p-user-content-manager-a .btn-group>.btn-mini {
    font-size: 10.5px
}

.p-user-content-manager-a .btn-group>.btn-small {
    font-size: 11.9px
}

.p-user-content-manager-a .btn-group>.btn-large {
    font-size: 17.5px
}

.p-user-content-manager-a .btn-group>.btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px
}

.p-user-content-manager-a .btn-group>.btn:last-child,
.p-user-content-manager-a .btn-group>.dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px
}

.p-user-content-manager-a .btn-group>.btn.large:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px
}

.p-user-content-manager-a .btn-group>.btn.large:last-child,
.p-user-content-manager-a .btn-group>.large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px
}

.p-user-content-manager-a .btn-group>.btn:hover,
.p-user-content-manager-a .btn-group>.btn:focus,
.p-user-content-manager-a .btn-group>.btn:active,
.p-user-content-manager-a .btn-group>.btn.active {
    z-index: 2
}

.p-user-content-manager-a [class^="icon-"],
.p-user-content-manager-a [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../../Blocks/images/ui/glyphicons.png");
    background-position: 14px 14px;
    background-repeat: no-repeat
}

.p-user-content-manager-a .icon-th {
    background-position: -240px 0
}

.p-user-content-manager-a .icon-list {
    background-position: -360px -48px
}

.p-user-content-manager-a div.tag-cloud {
    margin-top: 10px
}

.p-user-content-manager-a div.tag-cloud::after {
    clear: both;
    content: "";
    display: table
}

.p-user-content-manager-a div.tag-cloud li.tag {
    background: #E6E6E6;
    margin: 0 5px 5px 0;
    padding: 2px 6px;
    font-size: 12px;
    float: left;
    border-radius: 4px
}

.p-user-content-manager-a div.tag-cloud li.tag>a.tag-remove {
    background: url("../../Blocks/images/ui/tag-remove.png") no-repeat left;
    display: block;
    float: left;
    padding-left: 12px;
    text-indent: -1000px;
    overflow: hidden;
    margin-right: 4px
}

.p-user-content-manager-a div.post-form::after {
    clear: both;
    content: "";
    display: table
}

.p-user-content-manager-a div.post-form div.col-1,
.p-user-content-manager-a div.post-form div.col-2 {
    float: left;
    box-sizing: border-box
}

.p-user-content-manager-a div.post-form div.col-1 {
    width: 70%
}

.p-user-content-manager-a div.post-form div.col-2 {
    width: 30%;
    padding-left: 20px
}

.p-user-content-manager-a div.post-form div.permalink {
    background: #f0f0ee;
    border-right: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    padding: 8px
}

.p-user-content-manager-a div.post-form div.permalink b {
    font-size: 14px
}

.p-user-content-manager-a div.post-form #field-title {
    border-radius: 8px;
    font-size: 14pt;
    padding: 0 8px;
    height: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none
}

.p-user-content-manager-a div.post-form input.tags-field {
    width: 100%;
    box-sizing: border-box
}

.p-user-content-manager-a div.post-form div.sub-section {
    margin-bottom: 10px
}

.p-user-content-manager-a div.post-form div.sub-section td {
    vertical-align: middle
}

.p-user-content-manager-a div.post-form div.topbar td.primary {
    width: 100%
}

.p-user-content-manager-a div.post-form div.topbar td.secondary {
    width: 1%;
    white-space: nowrap
}

.p-user-content-manager-a div.post-form div.topbar td.secondary a {
    margin-left: 8px
}

.p-user-content-manager-a div.post-form div.scrollable-revision {
    border: 1px solid #C0C0C0;
    max-height: 155px;
    overflow: auto;
    padding: 0 4px;
    background: #fff
}

.p-user-content-manager-a div.post-form div.scrollable-revision .revisions a {
    cursor: pointer
}

.p-user-content-manager-a div.topbar,
.p-user-content-manager-a div.footbar {
    color: #fff;
    margin: 0;
    padding: 8px 8px;
    background: #333
}

.p-user-content-manager-a div.topbar form,
.p-user-content-manager-a div.footbar form {
    margin: 0
}

.p-user-content-manager-a div.topbar {
    border-radius: 4px 4px 0 0
}

.p-user-content-manager-a div.topbar::after {
    clear: both;
    content: "";
    display: table
}

.p-user-content-manager-a div.topbar div.browse-path {
    float: left
}

.p-user-content-manager-a div.topbar div.browse-path ul>li {
    float: left;
    margin-right: 8px;
    line-height: 30px;
    background: #000;
    padding: 0 8px
}

.p-user-content-manager-a div.topbar div.actions {
    float: right
}

.p-user-content-manager-a div.topbar div.actions .btn-green {
    color: #242527
}

.p-user-content-manager-a div.footbar {
    border-radius: 0 0 4px 4px
}

.p-user-content-manager-a div.footbar::after {
    clear: both;
    content: "";
    display: table
}

.p-user-content-manager-a div.footbar select,
.p-user-content-manager-a div.footbar a,
.p-user-content-manager-a div.footbar input,
.p-user-content-manager-a div.footbar button {
    display: inline-block;
    height: 30px;
    margin-right: 8px;
    margin-left: 0
}

.p-user-content-manager-a div.footbar select {
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    padding: 4px 6px
}

.p-user-content-manager-a div.footbar option {
    line-height: 30px
}

.p-user-content-manager-a div.footbar ul>li {
    display: inline;
    height: 30px
}

.p-user-content-manager-a div.footbar div.form-actions {
    margin: 0
}

.p-user-content-manager-a div.footbar div.actions-right {
    float: right
}

.p-user-content-manager-a div.footbar div.actions-right select,
.p-user-content-manager-a div.footbar div.actions-right a,
.p-user-content-manager-a div.footbar div.actions-right input,
.p-user-content-manager-a div.footbar div.actions-right button {
    margin-right: 0;
    margin-left: 8px
}

.p-user-content-manager-a div.middle {
    background: #f7f7f7;
    color: #000;
    padding: 8px;
    border-style: solid;
    border-color: #c0c0c0;
    border-width: 1px
}

.p-user-content-manager-a div.middle::after {
    clear: both;
    content: "";
    display: table
}

.p-user-content-manager-a div.middle.style-table {
    padding: 0
}

.p-user-content-manager-a div.middle div.upsell {
    text-align: center;
    font-size: 16px;
    padding: 50px 10px
}

.p-user-content-manager-a div.middle table.listing {
    margin: 0
}

.p-user-content-manager-a div.middle table.listing th {
    border: 0;
    white-space: nowrap;
    background: #ddd;
    color: #333;
    font-size: 14px;
    line-height: 20px
}

.p-user-content-manager-a div.middle table.listing th>a {
    color: #333
}

.p-user-content-manager-a div.middle table.listing td {
    font-size: 14px;
    width: 1%;
    white-space: nowrap;
    background: #F4F4F4;
    border: 1px solid #DDD;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset;
    color: #000
}

.p-user-content-manager-a div.middle table.listing td.primary {
    width: auto
}

.p-user-content-manager-a div.middle table.listing td.primary a {
    font-weight: bold
}

.p-user-content-manager-a div.middle table.listing td:first-child {
    border-left: none
}

.p-user-content-manager-a div.middle table.listing td:last-child {
    border-right: 0
}

.p-user-content-manager-a div.middle ul.listing {
    margin: 0
}

.p-user-content-manager-a div.middle ul.listing::after {
    clear: both;
    content: "";
    display: table
}

.p-user-content-manager-a div.middle ul.listing>li {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 25%;
    display: inline-block;
    text-align: center
}

.p-user-content-manager-a div.middle ul.listing>li div.wrapper {
    width: 200px;
    border-radius: 8px;
    text-align: center;
    padding: 8px 0;
    position: relative;
    display: inline-block
}

.p-user-content-manager-a div.middle ul.listing>li div.wrapper input[type=checkbox] {
    position: absolute;
    top: 8px;
    left: 8px;
    display: none
}

.p-user-content-manager-a div.middle ul.listing>li div.wrapper:hover,
.p-user-content-manager-a div.middle ul.listing>li div.wrapper.selected {
    background: #e5e5e5
}

.p-user-content-manager-a div.middle ul.listing>li div.wrapper:hover input[type=checkbox],
.p-user-content-manager-a div.middle ul.listing>li div.wrapper.selected input[type=checkbox] {
    display: block
}

.p-user-content-manager-a div.middle ul.listing>li a.icon {
    background: url("../../Blocks/images/ui/user-content-icons.png") no-repeat -262px -480px;
    display: inline-block;
    width: 150px;
    height: 160px
}

.p-user-content-manager-a div.middle ul.listing>li.folder a.icon {
    background-position: -265px -160px
}

.p-user-content-manager-a div.middle ul.listing>li.new-folder a.icon {
    background-position: -265px -1121px
}

.p-user-content-manager-a div.middle ul.listing>li p.title,
.p-user-content-manager-a div.middle ul.listing>li p.parent-title {
    text-align: center;
    font-weight: bold
}

.p-user-content-manager-a div.middle ul.listing>li p.parent-title {
    font-size: 16px;
    margin: 0
}

.p-user-content-manager-a div.middle ul.listing>li p.description {
    text-align: center;
    margin: 0
}

.p-widget-a {
    background: transparent;
    border: 0;
    margin: 9.75px 0;
    position: relative
}

.p-widget-a::after {
    clear: both;
    content: "";
    display: table
}

.p-widget-a .p-widget-header {
    margin-bottom: 9.75px;
    line-height: normal
}

.p-widget-a .p-widget-header::after {
    clear: both;
    content: "";
    display: table
}

.p-widget-a .p-widget-header h3 {
    font-size: 16px;
    margin: 0;
    float: left
}

.p-widget-a .p-widget-header .b-userAction {
    float: right;
    position: relative!important;
    top: auto!important;
    padding: 0!important
}

.p-widget-a .p-widget-footer {
    line-height: normal;
    font-size: 12px
}

.p-widget-a .p-widget-footer a {
    display: block;
    margin: 0;
    text-align: center;
    background: transparent;
    font-weight: bold;
    -webkit-transition: .2s linear background;
    -moz-transition: .2s linear background;
    transition: .2s linear background
}

.p-widget-a .p-widget-footer a:hover {
    background: transparent;
    text-decoration: none
}

.p-widget-a.audio-gallery .playlist-container {
    width: 308px;
    max-height: 250px;
    overflow-x: hidden;
    border: 1px solid rgba(0, 0, 0, 0.25)
}

.p-widget-a.audio-gallery .playlist-container .playlist {
    width: 308px;
    table-layout: inherit;
    background: #E1EDB9
}

.p-widget-a.audio-gallery .playlist-container .playlist tr:nth-child(even) {
    background: #eaf2cd
}

.p-widget-a.audio-gallery .playlist-container .playlist tr td {
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-left: 0;
    border-bottom: 0
}

.p-widget-a.audio-gallery .playlist-container .playlist tr td:first-child {
    width: auto
}

.p-widget-a.audio-gallery .playlist-container .playlist tr td .u-icon-play {
    background: url("../../Blocks/images/icons/22x22/icon-22-play.png");
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto
}

.p-widget-a.audio-gallery .playlist-container .playlist tr td .u-icon-pause {
    background: url("../../Blocks/images/icons/22x22/icon-22-pause.png");
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto
}

.margin-top-0 {
    margin-top: 0!important
}

.margin-top-5 {
    margin-top: 5px!important
}

.margin-top-15 {
    margin-top: 15px!important
}

.margin-top-20 {
    margin-top: 20px!important
}

.margin-top-25 {
    margin-top: 25px!important
}

.margin-top-35 {
    margin-top: 35px!important
}

.margin-bottom-10 {
    margin-bottom: 10px!important
}

.margin-bottom-15 {
    margin-bottom: 15px!important
}

.margin-bottom-20 {
    margin-bottom: 20px!important
}

.margin-left-0 {
    margin-left: 0!important
}

.twitch-button-filled,
.merge-container .form-footer button[type=submit],
.site-button-filled {
    display: table;
    margin: 0 auto;
    background: #242527;
    border: 0;
    height: 60px;
    width: 100%;
    max-width: 335px;
    color: #fff!important;
    font-weight: bold;
    font-size: 16px;
    border-radius: 4px;
    padding: 0 10px
}

.twitch-button-filled span,
.merge-container .form-footer button[type=submit] span,
.site-button-filled span {
    color: #fff!important;
    font-weight: bold;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle
}

.twitch-button-filled span:active,
.merge-container .form-footer button[type=submit] span:active,
.twitch-button-filled span:hover,
.merge-container .form-footer button[type=submit] span:hover,
.twitch-button-filled span:visited,
.merge-container .form-footer button[type=submit] span:visited,
.site-button-filled span:active,
.site-button-filled span:hover,
.site-button-filled span:visited {
    color: #fff
}

.twitch-button-filled:active,
.merge-container .form-footer button:active[type=submit],
.twitch-button-filled:visited,
.merge-container .form-footer button:visited[type=submit],
.site-button-filled:active,
.site-button-filled:visited {
    color: #fff!important
}

.twitch-button-filled:active span,
.merge-container .form-footer button:active[type=submit] span,
.twitch-button-filled:visited span,
.merge-container .form-footer button:visited[type=submit] span,
.site-button-filled:active span,
.site-button-filled:visited span {
    color: #fff!important
}

.twitch-button,
.site-button {
    display: table;
    padding: 0 10px;
    border: 2px solid #242527;
    border-radius: 4px;
    height: 60px;
    width: 100%;
    max-width: 335px;
    text-align: center;
    margin: 30px auto 0
}

.twitch-button span,
.site-button span {
    color: #242527;
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle
}

.twitch-button:active,
.twitch-button:visited,
.site-button:active,
.site-button:visited {
    color: #242527
}

.twitch-button-filled {
    background: #6441A5
}

.twitch-button-filled span {
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle
}

.twitch-button {
    border-color: #6441A5
}

.twitch-button span {
    color: #6441A5
}

.twitch-button:active,
.twitch-button:visited {
    color: #6441A5
}

.button-but-not-really span {
    color: #242527;
    text-decoration: underline
}

.button-but-not-really:hover span {
    text-decoration: none
}

.button-but-not-really:active,
.button-but-not-really:visited {
    color: #242527
}

.submit-button-fix button[type=submit]>span {
    display: table!important;
    margin: 0 auto
}

.byline {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #141414;
    width: 100%
}

.cancel-merge {
    margin-top: 25px
}

.cancel-merge button {
    -moz-appearance: none;
    -webkit-appearance: none;
    display: block;
    margin: 0 auto;
    background: 0;
    border: 0;
    text-decoration: underline;
    color: #242527;
    font-weight: bold;
    font-size: 12px
}

.cancel-merge button:hover {
    text-decoration: none
}

.cancel-merge>span {
    text-align: center;
    display: block
}

.card-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: none!important;
    margin: 0!important
}

@media(min-width:870px) {
    .card-container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.tm-card {
    background: #fff;
    padding: 20px 10px;
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.tm-card.not-floating {
    box-shadow: none
}

.tm-card.no-border {
    border: 0
}

.tm-card .row {
    width: 100%
}

.tm-card .small {
    font-size: 12px
}

.tm-card .remerge span {
    text-decoration: underline;
    color: #000
}

.tm-card .remerge:hover span {
    text-decoration: none;
    color: #000
}

.tm-card .complete-later {
    display: inline-block;
    width: auto;
    margin: 0 auto
}

.tm-card .complete-later span {
    color: #6441A5;
    text-decoration: underline
}

.tm-card .complete-later:hover span {
    color: #6441A5;
    text-decoration: none
}

.card-container .tm-card {
    min-width: 285px
}

.twitch,
.site-color {
    font-weight: bold
}

.twitch {
    color: #6441A5
}

.site-color {
    color: #242527
}

#faq-modal {
    position: relative;
    padding: 30px
}

#faq-modal * {
    font-family: "Open Sans"
}

#faq-modal .title {
    text-align: center;
    margin-bottom: 25px
}

#faq-modal .byline {
    margin-bottom: 25px
}

#faq-modal ul {
    padding-left: 20px;
    list-style-type: disc;
    font-size: 14px;
    line-height: 26px
}

#faq-modal>a span {
    text-align: center
}

.no-title-bar .ui-dialog-title {
    display: none
}

.no-title-bar .ui-dialog-titlebar {
    background: transparent;
    border: 0
}

.no-title-bar .ui-dialog-titlebar-close {
    right: 0;
    z-index: 999
}

.merge-container .form-field input {
    display: block;
    border-radius: 0;
    border: 1px solid #b3aea0;
    height: 60px;
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
    font-size: 14px
}

.curse-flame {
    display: inline-block;
    background: url("../../Blocks/images/vanity/icon-curse-flame.png") no-repeat;
    background-size: cover;
    height: 18px;
    width: 12px;
    margin-right: 5px
}

.twitch-glitch-white {
    display: inline-block;
    background: url("../../Blocks/images/icons/twitch/glitch.png") no-repeat;
    background-size: cover;
    height: 22px;
    width: 22px;
    margin-right: 8px
}

.login-container {
    width: 100%;
    max-width: 350px;
    margin: 0 auto
}

.body-twitchauthentication-curselogin .login-container #form-field-username,
.body-twitchauthentication-curselogin .login-container #form-field-loginFormPassword {
    position: relative
}

.body-twitchauthentication-curselogin .login-container #form-field-username input,
.body-twitchauthentication-curselogin .login-container #form-field-loginFormPassword input {
    padding-left: 35px
}

.body-twitchauthentication-curselogin .login-container #form-field-username::before,
.body-twitchauthentication-curselogin .login-container #form-field-loginFormPassword::before {
    font-family: 'cobalt-ui';
    position: absolute;
    left: 20px;
    top: 22px;
    color: #242527
}

.body-twitchauthentication-curselogin .login-container #form-field-username::before {
    content: '\e7ff'
}

.body-twitchauthentication-curselogin .login-container #form-field-loginFormPassword::before {
    content: '\e804'
}

.logo:not(h1) {
    width: auto;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 auto 10px
}

.logo:not(h1).site-logo {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/responsive-login-logo.svg")
}

.logo:not(h1).twitch-logo {
    background-image: url("../../Blocks/images/icons/twitch/twitch.png")
}

.merge-container {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    padding: 50px 10px 40px;
    background: 0
}

.merge-container.full-width {
    max-width: none
}

.merge-container.full-width>* {
    width: 100%;
    max-width: 500px;
    margin: 0 auto
}

.merge-container.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.merge-container .title {
    text-align: center;
    font-size: 28px;
    line-height: 24px;
    color: #141414;
    margin-bottom: 20px;
    font-weight: bold;
    width: 100%
}

.merge-container .title .narrow {
    font-weight: normal;
    display: block;
    margin-top: 10px
}

.merge-container hr {
    margin: 35px auto;
    border-color: #e3ebee;
    width: 100%;
    max-width: 400px
}

.merge-container ul,
.merge-container ol {
    list-style: initial;
    margin-left: 50px;
    padding: 10px
}

.merge-container #twitch-merge-faq a {
    display: inline-block;
    width: 100%;
    text-align: center
}

.merge-container .twitch-container iframe {
    display: block;
    margin: 0 auto;
    width: 100%
}

.merge-container .forgot-password {
    color: #242527;
    text-decoration: underline;
    cursor: pointer;
    width: auto;
    display: inline-block
}

.merge-container .forgot-password:hover {
    text-decoration: none
}

.merge-container .back {
    display: block;
    color: #000;
    text-decoration: underline;
    font-size: 12px;
    line-height: 27px;
    cursor: pointer;
    text-align: center
}

.merge-container .back:hover {
    text-decoration: none
}

.merge-container .back:visited,
.merge-container .back:active {
    color: #000
}

.merge-container .merge-footer {
    margin-top: 25px;
    text-align: center
}

.merge-container .merge-footer>span {
    cursor: pointer;
    color: #242527;
    text-decoration: underline
}

.merge-container .merge-footer>span:hover {
    text-decoration: none
}

.merge-text {
    font-size: 16px;
    line-height: 27px;
    color: #000;
    text-align: center;
    margin: 25px auto
}

.pipe {
    margin: 0 10px
}

.merge-container .tabs {
    width: 100%;
    max-width: 350px;
    text-align: center;
    margin: 30px auto 25px!important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.merge-container .tabs .tab {
    display: inline-block
}

.merge-container .tabs .tab a {
    color: #000;
    font-weight: bold;
    font-size: 14px
}

.merge-container .tabs .tab.spacer {
    visibility: hidden;
    width: 50px
}

.merge-container .tabs .tab.active {
    border-bottom: 2px solid #242527
}

.merge-container .tabs .tab.active a {
    color: #242527
}

.user-stats .post-count {
    font-weight: bold
}

.user-stats .twitch {
    font-size: 24px;
    font-weight: bold;
    line-height: 27px
}

.merge-container *,
.tm-card * {
    font-family: "Open Sans", Arial, Helvetica, sans-serif
}

.es-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    background: #fff;
    border: 1px solid #d3d5dc;
    height: 50px
}

@media(min-width:600px) {
    .es-form {
        height: 90px
    }
}

.es-form-icon {
    display: none
}

@media(min-width:600px) {
    .es-form-icon {
        display: inline-block;
        background-image: url("../../Blocks/images/icons/svg/black/search.svg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 40px;
        min-width: 40px;
        width: 40px
    }
}

.es-form-field-query {
    border: 0;
    color: #242527;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 18px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 20px 0 0
}

@media(min-width:600px) {
    .es-form-field-query {
        margin: 0 20px;
        font-size: 30px
    }
}

.es-form-submit[type=submit] {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
    background: #242527;
    box-shadow: none;
    border: 0;
    text-shadow: none;
    border-radius: 3px;
    text-transform: uppercase;
    height: 100%;
    min-height: 35px;
    max-height: 50px
}

@media(min-width:600px) {
    .es-form-submit[type=submit] {
        width: 130px;
        font-size: 16px
    }
}

.es-form-submit[type=submit]:hover,
.es-form-submit[type=submit]:focus {
    color: #fff;
    background: #3c3e42
}

.es-search-term {
    background-color: #f1eb60;
    font-weight: bold
}

html {
    box-sizing: border-box;
    position: relative;
    -webkit-overflow-scrolling: touch
}

*,
*::before,
*::after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

body {
    background: #f9f9f9 url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/background_texture.png) repeat;
    overflow-y: scroll
}

@media(max-width:1023px) {
    html body.responsive-enabled {
        background: #f9f9f9 url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/background_texture.png) repeat
    }
    html body.body-rpgmagicitem-details,
    html body.body-rpgmonster-details,
    html body.body-rpgspell-details,
    html body.body-rpgigear-details {
        background: #fff
    }
}

body>img,
body>object,
body #analytics,
body #cdm-zone-end {
    display: none!important
}

.hide {
    display: none!important
}

p {
    margin: 0 0 15px
}

label {
    cursor: default
}

*::-moz-selection {
    background: #222!important
}

*::selection {
    background: #222!important
}

body.responsive-enabled #site #site-main .atf {
    max-width: 1200px
}

input,
select {
    font-family: Roboto, Helvetica, sans-serif!important
}

.site #content {
    background: 0
}

.flash-messages,
.body-rpgcharacter-sheet #debug-bar,
.body-rpgcharacter-builder #debug-bar {
    z-index: 999
}

@media print {
    body {
        background: none!important
    }
}

.ddb-top-result-header-image .icon,
.tooltip-header-icon .diceroll-icon,
.tooltip-header-icon .school-icon,
.tooltip-header-icon .item-type-icon,
.tooltip-header-icon .monster-icon,
.tooltip-header-icon .skill-icon,
.tooltip-header-icon .action-icon,
.tooltip-header-icon .condition-icon {
    height: 35px;
    width: 35px;
    border-radius: 4px
}

.more-info footer .monster-button,
.more-info footer .item-button,
.more-info footer .spell-button {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    display: block
}

.more-info footer .monster-button span,
.more-info footer .item-button span,
.more-info footer .spell-button span {
    line-height: 50px;
    display: block;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: white!important;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #9877fa, #704cd9);
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto
}

.more-info footer .monster-button span {
    line-height: 35px;
    background-image: linear-gradient(to bottom, #e81212, #8c0b0b)
}

.more-info footer .item-button span {
    background-image: linear-gradient(to bottom, #4273e8, #143a7c)
}

.button-alt,
.more-links__links .button-alt {
    width: 100%;
    max-width: 255px;
    background: black;
    border: 2px solid #1b9af0;
    border-radius: 3px;
    margin: 0 auto;
    display: block
}

.item.button-alt {
    border-color: #0f5cbc
}

.button-alt span,
.more-links__links .button-alt span {
    display: block;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    color: white;
    margin: 0 auto;
    border-radius: 3px;
    text-transform: uppercase
}

.b-breadcrumb,
.listing-filters .stevanus-aurelius,
.listing-filters label[for=filter-class],
.listing-filters label[for=filter-type],
.more-links.stevanus-aurelius,
.more-links__links.stevanus-aurelius {
    display: none
}

.more-links__links .create-homebrew span::before {
    content: '';
    display: inline-block;
    height: 12px;
    width: 12px;
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/plus_minus-white.svg) no-repeat;
    background-size: cover;
    margin-right: 10px;
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.more-links__links .browse-homebrew span::before {
    content: '';
    display: inline-block;
    height: 12px;
    width: 12px;
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/homebrew.svg) no-repeat;
    background-size: cover;
    margin-right: 10px;
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}


/*! jQuery UI - v1.12.1 - 2017-06-07
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

@keyframes vex-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px)
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@-webkit-keyframes vex-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px)
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@-moz-keyframes vex-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px)
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@-ms-keyframes vex-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px)
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@-o-keyframes vex-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px)
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@keyframes vex-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px)
    }
}

@-webkit-keyframes vex-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px)
    }
}

@-moz-keyframes vex-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px)
    }
}

@-ms-keyframes vex-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px)
    }
}

@-o-keyframes vex-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px)
    }
}

@keyframes vex-pulse {
    0% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent
    }
    70% {
        -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
        -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25)
    }
    100% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent
    }
}

@-webkit-keyframes vex-pulse {
    0% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent
    }
    70% {
        -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
        -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25)
    }
    100% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent
    }
}

@-moz-keyframes vex-pulse {
    0% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent
    }
    70% {
        -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
        -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25)
    }
    100% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent
    }
}

@-ms-keyframes vex-pulse {
    0% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent
    }
    70% {
        -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
        -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25)
    }
    100% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent
    }
}

@-o-keyframes vex-pulse {
    0% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent
    }
    70% {
        -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
        -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25)
    }
    100% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent
    }
}

.vex.vex-theme-default {
    padding-top: 160px;
    padding-bottom: 160px
}

.vex.vex-theme-default.vex-closing .vex-content {
    animation: vex-flyout .5s;
    -webkit-animation: vex-flyout .5s;
    -moz-animation: vex-flyout .5s;
    -ms-animation: vex-flyout .5s;
    -o-animation: vex-flyout .5s;
    -webkit-backface-visibility: hidden
}

.vex.vex-theme-default .vex-content {
    animation: vex-flyin .5s;
    -webkit-animation: vex-flyin .5s;
    -moz-animation: vex-flyin .5s;
    -ms-animation: vex-flyin .5s;
    -o-animation: vex-flyin .5s;
    -webkit-backface-visibility: hidden
}

.vex.vex-theme-default .vex-content {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: "Helvetica Neue", sans-serif;
    background: #f0f0f0;
    color: #444;
    padding: 1em;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    width: 450px;
    font-size: 1.1em;
    line-height: 1.5em
}

.vex.vex-theme-default .vex-content h1,
.vex.vex-theme-default .vex-content h2,
.vex.vex-theme-default .vex-content h3,
.vex.vex-theme-default .vex-content h4,
.vex.vex-theme-default .vex-content h5,
.vex.vex-theme-default .vex-content h6,
.vex.vex-theme-default .vex-content p,
.vex.vex-theme-default .vex-content ul,
.vex.vex-theme-default .vex-content li {
    color: inherit
}

.vex.vex-theme-default .vex-close {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.vex.vex-theme-default .vex-close:before {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    content: "\00D7";
    font-size: 26px;
    font-weight: normal;
    line-height: 31px;
    height: 30px;
    width: 30px;
    text-align: center;
    top: 3px;
    right: 3px;
    color: #bbb;
    background: transparent
}

.vex.vex-theme-default .vex-close:hover:before,
.vex.vex-theme-default .vex-close:active:before {
    color: #777;
    background: #e0e0e0
}

.vex.vex-theme-default .vex-dialog-form .vex-dialog-message {
    margin-bottom: .5em
}

.vex.vex-theme-default .vex-dialog-form .vex-dialog-input {
    margin-bottom: 1em
}

.vex.vex-theme-default .vex-dialog-form .vex-dialog-input textarea,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="date"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime-local"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="email"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="month"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="number"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="password"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="search"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="tel"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="text"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="time"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="url"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="week"] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    width: 100%;
    padding: .25em .67em;
    border: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    min-height: 2.5em;
    margin: 0 0 .25em
}

.vex.vex-theme-default .vex-dialog-form .vex-dialog-input textarea:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="date"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="email"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="month"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="number"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="password"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="search"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="tel"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="text"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="time"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="url"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
    -moz-box-shadow: inset 0 0 0 2px #8dbdf1;
    -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
    box-shadow: inset 0 0 0 2px #8dbdf1;
    outline: 0
}

.vex.vex-theme-default .vex-dialog-form .vex-dialog-buttons {
    *zoom: 1
}

.vex.vex-theme-default .vex-dialog-form .vex-dialog-buttons:after {
    content: "";
    display: table;
    clear: both
}

.vex.vex-theme-default .vex-dialog-button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    float: right;
    margin: 0 0 0 .5em;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .8em;
    line-height: 1em;
    padding: .75em 2em
}

.vex.vex-theme-default .vex-dialog-button.vex-last {
    margin-left: 0
}

.vex.vex-theme-default .vex-dialog-button:focus {
    animation: vex-pulse 1.1s infinite;
    -webkit-animation: vex-pulse 1.1s infinite;
    -moz-animation: vex-pulse 1.1s infinite;
    -ms-animation: vex-pulse 1.1s infinite;
    -o-animation: vex-pulse 1.1s infinite;
    -webkit-backface-visibility: hidden;
    outline: 0
}

@media(max-width:568px) {
    .vex.vex-theme-default .vex-dialog-button:focus {
        animation: none;
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        -webkit-backface-visibility: hidden
    }
}

.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary {
    background: #3288e6;
    color: #fff
}

.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-secondary {
    background: #e0e0e0;
    color: #777
}

.vex-loading-spinner.vex-theme-default {
    -moz-box-shadow: 0 0 0 .5em #f0f0f0, 0 0 1px .5em rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 0 .5em #f0f0f0, 0 0 1px .5em rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 .5em #f0f0f0, 0 0 1px .5em rgba(0, 0, 0, 0.3);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #f0f0f0;
    border: .2em solid transparent;
    border-top-color: #bbb;
    top: -1.1em;
    bottom: auto
}

@keyframes vex-fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes vex-fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes vex-fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-ms-keyframes vex-fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes vex-fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes vex-fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes vex-fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes vex-fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes vex-fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes vex-fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes vex-rotation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg)
    }
}

@-webkit-keyframes vex-rotation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg)
    }
}

@-moz-keyframes vex-rotation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes vex-rotation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg)
    }
}

@-o-keyframes vex-rotation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg)
    }
}

.vex,
.vex *,
.vex *:before,
.vex *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vex {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1111;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vex-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.vex-overlay {
    background: #000;
    filter: alpha(opacity=40);
    -ms-filter: "alpha(opacity=40)"
}

.vex-overlay {
    animation: vex-fadein .5s;
    -webkit-animation: vex-fadein .5s;
    -moz-animation: vex-fadein .5s;
    -ms-animation: vex-fadein .5s;
    -o-animation: vex-fadein .5s;
    -webkit-backface-visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vex.vex-closing .vex-overlay {
    animation: vex-fadeout .5s;
    -webkit-animation: vex-fadeout .5s;
    -moz-animation: vex-fadeout .5s;
    -ms-animation: vex-fadeout .5s;
    -o-animation: vex-fadeout .5s;
    -webkit-backface-visibility: hidden
}

.vex-content {
    animation: vex-fadein .5s;
    -webkit-animation: vex-fadein .5s;
    -moz-animation: vex-fadein .5s;
    -ms-animation: vex-fadein .5s;
    -o-animation: vex-fadein .5s;
    -webkit-backface-visibility: hidden;
    background: #fff
}

.vex.vex-closing .vex-content {
    animation: vex-fadeout .5s;
    -webkit-animation: vex-fadeout .5s;
    -moz-animation: vex-fadeout .5s;
    -ms-animation: vex-fadeout .5s;
    -o-animation: vex-fadeout .5s;
    -webkit-backface-visibility: hidden
}

.vex-close:before {
    font-family: Arial, sans-serif;
    content: "\00D7"
}

.vex-dialog-form {
    margin: 0
}

.vex-dialog-button {
    text-rendering: optimizeLegibility;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.vex-loading-spinner {
    animation: vex-rotation .7s linear infinite;
    -webkit-animation: vex-rotation .7s linear infinite;
    -moz-animation: vex-rotation .7s linear infinite;
    -ms-animation: vex-rotation .7s linear infinite;
    -o-animation: vex-rotation .7s linear infinite;
    -webkit-backface-visibility: hidden;
    -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
    position: fixed;
    z-index: 1112;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2em;
    width: 2em;
    background: #fff
}

body.vex-open {
    overflow: hidden
}

.tippy-touch {
    cursor: pointer!important
}

.tippy-notransition {
    -webkit-transition: none!important;
    transition: none!important
}

.tippy-popper {
    max-width: 350px;
    -webkit-perspective: 700px;
    perspective: 700px;
    z-index: 9999;
    outline: 0;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none
}

.tippy-popper[data-html] {
    max-width: 96%;
    max-width: calc(100% - 20px)
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow {
    bottom: -8px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 7px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-50%, 25%);
    transform: scale(5.5) translate(-50%, 25%);
    opacity: 1
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1) translate(-50%, 25%);
    transform: scale(1) translate(-50%, 25%);
    opacity: 0
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    top: -8px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 7px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    -webkit-transform-origin: 0 -100%;
    transform-origin: 0 -100%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-50%, -125%);
    transform: scale(5.5) translate(-50%, -125%);
    opacity: 1
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1) translate(-50%, -125%);
    transform: scale(1) translate(-50%, -125%);
    opacity: 0
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 30% 0 0 30%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow {
    right: -16px;
    margin: 4px 0;
    -webkit-transform-origin: 33.33333333% 50%;
    transform-origin: 33.33333333% 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 4px 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(33%, -50%);
    transform: scale(5.5) translate(33%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1.5) translate(33%, -50%);
    transform: scale(1.5) translate(33%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translateX(0) rotateY(-90deg)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 30% 30% 0
}

.tippy-popper[x-placement^=right] .tippy-roundarrow {
    left: -16px;
    margin: 4px 0;
    -webkit-transform-origin: 66.66666666% 50%;
    transform-origin: 66.66666666% 50%
}

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 4px 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    -webkit-transform-origin: -100% 0;
    transform-origin: -100% 0
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-133%, -50%);
    transform: scale(5.5) translate(-133%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1.5) translate(-133%, -50%);
    transform: scale(1.5) translate(-133%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translateX(0) rotateY(90deg)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .9rem;
    padding: .3rem .6rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-tooltip[data-size=small] {
    padding: .2rem .4rem;
    font-size: .75rem
}

.tippy-tooltip[data-size=large] {
    padding: .4rem .8rem;
    font-size: 1rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-animatefill] .tippy-content {
    -webkit-transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
    transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
    transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
    transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98), -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98)
}

.tippy-tooltip[data-interactive] {
    pointer-events: auto
}

.tippy-tooltip[data-inertia][data-state=visible] {
    -webkit-transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
    transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85)
}

.tippy-tooltip[data-inertia][data-state=hidden] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.tippy-arrow,
.tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-roundarrow {
    width: 24px;
    height: 8px;
    fill: #333;
    pointer-events: none
}

.tippy-roundarrow path {
    pointer-events: auto
}

.tippy-backdrop {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 26%;
    left: 50%;
    top: 50%;
    z-index: -1;
    -webkit-transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
    transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(100% 100% at 50% 50%);
    clip-path: ellipse(100% 100% at 50% 50%)
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(5% 50% at 50% 50%);
    clip-path: ellipse(5% 50% at 50% 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 0 50%);
    clip-path: ellipse(135% 100% at 0 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(25% 100% at 0 50%);
    clip-path: ellipse(25% 100% at 0 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 100% 50%);
    clip-path: ellipse(135% 100% at 100% 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(25% 100% at 100% 50%);
    clip-path: ellipse(25% 100% at 100% 50%)
}

@media(max-width:360px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}

.ability-block {
    font-family: "Scala Sans Offc", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0;
    color: #4F1300
}

.ability-block__stat {
    width: 30%;
    padding: 5px 0;
    text-align: center
}

.ability-block__heading {
    font-weight: bold
}

.ability-block__modifier {
    margin-left: 2px
}

@media print,
(min-width:768px) {
    .ability-block__stat {
        width: 16.66667%
    }
}

.ddb-account-tab-header-primary {
    font-size: 24px;
    font-weight: bold;
    color: #242527
}

.ddb-account-tab-header-secondary {
    font-size: 14px;
    color: #242527
}

.ddb-account-tab-header-actions {
    margin-bottom: 20px
}

.ddb-account-tab-header-actions .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0;
    margin: 0
}

.ddb-account-tab-header-actions .button:hover {
    background: #3ce5d4
}

.ddb-account-tab-header-actions .button,
.ddb-account-tab-header-actions .button:hover,
.ddb-account-tab-header-actions .button:focus,
.ddb-account-tab-header-actions .button:active,
.ddb-account-tab-header-actions .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-account-tab-header-actions .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-account-tab-header-actions .button:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

@media(min-width:800px) {
    .ddb-account-tab-header-actions .button {
        max-width: 200px
    }
}

.ddb-account-tab-body {
    padding-top: 20px;
    overflow-x: auto
}

.ddb-account-tab-body .listing-container-table {
    margin-top: 0
}

.ddb-account-tab-body .listing-container-table table {
    border-collapse: collapse;
    margin: 20px 0
}

.ddb-account-tab-body .listing-container-table table.compendium-left-aligned-table th {
    text-align: left
}

.ddb-account-tab-body .listing-container-table table,
.ddb-account-tab-body .listing-container-table table th,
.ddb-account-tab-body .listing-container-table table td {
    border: 1px solid #edeae8
}

.ddb-account-tab-body .listing-container-table table th,
.ddb-account-tab-body .listing-container-table table td {
    font-size: 14px
}

.ddb-account-tab-body .listing-container-table table th.left-align,
.ddb-account-tab-body .listing-container-table table td.left-align {
    text-align: left!important
}

.ddb-account-tab-body .listing-container-table table th.uppercase,
.ddb-account-tab-body .listing-container-table table td.uppercase {
    text-transform: uppercase!important
}

.ddb-account-tab-body .listing-container-table table td {
    text-align: center;
    padding: 10px 20px
}

.ddb-account-tab-body .listing-container-table table td p {
    font-size: 14px
}

.ddb-account-tab-body .listing-container-table table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.ddb-account-tab-body .listing-container-table table tbody tr {
    background: #fff
}

.ddb-account-tab-body .listing-container-table table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.ddb-account-tab-body .listing-container-table table tbody tr td.left-align {
    text-align: left!important
}

.ddb-account-tab-body .listing-container-table table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.ddb-account-tab-body .listing-container-table table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.ddb-account-tab-marketplace .listing-orders th:nth-of-type(1),
.ddb-account-tab-marketplace .listing-orders td:nth-of-type(1) {
    width: 100px
}

.ddb-account-tab-marketplace .listing-orders th:nth-of-type(2),
.ddb-account-tab-marketplace .listing-orders td:nth-of-type(2) {
    width: auto;
    text-align: left
}

.ddb-account-tab-marketplace .listing-orders th:nth-of-type(3),
.ddb-account-tab-marketplace .listing-orders td:nth-of-type(3) {
    width: 120px
}

.ddb-account-tab-marketplace .listing-orders th:nth-of-type(4),
.ddb-account-tab-marketplace .listing-orders td:nth-of-type(4) {
    width: 150px
}

.ddb-account-tab-marketplace .listing-orders td:nth-of-type(4) .link,
.ddb-account-tab-marketplace .listing-orders td:nth-of-type(4) .link:hover,
.ddb-account-tab-marketplace .listing-orders td:nth-of-type(4) .link:focus,
.ddb-account-tab-marketplace .listing-orders td:nth-of-type(4) .link:active,
.ddb-account-tab-marketplace .listing-orders td:nth-of-type(4) .link:visited {
    color: #1cd2c0!important
}

.ddb-account-tab-reclaim__form {
    margin: 0 auto;
    padding-top: 20px
}

.ddb-account-tab-reclaim__form button {
    background: linear-gradient(to bottom, #eb1313, #8d0b0b);
    border-radius: 3px;
    padding: 15px 20px;
    text-transform: uppercase;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold
}

.ddb-account-tab-reclaim__form button:hover {
    background-position: 0 0
}

.ddb-account-tab-reclaim__form button:active {
    background: linear-gradient(to bottom, #eb1313, #8d0b0b)
}

blockquote.adventure-read-aloud-text {
    background-color: #e6e7ec!important;
    border-color: #979aa4!important
}

blockquote.adventure-read-aloud-text::before,
blockquote.adventure-read-aloud-text::after {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/dot.svg"), url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/dot.svg")!important;
    background-position: left, right;
    background-size: contain!important;
    background-repeat: no-repeat;
    height: 8px!important;
    left: -4px!important;
    right: -4px!important
}

blockquote.adventure-read-aloud-text::after {
    bottom: -4px!important
}

blockquote.adventure-read-aloud-text::before {
    top: -4px!important
}

.body-page .p-article-a .p-article-content p.Table-Styles_Table-Title,
.section-posts .p-article-a .p-article-content p.Table-Styles_Table-Title,
.p-article-a .section-changelog .p-article-content p.Table-Styles_Table-Title,
.body-page .p-article-a .p-article-content table.Table-Style-1 tbody tr td .Sidebar-Styles_Sidebar-Heading,
.section-posts .p-article-a .p-article-content table.Table-Style-1 tbody tr td .Sidebar-Styles_Sidebar-Heading,
.p-article-a .section-changelog .p-article-content table.Table-Style-1 tbody tr td .Sidebar-Styles_Sidebar-Heading {
    font-size: 16px;
    margin-top: 19.5px;
    margin-bottom: 6.5px
}

.body-page .more-links,
.body-category .more-links {
    z-index: 6
}

@media(min-width:1024px) {
    .body-page .more-links .links .button-alt span,
    .body-category .more-links .links .button-alt span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.p-article-a {
    position: static
}

.p-article-a .user-actions {
    margin-bottom: 10px
}

.p-article-a .nav-select {
    width: 100%;
    margin-bottom: 10px
}

.p-article-a .p-article-header {
    position: static;
    margin-bottom: 0
}

.p-article-a .p-article-byline {
    display: block;
    margin-bottom: 20px
}

.p-article-a .p-article-byline .p-article-rating,
.p-article-a .p-article-byline .p-article-category {
    display: none
}

.p-article-a .p-article-byline .p-article-author {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #242527;
    font-size: 14px;
    position: relative
}

.p-article-a .p-article-byline .p-article-author .article-author-avatar {
    border-radius: 50%;
    height: 48px;
    width: 48px;
    position: absolute;
    left: 0
}

.p-article-a .p-article-byline .p-article-author .article-author-name {
    padding-top: 5px
}

.p-article-a .p-article-byline .p-article-author .article-author-name,
.p-article-a .p-article-byline .p-article-author .article-posted-date {
    margin-left: 55px
}

.p-article-a .p-article-title {
    font-size: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: normal;
    z-index: 5;
    color: #242527;
    padding: 0!important;
    line-height: 1.3;
    font-weight: bold;
    display: none
}

@media(min-width:1024px) {
    .p-article-a .p-article-title {
        font-size: 36px
    }
}

.section-compendium-content .p-article-a .p-article-title {
    display: none
}

.p-article-a .p-article-content h1 {
    margin-top: 0
}

.p-article-a .p-article-footer .p-article-tags {
    margin-left: 60px
}

.p-article-a .p-article-footer .p-article-tags .u-icon-tag {
    display: none
}

.p-article-a .p-article-footer .p-article-tags .b-tag-title {
    font-size: 12px;
    position: absolute;
    left: 40px;
    padding: 4px 8px
}

.p-article-a .p-article-footer .p-article-tags .tag {
    border: 1px solid #cbc6c3;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 #dcd1c7;
    padding: 4px 8px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 2px
}

.p-article-a .p-article-footer .p-article-tags .tag:hover {
    background: #242527;
    color: white;
    text-decoration: none
}

@media(min-width:1024px) {
    .p-article-a .p-article-footer .p-article-interact {
        height: 0;
        padding: 0;
        border: 0
    }
    .p-article-a .p-article-footer .social-container,
    .p-article-a .p-article-footer .p-article-comments {
        position: absolute;
        top: 27px
    }
    .p-article-a .p-article-footer .p-article-comments {
        right: 340px
    }
    .p-article-a .p-article-footer .social-container {
        right: 400px
    }
}

.body-page .p-article-a .p-article-content,
.section-posts .p-article-a .p-article-content,
.p-article-a .section-changelog .p-article-content {
    line-height: 30px;
    font-size: 16px;
    padding: 0!important
}

.body-page .p-article-a .p-article-content table,
.section-posts .p-article-a .p-article-content table,
.p-article-a .section-changelog .p-article-content table {
    border-collapse: collapse;
    margin: 20px 0
}

.body-page .p-article-a .p-article-content table.compendium-left-aligned-table th,
.section-posts .p-article-a .p-article-content table.compendium-left-aligned-table th,
.p-article-a .section-changelog .p-article-content table.compendium-left-aligned-table th {
    text-align: left
}

.body-page .p-article-a .p-article-content table,
.body-page .p-article-a .p-article-content table th,
.body-page .p-article-a .p-article-content table td,
.section-posts .p-article-a .p-article-content table,
.section-posts .p-article-a .p-article-content table th,
.section-posts .p-article-a .p-article-content table td,
.p-article-a .section-changelog .p-article-content table,
.p-article-a .section-changelog .p-article-content table th,
.p-article-a .section-changelog .p-article-content table td {
    border: 1px solid #edeae8
}

.body-page .p-article-a .p-article-content table th,
.body-page .p-article-a .p-article-content table td,
.section-posts .p-article-a .p-article-content table th,
.section-posts .p-article-a .p-article-content table td,
.p-article-a .section-changelog .p-article-content table th,
.p-article-a .section-changelog .p-article-content table td {
    font-size: 14px
}

.body-page .p-article-a .p-article-content table th.left-align,
.body-page .p-article-a .p-article-content table td.left-align,
.section-posts .p-article-a .p-article-content table th.left-align,
.section-posts .p-article-a .p-article-content table td.left-align,
.p-article-a .section-changelog .p-article-content table th.left-align,
.p-article-a .section-changelog .p-article-content table td.left-align {
    text-align: left!important
}

.body-page .p-article-a .p-article-content table th.uppercase,
.body-page .p-article-a .p-article-content table td.uppercase,
.section-posts .p-article-a .p-article-content table th.uppercase,
.section-posts .p-article-a .p-article-content table td.uppercase,
.p-article-a .section-changelog .p-article-content table th.uppercase,
.p-article-a .section-changelog .p-article-content table td.uppercase {
    text-transform: uppercase!important
}

.body-page .p-article-a .p-article-content table td,
.section-posts .p-article-a .p-article-content table td,
.p-article-a .section-changelog .p-article-content table td {
    text-align: center;
    padding: 10px 20px
}

.body-page .p-article-a .p-article-content table td p,
.section-posts .p-article-a .p-article-content table td p,
.p-article-a .section-changelog .p-article-content table td p {
    font-size: 14px
}

.body-page .p-article-a .p-article-content table thead th,
.section-posts .p-article-a .p-article-content table thead th,
.p-article-a .section-changelog .p-article-content table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.body-page .p-article-a .p-article-content table tbody tr,
.section-posts .p-article-a .p-article-content table tbody tr,
.p-article-a .section-changelog .p-article-content table tbody tr {
    background: #fff
}

.body-page .p-article-a .p-article-content table tbody tr td,
.section-posts .p-article-a .p-article-content table tbody tr td,
.p-article-a .section-changelog .p-article-content table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.body-page .p-article-a .p-article-content table tbody tr td.left-align,
.section-posts .p-article-a .p-article-content table tbody tr td.left-align,
.p-article-a .section-changelog .p-article-content table tbody tr td.left-align {
    text-align: left!important
}

.body-page .p-article-a .p-article-content table tbody tr td.uppercase,
.section-posts .p-article-a .p-article-content table tbody tr td.uppercase,
.p-article-a .section-changelog .p-article-content table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.body-page .p-article-a .p-article-content table tbody tr:nth-child(odd),
.section-posts .p-article-a .p-article-content table tbody tr:nth-child(odd),
.p-article-a .section-changelog .p-article-content table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.body-page .p-article-a .p-article-content ul,
.section-posts .p-article-a .p-article-content ul,
.p-article-a .section-changelog .p-article-content ul {
    list-style: initial;
    padding: 15px
}

.body-page .p-article-a .p-article-content ol,
.section-posts .p-article-a .p-article-content ol,
.p-article-a .section-changelog .p-article-content ol {
    list-style: decimal;
    padding: 15px
}

.body-page .p-article-a .p-article-content h1,
.body-page .p-article-a .p-article-content h2,
.body-page .p-article-a .p-article-content h3,
.section-posts .p-article-a .p-article-content h1,
.section-posts .p-article-a .p-article-content h2,
.section-posts .p-article-a .p-article-content h3,
.p-article-a .section-changelog .p-article-content h1,
.p-article-a .section-changelog .p-article-content h2,
.p-article-a .section-changelog .p-article-content h3 {
    font-weight: normal
}

.body-page .p-article-a .p-article-content h1,
.section-posts .p-article-a .p-article-content h1,
.p-article-a .section-changelog .p-article-content h1 {
    font-size: 32px
}

.body-page .p-article-a .p-article-content h2,
.section-posts .p-article-a .p-article-content h2,
.p-article-a .section-changelog .p-article-content h2 {
    font-size: 26px
}

.body-page .p-article-a .p-article-content h3,
.section-posts .p-article-a .p-article-content h3,
.p-article-a .section-changelog .p-article-content h3 {
    font-size: 20px
}

.body-page .p-article-a .p-article-content h5,
.body-page .p-article-a .p-article-content h6,
.section-posts .p-article-a .p-article-content h5,
.section-posts .p-article-a .p-article-content h6,
.p-article-a .section-changelog .p-article-content h5,
.p-article-a .section-changelog .p-article-content h6 {
    font-size: 18px
}

.body-page .p-article-a .p-article-content a,
.section-posts .p-article-a .p-article-content a,
.p-article-a .section-changelog .p-article-content a {
    text-decoration: none;
    cursor: pointer
}

.body-page .p-article-a .p-article-content a,
.body-page .p-article-a .p-article-content a:hover,
.body-page .p-article-a .p-article-content a:focus,
.body-page .p-article-a .p-article-content a:active,
.body-page .p-article-a .p-article-content a:visited,
.section-posts .p-article-a .p-article-content a,
.section-posts .p-article-a .p-article-content a:hover,
.section-posts .p-article-a .p-article-content a:focus,
.section-posts .p-article-a .p-article-content a:active,
.section-posts .p-article-a .p-article-content a:visited,
.p-article-a .section-changelog .p-article-content a,
.p-article-a .section-changelog .p-article-content a:hover,
.p-article-a .section-changelog .p-article-content a:focus,
.p-article-a .section-changelog .p-article-content a:active,
.p-article-a .section-changelog .p-article-content a:visited {
    color: #47D18C
}

.body-page .p-article-a .p-article-content h1,
.body-page .p-article-a .p-article-content h2,
.body-page .p-article-a .p-article-content h3,
.section-posts .p-article-a .p-article-content h1,
.section-posts .p-article-a .p-article-content h2,
.section-posts .p-article-a .p-article-content h3,
.p-article-a .section-changelog .p-article-content h1,
.p-article-a .section-changelog .p-article-content h2,
.p-article-a .section-changelog .p-article-content h3 {
    font-weight: normal
}

.body-page .p-article-a .p-article-content h1,
.section-posts .p-article-a .p-article-content h1,
.p-article-a .section-changelog .p-article-content h1 {
    font-size: 32px
}

.body-page .p-article-a .p-article-content h1::after,
.section-posts .p-article-a .p-article-content h1::after,
.p-article-a .section-changelog .p-article-content h1::after {
    content: '';
    width: 100%;
    max-width: 1200px;
    margin: 5px auto 20px;
    height: 3px;
    background-color: #47D18C;
    display: block
}

.body-page .p-article-a .p-article-content h2::after,
.body-page .p-article-a .p-article-content h3::after,
.section-posts .p-article-a .p-article-content h2::after,
.section-posts .p-article-a .p-article-content h3::after,
.p-article-a .section-changelog .p-article-content h2::after,
.p-article-a .section-changelog .p-article-content h3::after {
    content: '';
    width: 100%;
    margin: 5px auto 20px;
    height: 1px;
    background-color: #47D18C;
    display: block
}

.body-page .p-article-a .p-article-content h2,
.section-posts .p-article-a .p-article-content h2,
.p-article-a .section-changelog .p-article-content h2 {
    font-size: 26px
}

.body-page .p-article-a .p-article-content h3,
.section-posts .p-article-a .p-article-content h3,
.p-article-a .section-changelog .p-article-content h3 {
    font-size: 22px
}

.body-page .p-article-a .p-article-content h5,
.body-page .p-article-a .p-article-content h6,
.section-posts .p-article-a .p-article-content h5,
.section-posts .p-article-a .p-article-content h6,
.p-article-a .section-changelog .p-article-content h5,
.p-article-a .section-changelog .p-article-content h6 {
    font-size: 18px
}

.body-page .p-article-a .p-article-content .compendium-header-subtitle,
.section-posts .p-article-a .p-article-content .compendium-header-subtitle,
.p-article-a .section-changelog .p-article-content .compendium-header-subtitle {
    font-size: 20px;
    color: #979AA4
}

.body-page .p-article-a .p-article-content p,
.section-posts .p-article-a .p-article-content p,
.p-article-a .section-changelog .p-article-content p {
    /*width: 100%;*/
    margin-bottom: 12px
}

.body-page .p-article-a .p-article-content p.Core-Styles_Core-Body,
.body-page .p-article-a .p-article-content p.Boxed-Text-Style_Boxed-Text,
.section-posts .p-article-a .p-article-content p.Core-Styles_Core-Body,
.section-posts .p-article-a .p-article-content p.Boxed-Text-Style_Boxed-Text,
.p-article-a .section-changelog .p-article-content p.Core-Styles_Core-Body,
.p-article-a .section-changelog .p-article-content p.Boxed-Text-Style_Boxed-Text {
    margin-bottom: 12px
}

.body-page .p-article-a .p-article-content table,
.section-posts .p-article-a .p-article-content table,
.p-article-a .section-changelog .p-article-content table {
    background: white;
    border: 1px solid #EDEAE8
}

.body-page .p-article-a .p-article-content table thead,
.section-posts .p-article-a .p-article-content table thead,
.p-article-a .section-changelog .p-article-content table thead {
    border-bottom: 3px solid #d0cac5
}

.body-page .p-article-a .p-article-content table thead tr,
.section-posts .p-article-a .p-article-content table thead tr,
.p-article-a .section-changelog .p-article-content table thead tr {
    height: 45px
}

.body-page .p-article-a .p-article-content table thead tr th,
.body-page .p-article-a .p-article-content table thead tr td,
.section-posts .p-article-a .p-article-content table thead tr th,
.section-posts .p-article-a .p-article-content table thead tr td,
.p-article-a .section-changelog .p-article-content table thead tr th,
.p-article-a .section-changelog .p-article-content table thead tr td {
    border: 1px solid #edeae8;
    text-align: center;
    font-weight: bold;
    padding: 20px
}

.body-page .p-article-a .p-article-content table thead tr th.left-align,
.body-page .p-article-a .p-article-content table thead tr td.left-align,
.section-posts .p-article-a .p-article-content table thead tr th.left-align,
.section-posts .p-article-a .p-article-content table thead tr td.left-align,
.p-article-a .section-changelog .p-article-content table thead tr th.left-align,
.p-article-a .section-changelog .p-article-content table thead tr td.left-align {
    text-align: left!important
}

.body-page .p-article-a .p-article-content table thead tr th.uppercase,
.body-page .p-article-a .p-article-content table thead tr td.uppercase,
.section-posts .p-article-a .p-article-content table thead tr th.uppercase,
.section-posts .p-article-a .p-article-content table thead tr td.uppercase,
.p-article-a .section-changelog .p-article-content table thead tr th.uppercase,
.p-article-a .section-changelog .p-article-content table thead tr td.uppercase {
    text-transform: uppercase!important
}

.body-page .p-article-a .p-article-content table tbody tr:nth-child(odd),
.section-posts .p-article-a .p-article-content table tbody tr:nth-child(odd),
.p-article-a .section-changelog .p-article-content table tbody tr:nth-child(odd) {
    background-color: #FAF8F7
}

.body-page .p-article-a .p-article-content table tbody td,
.section-posts .p-article-a .p-article-content table tbody td,
.p-article-a .section-changelog .p-article-content table tbody td {
    border: 1px solid #EDEAE8;
    font-size: 14px;
    text-align: center;
    padding: 5px 20px!important
}

.body-page .p-article-a .p-article-content table tbody td.left-align,
.section-posts .p-article-a .p-article-content table tbody td.left-align,
.p-article-a .section-changelog .p-article-content table tbody td.left-align {
    text-align: left!important
}

.body-page .p-article-a .p-article-content table tbody td.uppercase,
.section-posts .p-article-a .p-article-content table tbody td.uppercase,
.p-article-a .section-changelog .p-article-content table tbody td.uppercase {
    text-transform: uppercase!important
}

.body-page .p-article-a .p-article-content table.Table-Style-1,
.section-posts .p-article-a .p-article-content table.Table-Style-1,
.p-article-a .section-changelog .p-article-content table.Table-Style-1 {
    background: 0;
    border: 0
}

.body-page .p-article-a .p-article-content table.Table-Style-1 tbody tr:last-child,
.body-page .p-article-a .p-article-content table.Table-Style-1 tbody tr:first-child,
.section-posts .p-article-a .p-article-content table.Table-Style-1 tbody tr:last-child,
.section-posts .p-article-a .p-article-content table.Table-Style-1 tbody tr:first-child,
.p-article-a .section-changelog .p-article-content table.Table-Style-1 tbody tr:last-child,
.p-article-a .section-changelog .p-article-content table.Table-Style-1 tbody tr:first-child {
    display: none
}

.body-page .p-article-a .p-article-content table.Table-Style-1 tbody tr td,
.section-posts .p-article-a .p-article-content table.Table-Style-1 tbody tr td,
.p-article-a .section-changelog .p-article-content table.Table-Style-1 tbody tr td {
    padding: 0;
    border: 0;
    text-align: left
}

.body-page .p-article-a .p-article-footer,
.section-posts .p-article-a .p-article-footer,
.p-article-a .section-changelog .p-article-footer {
    display: none
}

@media(min-width:1024px) {
    .p-article-a .nav-select {
        display: none
    }
    .p-article-a .p-article-title {
        padding-right: 250px!important
    }
}

.section-posts .p-article-a,
.section-changelog .p-article-a {
    background-color: #fff;
    border-left: 1px solid #ece9e9;
    border-right: 1px solid #ece9e9;
    margin-top: -20px;
    padding: 20px 10px!important
}

@media(min-width:1024px) {
    .section-posts .p-article-a,
    .section-changelog .p-article-a {
        margin-top: -30px
    }
}

.section-posts .p-article-a::after,
.section-changelog .p-article-a::after {
    content: '';
    display: block;
    height: 28px;
    width: calc(100% + 20px);
    border-bottom: 28px solid transparent;
    border-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/expanded-listing-item-bottom-border.png) 28 stretch;
    position: relative;
    top: 24px;
    margin: 0 -10px
}

.section-posts .p-article-a .p-article-footer,
.section-changelog .p-article-a .p-article-footer {
    display: block
}

.section-posts .p-article-a .p-article-footer .p-article-social,
.section-changelog .p-article-a .p-article-footer .p-article-social {
    height: auto
}

.section-posts .p-article-a .p-article-footer .p-article-comments>a,
.section-changelog .p-article-a .p-article-footer .p-article-comments>a {
    color: #fff!important
}

.section-posts .p-article-a .p-article-footer .social-sharing,
.section-changelog .p-article-a .p-article-footer .social-sharing {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.section-posts .p-article-a .p-article-footer .social-sharing .social-share,
.section-changelog .p-article-a .p-article-footer .social-sharing .social-share {
    width: auto!important
}

.section-posts .p-article-a .p-article-footer .social-sharing .social-share:first-child,
.section-changelog .p-article-a .p-article-footer .social-sharing .social-share:first-child {
    margin-right: 5px
}

.section-posts .p-article-a .p-article-footer .social-sharing .social-share .fb-like span,
.section-changelog .p-article-a .p-article-footer .social-sharing .social-share .fb-like span {
    vertical-align: top!important
}

@media(min-width:1024px) {
    .section-posts .p-article-content,
    .section-changelog .p-article-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.section-posts .p-article-content .article-main,
.section-changelog .p-article-content .article-main {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media(min-width:1024px) {
    .section-posts .p-article-content .article-main,
    .section-changelog .p-article-content .article-main {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: calc(100% - 320px)
    }
}

.section-posts .p-article-content .article-aside,
.section-changelog .p-article-content .article-aside {
    display: none
}

@media(min-width:1024px) {
    .section-posts .p-article-content .article-aside,
    .section-changelog .p-article-content .article-aside {
        -webkit-flex: 0 0 320px;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px;
        display: block;
        padding-left: 20px
    }
}

.body-page .article-aside,
.body-category .article-aside {
    display: none
}

.p-article .p-article-byline {
    display: none
}

.post .p-article-byline {
    display: block
}

@media print {
    .p-article-a .p-article-title {
        display: none
    }
}

.section-posts #comments .comment .p-comment-username>a,
.section-posts #comments .comment .p-comment-username>a:hover,
.section-posts #comments .comment .p-comment-username>a:focus,
.section-posts #comments .comment .p-comment-username>a:active,
.section-posts #comments .comment .p-comment-username>a:visited,
.section-changelog #comments .comment .p-comment-username>a,
.section-changelog #comments .comment .p-comment-username>a:hover,
.section-changelog #comments .comment .p-comment-username>a:focus,
.section-changelog #comments .comment .p-comment-username>a:active,
.section-changelog #comments .comment .p-comment-username>a:visited {
    color: #fff
}

.post-image {
    padding-top: 10px;
    padding-bottom: 10px;
    float: none
}

.post-image__img {
    margin: 0 auto;
    display: block
}

.post-image--left {
    padding-right: 10px
}

.post-image--right {
    padding-left: 10px
}

@media(min-width:768px) {
    .post-image--left {
        float: left
    }
    .post-image--right {
        float: right
    }
}

.body-category-details .listing-footer .b-pagination,
.body-post-tagdetails .listing-footer .b-pagination {
    width: auto;
    margin: 0 auto!important;
    display: block
}

.body-category-details .listing-footer .b-pagination-prev:only-of-type,
.body-post-tagdetails .listing-footer .b-pagination-prev:only-of-type {
    float: none!important
}

.body-category-details .listing-footer .b-pagination-item,
.body-post-tagdetails .listing-footer .b-pagination-item {
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    width: auto!important;
    float: none!important
}

.body-category-details .listing-footer .b-pagination-item a,
.body-post-tagdetails .listing-footer .b-pagination-item a {
    color: #fff;
    padding: 10px 25px
}

.body-category-details .listing-footer .b-pagination-item a:hover,
.body-category-details .listing-footer .b-pagination-item a:focus,
.body-category-details .listing-footer .b-pagination-item a:active,
.body-post-tagdetails .listing-footer .b-pagination-item a:hover,
.body-post-tagdetails .listing-footer .b-pagination-item a:focus,
.body-post-tagdetails .listing-footer .b-pagination-item a:active {
    color: #fff
}

@media(min-width:1024px) {
    .body-authentication,
    .body-twitchidmigration,
    .body-twitchauthentication {
        background: url("https://www.dndbeyond.com/attachments/0/770/genasi1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-authentication,
    .body-twitchidmigration,
    .body-twitchauthentication {
        background: url("https://www.dndbeyond.com/attachments/0/772/genasi2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-authentication,
    .body-twitchidmigration,
    .body-twitchauthentication {
        background: url("https://www.dndbeyond.com/attachments/0/771/genasi4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

.body-authentication .container,
.body-twitchidmigration .container,
.body-twitchauthentication .container {
    background: none!important
}

.body-authentication .primary-content,
.body-twitchidmigration .primary-content,
.body-twitchauthentication .primary-content {
    padding-top: 0!important
}

.body-authentication #field-nickname,
.body-twitchidmigration #field-nickname,
.body-twitchauthentication #field-nickname {
    padding: 0 20px
}

.body-authentication .merge-container,
.body-twitchidmigration .merge-container,
.body-twitchauthentication .merge-container {
    padding-top: 20px;
    padding-bottom: 20px
}

.body-authentication .merge-container .title,
.body-twitchidmigration .merge-container .title,
.body-twitchauthentication .merge-container .title {
    display: none
}

.body-authentication .merge-container .site-logo,
.body-twitchidmigration .merge-container .site-logo,
.body-twitchauthentication .merge-container .site-logo {
    height: 100px;
    margin: 32px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-logo-black.svg")
}

.body-authentication .byline.login-with-twitch,
.body-twitchidmigration .byline.login-with-twitch,
.body-twitchauthentication .byline.login-with-twitch {
    font-size: 20px
}

.body-authentication .byline.login-with-twitch::before,
.body-twitchidmigration .byline.login-with-twitch::before,
.body-twitchauthentication .byline.login-with-twitch::before {
    display: inline-block;
    content: '';
    height: 64px;
    width: 100%;
    margin-bottom: 30px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-logo-black.svg")
}

.body-authentication .byline.login-with-twitch span,
.body-twitchidmigration .byline.login-with-twitch span,
.body-twitchauthentication .byline.login-with-twitch span {
    display: inline-block;
    text-indent: -9999px;
    width: 80px;
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/twitch.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.body-authentication .tm-card,
.body-twitchidmigration .tm-card,
.body-twitchauthentication .tm-card {
    background: transparent
}

.body-authentication .tm-card .twitch-button:hover,
.body-twitchidmigration .tm-card .twitch-button:hover,
.body-twitchauthentication .tm-card .twitch-button:hover {
    color: #fff!important;
    box-shadow: 0 0 50px 5px rgba(100, 65, 165, 0.5)
}

.body-authentication .tm-card.no-border.not-floating,
.body-twitchidmigration .tm-card.no-border.not-floating,
.body-twitchauthentication .tm-card.no-border.not-floating {
    background: none!important
}

@media(min-width:1024px) {
    .body-authentication #site-main::before,
    .body-twitchidmigration #site-main::before,
    .body-twitchauthentication #site-main::before {
        height: 190px
    }
    .body-authentication .single-column #content,
    .body-twitchidmigration .single-column #content,
    .body-twitchauthentication .single-column #content {
        padding-top: 40px!important
    }
}

.ac_results,
.addon-autocomplete-results,
.tag-autocomplete {
    padding: 4px;
    background: #fff;
    border: 1px solid #666;
    z-index: 99999;
    color: #333
}

.ac_results iframe {
    display: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-filter: mask();
    filter: mask();
    width: 3000px;
    height: 3000px
}

.ac_results li,
.addon-autocomplete-results li {
    margin: 0 0 1px;
    cursor: pointer
}

.ac_odd {
    background: #F0F5F8
}

.ac_over,
.ac_results li:hover,
.addon-autocomplete-results li:hover {
    background: #dee7ec
}

.ac_results img {
    vertical-align: top;
    margin-right: 5px
}

.ac_results div.with-avatar {
    line-height: 32px
}

.ac_results li strong {
    color: inherit
}

input.ac_loading {
    background: #fff url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/ui/ajax-loader-light.gif") no-repeat right center
}

.ac_results li>a {
    display: block
}

#site .avatar-32 {
    width: 32px;
    margin: 0 auto;
    display: block
}

#site .avatar-32 a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    height: 32px;
    width: 32px;
    overflow: hidden;
    border-radius: 8px
}

#site .avatar-32 a::before {
    content: none
}

#site .avatar-32 a img {
    max-height: 32px;
    max-width: 32px!important;
    border-radius: 4px!important
}

#site .avatar-48 {
    width: 48px;
    margin: 0 auto;
    display: block
}

#site .avatar-48 a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    height: 48px;
    width: 48px;
    overflow: hidden;
    border-radius: 8px
}

#site .avatar-48 a::before {
    content: none
}

#site .avatar-48 a img {
    max-height: 48px;
    max-width: 48px!important;
    border-radius: 4px!important
}

#site .avatar-55 {
    width: 55px;
    margin: 0 auto;
    display: block
}

#site .avatar-55 a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    height: 55px;
    width: 55px;
    overflow: hidden;
    border-radius: 8px
}

#site .avatar-55 a::before {
    content: none
}

#site .avatar-55 a img {
    max-height: 55px;
    max-width: 55px!important;
    border-radius: 4px!important
}

#site .avatar-64 {
    width: 64px;
    margin: 0 auto;
    display: block
}

#site .avatar-64 a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    height: 64px;
    width: 64px;
    overflow: hidden;
    border-radius: 8px
}

#site .avatar-64 a::before {
    content: none
}

#site .avatar-64 a img {
    max-height: 64px;
    max-width: 64px!important;
    border-radius: 4px!important
}

#site .avatar-100 {
    width: 100px;
    margin: 0 auto;
    display: block
}

#site .avatar-100 a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 8px
}

#site .avatar-100 a::before {
    content: none
}

#site .avatar-100 a img {
    max-height: 100px;
    max-width: 100px!important;
    border-radius: 4px!important
}

#site .avatar-select .avatar[class*=avatar-] {
    width: unset;
    display: inline-block;
    margin: 0
}

#site .avatar-select .avatar[class*=avatar-] img {
    width: unset
}

.default-character-avatar {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/characters/default-avatar.png");
    background-size: cover
}

.body-infractionappeal-details .h2 h2 {
    display: none
}

.body-infractionappeal-details .h2 .sub-header {
    display: none
}

.body-infractionappeal-details .appeal-details,
.body-infractionappeal-details .appeal-text {
    font-size: 16px;
    font-weight: 700
}

.body-infractionappeal-details .appeal-details {
    padding: 10px 0 20px
}

.body-infractionappeal-details .appeal-details li {
    margin: 5px 0
}

.body-infractionappeal-details .appeal-user {
    font-size: 22px
}

.body-infractionappeal-details .appeal-user span {
    font-weight: 400;
    border-bottom: 2px solid #1b9af0
}

.body-infractionappeal-details .appeal-type span {
    font-weight: 400
}

.body-infractionappeal-details .appeal-issued-user span {
    font-weight: 400;
    border-bottom: 2px solid #1b9af0
}

.body-infractionappeal-details .appeal-status span {
    background-color: #aaa;
    color: #fff;
    padding: 2px 4px
}

.body-infractionappeal-details .appeal-status .pending {
    background-color: #C98D0E
}

.body-infractionappeal-details .appeal-status .denied {
    background-color: #dd434b
}

.body-infractionappeal-details .appeal-status .accepted {
    background-color: #4f864f
}

.body-infractionappeal-details .appeal-reason {
    font-size: 14px;
    border: 1px solid #979aa4;
    padding: 15px;
    background: #FFF;
    border-radius: 3px
}

.body-infractionappeal-details .appeal-moderation-actions {
    margin: 10px 0 45px
}

.body-infractionappeal-details .appeal-policy {
    font-size: 14px;
    padding: 10px 0
}

body:not(.body-forum):not(.section-posts):not(.section-changelog):not(.body-privatemessage-details) blockquote {
    background: white;
    padding: 20px;
    position: relative;
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 1px solid #e0dcdc;
    border-right: 1px solid #e0dcdc;
    border-top: 0;
    border-bottom: 0;
    overflow: visible;
    border-radius: 0;
    color: #242527;
    margin: 40px 0;
    line-height: 1.6;
    font-size: 14px
}

body:not(.body-forum):not(.section-posts):not(.section-changelog):not(.body-privatemessage-details) blockquote::before,
body:not(.body-forum):not(.section-posts):not(.section-changelog):not(.body-privatemessage-details) blockquote::after {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/border_texture_wide.png");
    background-size: 100% 100%;
    height: 20px;
    position: absolute;
    left: -1px;
    right: -1px
}

body:not(.body-forum):not(.section-posts):not(.section-changelog):not(.body-privatemessage-details) blockquote::before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    top: -13px
}

body:not(.body-forum):not(.section-posts):not(.section-changelog):not(.body-privatemessage-details) blockquote::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    bottom: -10px
}

body:not(.body-forum):not(.section-posts):not(.section-changelog):not(.body-privatemessage-details) blockquote .compendium-blockquote-footer {
    width: 100%;
    text-align: right
}

@media all and (max-width:1023px) {
    body.responsive-enabled body:not(.body-forum):not(.section-posts):not(.section-changelog):not(.body-privatemessage-details) blockquote {
        margin: 40px 0
    }
}

@media print {
    body:not(.body-forum):not(.section-posts):not(.section-changelog):not(.body-privatemessage-details) blockquote {
        border: 1px solid #e0dcdc!important
    }
    body:not(.body-forum):not(.section-posts):not(.section-changelog):not(.body-privatemessage-details) blockquote::before,
    body:not(.body-forum):not(.section-posts):not(.section-changelog):not(.body-privatemessage-details) blockquote::after {
        display: none
    }
}

.body-category-details blockquote {
    -webkit-flex-direction: row!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

blockquote.compendium-toc-blockquote {
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    padding: 10px 20px!important
}

.body-category-details .section-compendium-content blockquote.compendium-toc-blockquote {
    margin-top: -5px!important;
    padding-top: 25px!important
}

.section-rules .section-compendium-content blockquote.compendium-toc-blockquote,
.section-adventures .section-compendium-content blockquote.compendium-toc-blockquote {
    margin-top: 0!important
}

.section-rules .section-compendium-content blockquote.compendium-toc-blockquote::before,
.section-adventures .section-compendium-content blockquote.compendium-toc-blockquote::before {
    display: none
}

@media(min-width:800px) {
    blockquote.compendium-toc-blockquote {
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
}

.source-quote {
    margin-top: 0!important;
    margin-bottom: 0!important
}

@media print {
    .b-breadcrumb {
        display: none!important
    }
}

@media(min-width:1024px) {
    .b-breadcrumb-a {
        display: block;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        border-radius: 3px;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        padding: 5px 15px
    }
    .b-breadcrumb-a .b-breadcrumb-item {
        float: left
    }
    .b-breadcrumb-a .b-breadcrumb-item:first-child a::before {
        content: '';
        display: inline-block;
        background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-b-red.png") no-repeat;
        background-size: contain;
        width: 20px;
        height: 20px;
        vertical-align: top
    }
    .b-breadcrumb-a .b-breadcrumb-item:first-child a span {
        display: none
    }
    .b-breadcrumb-a .b-breadcrumb-item+.b-breadcrumb-item::before {
        content: '';
        display: inline-block;
        vertical-align: text-top;
        height: 15px;
        width: 15px;
        background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/breadcrumb-chevron.svg") no-repeat;
        background-size: contain;
        margin-left: 12px
    }
    .b-breadcrumb-a .b-breadcrumb-item+.b-breadcrumb-item:hover span {
        color: #d90000
    }
    .b-breadcrumb-a .b-breadcrumb-item a,
    .b-breadcrumb-a .b-breadcrumb-item span {
        text-transform: uppercase;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #222
    }
    .b-breadcrumb-a .b-breadcrumb-item:last-child::before {
        content: ''
    }
    .b-breadcrumb-a .b-breadcrumb-item:last-child span {
        color: #a5afba
    }
    .b-breadcrumb-a .b-breadcrumb-item:last-child:hover span {
        color: #a5afba
    }
}

.button-alt-group {
    position: relative
}

.button-alt-group+.button-alt-group,
.button-alt-group+.button,
.button-alt-group+.button-alt {
    margin-left: 5px!important
}

.button-alt-group-dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);
    z-index: 10
}

.button-alt-group:hover .button-alt-group-dropdown {
    display: block
}

.button-alt-group .button-alt {
    padding: 8px 16px;
    cursor: default
}

.button-filled {
    display: table;
    width: 100%;
    max-width: 340px;
    text-align: center;
    padding: 15px 0;
    background-color: grey;
    border-radius: 4px;
    margin: 0 auto
}

.button-filled span {
    color: white;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.button-filled.compendium {
    background-color: #47D18C
}

.button-alt.characters {
    border-color: #ee8600!important
}

.button-alt.button-alt-homebrew,
.button-alt.create-homebrew,
.button-alt.browse-homebrew {
    border-color: #45cef7!important
}

.button.loading {
    padding-right: .61538em
}

.user-action .label {
    color: #fff
}

.button,
.u-button {
    color: white!important
}

.button span,
.u-button span {
    color: white
}

.button i::before,
.u-button i::before {
    color: white
}

.p-pm-footer input[type=submit],
.p-pm-footer button[type=submit],
#advanced-profile-form input[type=submit],
#advanced-profile-form button[type=submit] {
    color: white
}

.field-list-new-entry,
label[for="field-poll-form-results-visibility-0"] {
    color: #fff!important
}

.u-dropDown>a>span::after {
    border-top-color: #fff
}

.body-category-itemdetails .social-share--generic {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/social-media/social-share.png");
    background-color: transparent;
    background-position: top center;
    background-size: cover;
    box-shadow: none;
    font-size: 0;
    height: 24px;
    width: 60px;
    border: 0
}

.body-category-itemdetails .social-share--generic:hover {
    background-position: top center
}

.ddb-campaigns-detail-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -10px;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.ddb-campaigns-detail-header-primary,
.ddb-campaigns-detail-header-secondary {
    padding: 10px
}

.ddb-campaigns-detail-header-secondary {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ddb-campaigns-detail-header-secondary-description {
    min-width: 350px
}

.ddb-campaigns-detail-header-secondary-description table {
    border-collapse: collapse;
    margin: 20px 0
}

.ddb-campaigns-detail-header-secondary-description table.compendium-left-aligned-table th {
    text-align: left
}

.ddb-campaigns-detail-header-secondary-description table,
.ddb-campaigns-detail-header-secondary-description table th,
.ddb-campaigns-detail-header-secondary-description table td {
    border: 1px solid #edeae8
}

.ddb-campaigns-detail-header-secondary-description table th,
.ddb-campaigns-detail-header-secondary-description table td {
    font-size: 14px
}

.ddb-campaigns-detail-header-secondary-description table th.left-align,
.ddb-campaigns-detail-header-secondary-description table td.left-align {
    text-align: left!important
}

.ddb-campaigns-detail-header-secondary-description table th.uppercase,
.ddb-campaigns-detail-header-secondary-description table td.uppercase {
    text-transform: uppercase!important
}

.ddb-campaigns-detail-header-secondary-description table td {
    text-align: center;
    padding: 10px 20px
}

.ddb-campaigns-detail-header-secondary-description table td p {
    font-size: 14px
}

.ddb-campaigns-detail-header-secondary-description table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.ddb-campaigns-detail-header-secondary-description table tbody tr {
    background: #fff
}

.ddb-campaigns-detail-header-secondary-description table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.ddb-campaigns-detail-header-secondary-description table tbody tr td.left-align {
    text-align: left!important
}

.ddb-campaigns-detail-header-secondary-description table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.ddb-campaigns-detail-header-secondary-description table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.ddb-campaigns-detail-header-secondary-description ul {
    list-style: initial;
    padding: 15px
}

.ddb-campaigns-detail-header-secondary-description ol {
    list-style: decimal;
    padding: 15px
}

.ddb-campaigns-detail-header-secondary-description blockquote {
    font-size: 14px;
    margin: 5px 0
}

.ddb-campaigns-detail-header-secondary-description blockquote p {
    font-size: 14px
}

.ddb-campaigns-detail-header-secondary-description h1,
.ddb-campaigns-detail-header-secondary-description h2,
.ddb-campaigns-detail-header-secondary-description h3 {
    font-weight: normal
}

.ddb-campaigns-detail-header-secondary-description h1 {
    font-size: 32px
}

.ddb-campaigns-detail-header-secondary-description h2 {
    font-size: 26px
}

.ddb-campaigns-detail-header-secondary-description h3 {
    font-size: 20px
}

.ddb-campaigns-detail-header-secondary-description h5,
.ddb-campaigns-detail-header-secondary-description h6 {
    font-size: 18px
}

.ddb-campaigns-detail-header-secondary-description a {
    text-decoration: none;
    cursor: pointer
}

.ddb-campaigns-detail-header-secondary-description a,
.ddb-campaigns-detail-header-secondary-description a:hover,
.ddb-campaigns-detail-header-secondary-description a:focus,
.ddb-campaigns-detail-header-secondary-description a:active,
.ddb-campaigns-detail-header-secondary-description a:visited {
    color: #47D18C
}

.ddb-campaigns-detail-header-secondary-description p {
    font-size: 15px;
    line-height: 22px;
    color: #242527
}

@media(max-width:768px) {
    .ddb-campaigns-detail-header-secondary-description p iframe {
        width: 100%;
        max-width: 700px;
        margin: 0 auto
    }
}

.ddb-campaigns-detail-header-secondary-sharing {
    margin: 0 10px 15px 0
}

.ddb-campaigns-detail-header-secondary-sharing .sharing-header,
.ddb-campaigns-detail-header-secondary-sharing .sharing-block {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1b9af0;
    margin-right: 10px
}

.ddb-campaigns-detail-header-secondary-sharing .sharing-header {
    padding-bottom: 15px
}

.ddb-campaigns-detail-header-secondary-sharing .sharing-block {
    display: inline-block;
    border: 1px solid #1b9af0;
    border-radius: 3px;
    background-color: #fff;
    padding: 15px 30px;
    text-align: center
}

.ddb-campaigns-detail-body-listing .RPGCampaignCharacter-listing {
    padding-top: 20px
}

.ddb-campaigns-detail-body-listing-header-primary {
    font-size: 20px;
    font-weight: 500;
    color: #242527
}

.ddb-campaigns-detail-body-listing-header-secondary {
    font-size: 15px;
    color: #242527
}

.ddb-campaigns-detail-body-listing-campaign-link {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #1b9af0;
    border-radius: 3px;
    padding: 10px 40px;
    background-color: #fff
}

#site .ddb-campaigns-detail-body-listing-campaign-link,
#site .ddb-campaigns-detail-body-listing-campaign-link:hover,
#site .ddb-campaigns-detail-body-listing-campaign-link:focus,
#site .ddb-campaigns-detail-body-listing-campaign-link:active,
#site .ddb-campaigns-detail-body-listing-campaign-link:visited {
    color: #1b9af0
}

.ddb-campaigns-detail-body-listing .empty {
    text-align: center;
    padding: 100px 0;
    font-size: 20px
}

.ddb-campaigns-detail-body-listing-unassigned-active-header-primary {
    font-size: 15px;
    font-weight: 700;
    color: #242527;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ddb-campaigns-detail-body-dm-notes {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0 10px
}

@media(min-width:800px) {
    .ddb-campaigns-detail-body-dm-notes {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding: 0 20px
    }
}

.ddb-campaigns-detail-body-dm-notes-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media(min-width:800px) {
    .ddb-campaigns-detail-body-dm-notes-container {
        margin: 0 -20px
    }
}

@media(min-width:1024px) {
    .ddb-campaigns-detail-body-dm-notes-container {
        margin: 0
    }
}

.ddb-campaigns-detail-body-dm-notes-private {
    padding-bottom: 30px
}

.ddb-campaigns-detail-body-dm-notes-label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px
}

.ddb-campaigns-detail-body-dm-notes-label .text {
    font-size: 20px;
    font-weight: 500;
    color: #242527
}

.ddb-campaigns-detail-body-dm-notes-label .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1b9af0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 70px;
    width: 70px;
    max-width: 70px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: normal;
    margin: 0
}

.ddb-campaigns-detail-body-dm-notes-label .button:hover {
    background: #4baff3
}

.ddb-campaigns-detail-body-dm-notes-label .button,
.ddb-campaigns-detail-body-dm-notes-label .button:hover,
.ddb-campaigns-detail-body-dm-notes-label .button:focus,
.ddb-campaigns-detail-body-dm-notes-label .button:active,
.ddb-campaigns-detail-body-dm-notes-label .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-campaigns-detail-body-dm-notes-label .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-campaigns-detail-body-dm-notes-label .button:hover {
    transition: 100ms linear all;
    background: #4baff3
}

@media(min-width:1024px) {
    .ddb-campaigns-detail-body-dm-notes-label .button {
        min-width: 75px
    }
}

.ddb-campaigns-detail-body-dm-notes-description {
    font-size: 15px;
    color: #242527
}

.ddb-campaigns-detail-dm-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px
}

.ddb-campaigns-detail-dm-info-portrait {
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px
}

.ddb-campaigns-detail-dm-info-portrait .u-icon {
    display: none
}

.ddb-campaigns-detail-dm-info-name-primary {
    font-size: 22px;
    font-weight: 500
}

.ddb-campaigns-detail-dm-info-name-secondary {
    font-size: 14px;
    color: #979AA4;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.rpgcharacter-listing {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width:760px) {
    .rpgcharacter-listing {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.rpgcharacter-listing .no-results {
    margin: 0 auto
}

.ddb-campaigns-character-card {
    border-left: 1px solid #d1cdca;
    border-right: 1px solid #d1cdca;
    border-top: 1px solid #d1cdca;
    background: #fff;
    position: relative;
    min-height: 150px
}

.ddb-campaigns-character-card::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    height: 12px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/ddb-borders-med.png");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.ddb-campaigns-character-card-wrapper {
    padding: 10px;
    width: 100%;
    max-width: 600px
}

@media(min-width:760px) {
    .ddb-campaigns-character-card-wrapper {
        width: 50%;
        max-width: 50%
    }
}

@media(min-width:1100px) {
    .ddb-campaigns-character-card-wrapper {
        width: 33.33333%
    }
}

.ddb-campaigns-character-card-header {
    position: relative;
    padding: 20px
}

.ddb-campaigns-character-card-header-cover-image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.ddb-campaigns-character-card-header-cover-image::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.55)
}

.ddb-campaigns-character-card-header-upper,
.ddb-campaigns-character-card-header-lower {
    position: relative;
    z-index: 1
}

.ddb-campaigns-character-card-header-upper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-campaigns-character-card-header-upper-portrait {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ddb-campaigns-character-card-header-upper-portrait .image {
    border-radius: 3px;
    height: 60px;
    width: 60px;
    margin-right: 10px
}

.ddb-campaigns-character-card-header-upper-portrait .image.user-selected-avatar {
    background-position: center center;
    background-size: cover
}

.ddb-campaigns-character-card-header-upper-character-info {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    min-width: 0;
    padding-right: 10px
}

.ddb-campaigns-character-card-header-upper-character-info-primary,
.ddb-campaigns-character-card-header-upper-character-info-secondary {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ddb-campaigns-character-card-header-upper-character-info-primary {
    color: #fff;
    font-size: 22px
}

.ddb-campaigns-character-card-header-upper-character-info-secondary {
    color: #979AA4
}

.ddb-campaigns-character-card-header-upper-hit-points {
    margin-left: auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ddb-campaigns-character-card-header-upper-hit-points .hit-points-label {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    text-align: center
}

.ddb-campaigns-character-card-header-upper-hit-points .hit-points-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-campaigns-character-card-header-upper-hit-points .hit-points-wrapper>div {
    color: #fff;
    font-size: 18px;
    text-align: center
}

.ddb-campaigns-character-card-header-lower {
    padding-top: 20px
}

.ddb-campaigns-character-card-header-lower-statblock {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ddb-campaigns-character-card-header-lower-statblock-item {
    -webkit-flex: 20%;
    -ms-flex: 20%;
    flex: 20%
}

.ddb-campaigns-character-card-header-lower-statblock-item-label {
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    max-width: 50px;
    margin: 0 auto
}

.ddb-campaigns-character-card-header-lower-statblock-item-value {
    color: #fff;
    font-size: 20px;
    text-align: center
}

.ddb-campaigns-character-card-header-lower-statblock-item-value .small {
    color: #979AA4;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    margin: 0 2px;
    text-transform: uppercase
}

.ddb-campaigns-character-card-body {
    padding: 20px
}

.ddb-campaigns-character-card-body-statblock {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px 0
}

.ddb-campaigns-character-card-body-statblock-item {
    -webkit-flex: 33.33333%;
    -ms-flex: 33.33333%;
    flex: 33.33333%;
    padding: 10px 0
}

.ddb-campaigns-character-card-body-statblock-item-label {
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center
}

.ddb-campaigns-character-card-body-statblock-item-value {
    font-size: 20px;
    text-align: center
}

.ddb-campaigns-character-card-body-statblock-item-value .score,
.ddb-campaigns-character-card-body-statblock-item-value .modifier {
    display: inline
}

.ddb-campaigns-character-card-body-statblock-item-strength-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/strength.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 11px;
    width: 11px
}

.ddb-campaigns-character-card-body-statblock-item-strength .score {
    color: #bf2225
}

.ddb-campaigns-character-card-body-statblock-item-dexterity-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/dexterity.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 11px;
    width: 11px
}

.ddb-campaigns-character-card-body-statblock-item-dexterity .score {
    color: #41474d
}

.ddb-campaigns-character-card-body-statblock-item-constitution-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/constitution.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 11px;
    width: 11px
}

.ddb-campaigns-character-card-body-statblock-item-constitution .score {
    color: #79614c
}

.ddb-campaigns-character-card-body-statblock-item-intelligence-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/intelligence.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 11px;
    width: 11px
}

.ddb-campaigns-character-card-body-statblock-item-intelligence .score {
    color: #f96a3b
}

.ddb-campaigns-character-card-body-statblock-item-wisdom-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/wisdom.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 11px;
    width: 11px
}

.ddb-campaigns-character-card-body-statblock-item-wisdom .score {
    color: #879399
}

.ddb-campaigns-character-card-body-statblock-item-charisma-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/charisma.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 11px;
    width: 11px
}

.ddb-campaigns-character-card-body-statblock-item-charisma .score {
    color: #edb451
}

.ddb-campaigns-character-card-campaign-links {
    border-top: 2px solid #dedede
}

.ddb-campaigns-character-card-campaign-links-campaign {
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid #dedede
}

#site .ddb-campaigns-character-card-campaign-links-campaign-link,
#site .ddb-campaigns-character-card-campaign-links-campaign-link:hover,
#site .ddb-campaigns-character-card-campaign-links-campaign-link:focus,
#site .ddb-campaigns-character-card-campaign-links-campaign-link:active,
#site .ddb-campaigns-character-card-campaign-links-campaign-link:visited {
    color: #1b9af0
}

.ddb-campaigns-character-card-campaign-links-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
    margin-bottom: 10px
}

.ddb-campaigns-character-card-footer {
    border-top: 1px solid #dedede;
    padding: 0 20px
}

.ddb-campaigns-character-card-footer-links {
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-campaigns-character-card-footer-links-more {
    z-index: 10
}

.ddb-campaigns-character-card-footer-links-more::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/sheet-icon-dark.svg")
}

.ddb-campaigns-character-card-footer-links-more .links {
    visibility: visible!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background: 0;
    width: auto;
    z-index: 999;
    padding: 0;
    margin-left: auto;
    position: static
}

.ddb-campaigns-character-card-footer-links-more .links a {
    margin: 0;
    width: auto!important;
    padding: 0 15px;
    display: table!important
}

.ddb-campaigns-character-card-footer-links-more .links a span {
    width: 100%;
    padding: 0
}

.ddb-campaigns-character-card-footer-links-more .links a:not(:first-of-type) {
    margin: 0 0 0 10px!important
}

.ddb-campaigns-character-card-footer-links-more .links .button-alt-group-item {
    display: block!important;
    margin: 0 auto!important;
    padding: 0 15px!important;
    max-width: 250px;
    background: #242527;
    border-bottom: 1px solid #333;
    color: #979AA4;
    line-height: 33px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap
}

.ddb-campaigns-character-card-footer-links-more .links .button-alt-group-item:hover {
    color: #fff
}

.ddb-campaigns-character-card-footer-links-more .links .button-alt-group-item:not(:first-of-type) {
    margin: 0!important
}

#site .ddb-campaigns-character-card-footer-links-item {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer
}

#site .ddb-campaigns-character-card-footer-links-item,
#site .ddb-campaigns-character-card-footer-links-item:hover,
#site .ddb-campaigns-character-card-footer-links-item:focus,
#site .ddb-campaigns-character-card-footer-links-item:active,
#site .ddb-campaigns-character-card-footer-links-item:visited {
    color: #1b9af0
}

#site .ddb-campaigns-character-card-footer-links-item-edit,
#site .ddb-campaigns-character-card-footer-links-item-view,
#site .ddb-campaigns-character-card-footer-links-item-claim,
#site .ddb-campaigns-character-card-footer-links-item-more {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

#site .ddb-campaigns-character-card-footer-links-item-edit::before,
#site .ddb-campaigns-character-card-footer-links-item-view::before,
#site .ddb-campaigns-character-card-footer-links-item-claim::before,
#site .ddb-campaigns-character-card-footer-links-item-more::before {
    content: '';
    height: 14px;
    width: 14px;
    display: inline-block;
    background-size: cover;
    margin-right: 3px
}

#site .ddb-campaigns-character-card-footer-links-item-edit::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/dark/builders.svg")
}

#site .ddb-campaigns-character-card-footer-links-item-view::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/sheet-icon-dark.svg")
}

#site .ddb-campaigns-character-card-footer-links-item-claim::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/flag-grey.svg")
}

#site .ddb-campaigns-character-card-footer-links-item-remove,
#site .ddb-campaigns-character-card-footer-links-item-remove:hover,
#site .ddb-campaigns-character-card-footer-links-item-remove:focus,
#site .ddb-campaigns-character-card-footer-links-item-remove:active,
#site .ddb-campaigns-character-card-footer-links-item-remove:visited,
#site .ddb-campaigns-character-card-footer-links-item-delete,
#site .ddb-campaigns-character-card-footer-links-item-delete:hover,
#site .ddb-campaigns-character-card-footer-links-item-delete:focus,
#site .ddb-campaigns-character-card-footer-links-item-delete:active,
#site .ddb-campaigns-character-card-footer-links-item-delete:visited,
#site .ddb-campaigns-character-card-footer-links-item-unclaim,
#site .ddb-campaigns-character-card-footer-links-item-unclaim:hover,
#site .ddb-campaigns-character-card-footer-links-item-unclaim:focus,
#site .ddb-campaigns-character-card-footer-links-item-unclaim:active,
#site .ddb-campaigns-character-card-footer-links-item-unclaim:visited {
    color: #bc1010
}

#site .ddb-campaigns-character-card-footer-links-item-more::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/chevron-down-grey.svg")
}

.ddb-campaigns-detail-body-listing-inactive .ddb-campaigns-character-card-header,
.ddb-campaigns-detail-body-listing-inactive .ddb-campaigns-character-card-body {
    -webkit-filter: saturate(0);
    filter: saturate(0)
}

.rpgcampaign-listing {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding-top: 50px
}

.ddb-campaigns-list-item {
    background: #fff;
    width: 100%;
    position: relative;
    padding: 10px;
    border-left: 1px solid #e0dcdc;
    border-right: 1px solid #e0dcdc;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 265px
}

.ddb-campaigns-list-item-wrapper {
    padding: 0 10px 100px;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    width: 100%;
    max-width: 385px
}

@media(min-width:770px) {
    .ddb-campaigns-list-item-wrapper {
        -webkit-flex: 50%;
        -ms-flex: 50%;
        flex: 50%
    }
}

@media(min-width:1155px) {
    .ddb-campaigns-list-item-wrapper {
        -webkit-flex: 33.33333%;
        -ms-flex: 33.33333%;
        flex: 33.33333%
    }
}

.ddb-campaigns-list-item::before,
.ddb-campaigns-list-item::after {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/border_texture.png");
    background-size: 100% 100%;
    height: 20px;
    position: absolute;
    left: -1px;
    right: -1px
}

.ddb-campaigns-list-item::before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    top: -13px
}

.ddb-campaigns-list-item::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    bottom: -5px
}

.ddb-campaigns-list-item-header {
    width: 100%
}

.ddb-campaigns-list-item-header .player-list-portraits {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-campaigns-list-item-header .player-list-portraits-item {
    background-size: cover;
    background-position: center center;
    border: 2px solid #fff;
    border-radius: 5px;
    height: 40px;
    width: 40px
}

.ddb-campaigns-list-item-header .player-list-portraits-item-plus {
    background-color: #242527;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold
}

.ddb-campaigns-list-item-body-title {
    color: #242527;
    font-size: 22px;
    text-align: center;
    width: 100%;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.ddb-campaigns-list-item-body-date {
    color: #979AA4;
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

.ddb-campaigns-list-item-body-players {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0 20px
}

.ddb-campaigns-list-item-body-players .player-count,
.ddb-campaigns-list-item-body-players .slots-used {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: center
}

.ddb-campaigns-list-item-body-players .player-count .count,
.ddb-campaigns-list-item-body-players .slots-used .count {
    color: #242527;
    font-size: 20px
}

.ddb-campaigns-list-item-body-players .player-count .label,
.ddb-campaigns-list-item-body-players .slots-used .label {
    color: #242527;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase
}

.ddb-campaigns-list-item-body-role,
.ddb-campaigns-list-item-body-sharing {
    color: #242527;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase
}

.ddb-campaigns-list-item-body-sharing {
    margin: 15px auto
}

.ddb-campaigns-list-item-body-sharing-box {
    display: inline-block;
    border: 1px solid #1b9af0;
    border-radius: 3px;
    background-color: #fff;
    padding: 15px 30px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1b9af0;
    text-align: center
}

.ddb-campaigns-list-item-footer {
    margin-top: auto
}

.ddb-campaigns-list-item-footer-divider {
    width: 78%;
    height: 2px;
    background-color: #dedede;
    margin: 0 auto
}

.ddb-campaigns-list-item-footer-buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px
}

.ddb-campaigns-list-item-footer-buttons-item {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px
}

#site .ddb-campaigns-list-item-footer-buttons-item,
#site .ddb-campaigns-list-item-footer-buttons-item:hover,
#site .ddb-campaigns-list-item-footer-buttons-item:focus,
#site .ddb-campaigns-list-item-footer-buttons-item:active,
#site .ddb-campaigns-list-item-footer-buttons-item:visited {
    color: #1b9af0
}

#site .ddb-campaigns-list-item-footer-buttons-item-delete,
#site .ddb-campaigns-list-item-footer-buttons-item-delete:hover,
#site .ddb-campaigns-list-item-footer-buttons-item-delete:focus,
#site .ddb-campaigns-list-item-footer-buttons-item-delete:active,
#site .ddb-campaigns-list-item-footer-buttons-item-delete:visited {
    color: #bc1010
}

.ddb-campaigns-listing-inactive .ddb-campaigns-list-item-header,
.ddb-campaigns-listing-inactive .ddb-campaigns-list-item-body {
    -webkit-filter: saturate(0);
    filter: saturate(0)
}

.ddb-campaigns-listing-active-header,
.ddb-campaigns-listing-inactive-header {
    padding-bottom: 10px
}

.ddb-campaigns-listing-active-header-primary,
.ddb-campaigns-listing-inactive-header-primary {
    font-size: 20px;
    font-weight: 500;
    color: #242527
}

.ddb-campaigns-listing-active-header-secondary,
.ddb-campaigns-listing-inactive-header-secondary {
    font-size: 15px;
    color: #242527
}

.ddb-campaigns-listing-active-header-primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width:540px) {
    .ddb-campaigns-listing-active-header-primary {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ddb-campaigns-listing-active-header-primary .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1b9af0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    margin: 10px 0
}

.ddb-campaigns-listing-active-header-primary .button:hover {
    background: #4baff3
}

.ddb-campaigns-listing-active-header-primary .button,
.ddb-campaigns-listing-active-header-primary .button:hover,
.ddb-campaigns-listing-active-header-primary .button:focus,
.ddb-campaigns-listing-active-header-primary .button:active,
.ddb-campaigns-listing-active-header-primary .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-campaigns-listing-active-header-primary .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-campaigns-listing-active-header-primary .button:hover {
    transition: 100ms linear all;
    background: #4baff3
}

@media(min-width:1024px) {
    .ddb-campaigns-listing-active-header-primary .button {
        max-width: 200px;
        margin: 0
    }
}

.ddb-campaigns-listing .rpgcampaign-listing {
    margin-bottom: -80px
}

.ddb-campaigns-listing-empty {
    font-size: 20px;
    text-align: center;
    padding: 40px 0
}

.ddb-campaigns-join .rpgcharacter-listing {
    margin: 0 -10px;
    max-width: 800px
}

@media(min-width:800px) {
    .ddb-campaigns-join .rpgcharacter-listing {
        margin: 0 auto
    }
}

.ddb-campaigns-simple-list-item {
    border: 1px solid #dedede;
    border-radius: 10px;
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px
}

.ddb-campaigns-simple-list-item-wrapper {
    width: 100%;
    padding: 10px;
    max-width: 400px;
    margin: 0 auto
}

.ddb-campaigns-simple-list-item-image {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ddb-campaigns-simple-list-item-image .image {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    margin-right: 10px
}

.ddb-campaigns-simple-list-item-image .image.user-selected-avatar {
    background-position: center center;
    background-size: cover
}

.ddb-campaigns-simple-list-item-content {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    min-width: 0
}

.ddb-campaigns-simple-list-item-content-primary,
.ddb-campaigns-simple-list-item-content-secondary {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    display: block
}

.ddb-campaigns-simple-list-item-content-primary {
    color: #242527;
    font-size: 22px
}

.ddb-campaigns-simple-list-item-content-secondary {
    color: #979AA4;
    font-size: 12px
}

.ddb-campaigns-simple-list-item-callout {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: auto
}

.ddb-campaigns-simple-list-item-callout-item {
    height: 14px;
    width: 14px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/blue-chevron.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 20px
}

.ddb-campaigns-simple-list-item:hover,
.ddb-campaigns-simple-list-item.selected {
    border-color: #1b9af0;
    box-shadow: inset 0 0 0 2px #1b9af0, 0 0 5px 1px #1b9af0
}

.ddb-campaigns-simple-list-item:hover {
    cursor: pointer
}

.ddb-campaigns-simple-list-item.invalid {
    -webkit-filter: saturate(0);
    filter: saturate(0);
    background-color: #ededed;
    border-color: #949494
}

.ddb-campaigns-simple-list-item.invalid:hover {
    box-shadow: none;
    cursor: no-drop
}

.ddb-campaigns-top-header {
    font-size: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: normal;
    z-index: 5;
    color: #242527;
    padding: 0!important;
    line-height: 1.3;
    font-weight: bold
}

@media(min-width:1024px) {
    .ddb-campaigns-top-header {
        font-size: 36px
    }
}

.ddb-campaigns-top-header-title-text {
    color: #fff;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ddb-campaigns-header {
    padding-bottom: 20px
}

.ddb-campaigns-header-primary-text,
.ddb-campaigns-header-secondary-text {
    color: #242527;
    text-align: center
}

.ddb-campaigns-header-primary-text {
    font-size: 36px
}

.ddb-campaigns-header-secondary {
    padding-bottom: 20px
}

.ddb-campaigns-header-secondary-text {
    font-size: 15px;
    text-align: left;
    line-height: 22px
}

.ddb-campaigns-header-secondary-text .link,
.ddb-campaigns-header-secondary-text .link:hover,
.ddb-campaigns-header-secondary-text .link:focus,
.ddb-campaigns-header-secondary-text .link:active,
.ddb-campaigns-header-secondary-text .link:visited {
    color: #1b9af0
}

.ddb-campaigns-body {
    margin: 0 auto
}

.ddb-campaigns-none .ddb-campaigns-body {
    max-width: 800px
}

@media(min-width:1024px) {
    .ddb-campaigns-none .ddb-campaigns-body .button {
        max-width: 220px
    }
}

.ddb-campaigns-join .ddb-campaigns-body .button {
    margin-top: 10px
}

@media(min-width:1024px) {
    .ddb-campaigns-join .ddb-campaigns-body .button {
        max-width: 250px
    }
}

.ddb-campaigns-body-form-my-characters-header,
.ddb-campaigns-body-form-campaign-characters-header {
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    padding-top: 30px
}

.ddb-campaigns-body-form-my-characters-sub-header,
.ddb-campaigns-body-form-campaign-characters-sub-header {
    text-align: center
}

.ddb-campaigns-body-form-my-characters-message {
    text-align: center;
    font-size: 13px
}

.ddb-campaigns-body-form .form-label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #242527;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.ddb-campaigns-body-form .form input[type="text"] {
    height: 50px;
    width: 250px;
    padding: 10px;
    border: 1px solid #D8DDE3;
    background-color: rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    border-radius: 0
}

.ddb-campaigns-body-form .form #form-field-description {
    padding-top: 50px
}

.ddb-campaigns-body-form .form #field-character>div[id^="field-character-"] {
    border: 1px solid #dedede
}

.ddb-campaigns-body-form .form-footer {
    padding-top: 25px
}

.ddb-campaigns-body-form .form-footer .button {
    margin-left: 0
}

.ddb-campaigns-join .ddb-campaigns-body-form .form-footer .button {
    margin: 0 auto
}

.ddb-campaigns-body-text,
.ddb-campaigns-body-text+.empty {
    color: #242527;
    font-size: 15px;
    line-height: 22px;
    text-align: center
}

.ddb-campaigns-body-text a,
.ddb-campaigns-body-text a:hover,
.ddb-campaigns-body-text a:focus,
.ddb-campaigns-body-text a:active,
.ddb-campaigns-body-text a:visited,
.ddb-campaigns-body-text+.empty a,
.ddb-campaigns-body-text+.empty a:hover,
.ddb-campaigns-body-text+.empty a:focus,
.ddb-campaigns-body-text+.empty a:active,
.ddb-campaigns-body-text+.empty a:visited {
    color: #1b9af0
}

.ddb-campaigns-body-text+.empty {
    margin: 40px auto;
    font-weight: bold
}

.ddb-campaigns-body-buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 35px
}

.ddb-campaigns-body .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1b9af0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 18px;
    height: 50px;
    width: 250px
}

.ddb-campaigns-body .button:hover {
    background: #4baff3
}

.ddb-campaigns-body .button,
.ddb-campaigns-body .button:hover,
.ddb-campaigns-body .button:focus,
.ddb-campaigns-body .button:active,
.ddb-campaigns-body .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-campaigns-body .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-campaigns-body .button:hover {
    transition: 100ms linear all;
    background: #4baff3
}

@media(min-width:1024px) {
    .ddb-campaigns-body .button {
        font-size: 18px;
        height: 50px;
        max-width: 200px
    }
}

.ddb-campaigns-invite-container {
    padding: 5px
}

.ddb-campaigns-invite-wrapper {
    background-color: #fff;
    border: 1px dashed #1b9af0;
    border-radius: 4px;
    padding: 10px 40px
}

.ddb-campaigns-invite-primary {
    color: #1b9af0;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 18px;
    text-align: center;
    word-break: break-all
}

.ddb-campaigns-invite-secondary {
    color: #242527;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center
}

.ddb-campaigns-invite-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px
}

.ddb-campaigns-invite-footer-item {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    transition: 1s all linear
}

.ddb-campaigns-invite-footer-item,
.ddb-campaigns-invite-footer-item:hover,
.ddb-campaigns-invite-footer-item:focus,
.ddb-campaigns-invite-footer-item:active,
.ddb-campaigns-invite-footer-item:visited {
    color: #1b9af0!important
}

.ddb-campaigns-invite-footer-item-copy-link {
    cursor: pointer
}

.ddb-campaigns-player-slots-primary {
    font-size: 24px;
    color: #242527;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold
}

.ddb-campaigns-player-slots-primary .campaign-slot-count {
    color: #1b9af0;
    text-transform: capitalize
}

.ddb-campaigns-player-slots-secondary {
    font-size: 15px;
    color: #242527
}

.ddb-collapsible {
    border-bottom: 1px solid #e0dcdc;
    margin-bottom: 3px
}

.ddb-collapsible--hidden {
    display: none
}

.ddb-collapsible__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    padding: 10px 0
}

.ddb-collapsible__header--closed .ddb-collapsible__icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.ddb-collapsible__header-primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%
}

.ddb-collapsible__header-callout {
    margin-left: 16px;
    margin-top: 12px
}

.ddb-collapsible__label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #242527;
    line-height: 1.3
}

.ddb-collapsible__avatar {
    margin-right: 10px;
    margin-top: 1px
}

.ddb-collapsible__avatar-img {
    border-radius: 4px;
    border: 1px solid #242527;
    width: 50px
}

.ddb-collapsible__icon {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-down-black.svg") no-repeat;
    background-size: cover;
    height: 16px;
    width: 16px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ddb-collapsible__content--closed {
    display: none
}

.ddb-collapsible__item--hidden {
    display: none
}

.ddb-collapsible-filter {
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
    z-index: 20;
    margin-bottom: 25px
}

.ddb-collapsible-filter--stuck {
    background: rgba(221, 221, 221, 0.9);
    padding: 15px 10px;
    margin: 0 -10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25)
}

.ddb-collapsible-filter__box {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    width: 100%;
    font-size: 15px
}

.ddb-collapsible-filter__search-icon {
    width: 18px;
    height: 18px;
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/search-grey.svg") no-repeat;
    background-size: 18px 18px;
    margin-right: 10px;
    margin-bottom: 2px
}

.ddb-collapsible-filter__input {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 0!important;
    box-shadow: none!important;
    border-radius: 0!important;
    background: transparent!important;
    width: 100%!important;
    padding: 0!important;
    line-height: 24px!important
}

.ddb-collapsible-filter__clear {
    cursor: pointer;
    color: #979AA4;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-left: 10px
}

.body-rpgrace-index .ddb-collapsible-filter__clear {
    color: #ee8600
}

.ddb-collapsible-filter__clear--hidden {
    display: none
}

.ddb-collapsible-filter__no-results {
    text-align: center;
    margin-top: 75px!important
}

.ddb-collapsible-filter__no-results--hidden {
    display: none
}

@media(min-width:440px) {
    .ddb-collapsible__header {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .ddb-collapsible__header-primary {
        width: auto
    }
}

@media(min-width:1024px) {
    .ddb-collapsible-filter {
        background: transparent;
        padding: 0;
        position: static
    }
    .ddb-collapsible-filter__box {
        width: 50%
    }
}

@media(min-width:1200px) {
    .ddb-collapsible-filter__box {
        width: 33%
    }
}

@media(max-width:599px) {
    .compendium-mobile-table {
        display: block!important;
        background: none!important;
        border: none!important
    }
    .compendium-mobile-table thead {
        display: none
    }
    .compendium-mobile-table tbody {
        display: block
    }
    .compendium-mobile-table tbody tr {
        display: table;
        width: 100%;
        background: none!important
    }
    .compendium-mobile-table tbody tr+tr {
        border-top: 3px solid #d0cac5
    }
    .compendium-mobile-table tbody td {
        display: table-row
    }
    .compendium-mobile-td-value,
    .compendium-mobile-td-label {
        display: table-cell;
        padding: 10px
    }
    .compendium-mobile-td-label {
        border: 1px solid #EDEAE8;
        border-right: 2px solid #d0cac5;
        background: white;
        font-size: 15px;
        text-align: left;
        font-weight: bold;
        width: 30%
    }
    .compendium-mobile-td-value {
        text-align: left;
        background: #FAF8F7
    }
}

@media(min-width:600px) {
    .compendium-mobile-td-label {
        display: none
    }
}

#content .ad-container-compendium {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#content .ad-container-compendium::after {
    content: none
}

.compendium-image-left {
    padding-top: 20px;
    padding-bottom: 10px;
    float: none
}

.compendium-image-left img {
    margin: 0 auto;
    display: block
}

@media(min-width:768px) {
    .compendium-image-left {
        float: left
    }
}

.monster-image-left {
    display: block;
    text-align: left
}

.compendium-image-with-subtitle-left {
    float: left;
    text-align: center;
    font-style: italic
}

.compendium-image-right {
    padding-top: 20px;
    padding-bottom: 10px;
    float: none
}

.compendium-image-right img {
    margin: 0 auto;
    display: block
}

@media(min-width:768px) {
    .compendium-image-right {
        float: right
    }
}

.monster-image-right {
    display: block;
    text-align: right
}

.compendium-image-with-subtitle-right {
    float: right;
    text-align: center;
    font-style: italic
}

.compendium-image-right {
    padding-left: 10px
}

.compendium-image-left {
    padding-right: 10px
}

.compendium-header-banner-img {
    width: 100%
}

@media(min-width:700px) {
    .compendium-header-image-fill-left {
        margin-left: 310px
    }
    .compendium-header-image-fill {
        margin-right: 330px
    }
}

.monster-image-center,
.compendium-image-center {
    text-align: center;
    display: block
}

h4.compendium-image-subtitle {
    font-size: 14px;
    padding-top: 0
}

.compendium-image-subtitle {
    font-size: 14px
}

.compendium-image-with-subtitle-right {
    font-size: 12px!important
}

.compendium-image-with-subtitle-center {
    text-align: center;
    font-style: italic
}

.section-header-letter {
    text-indent: -9999em;
    padding-bottom: 17.391%;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-a.png") no-repeat;
    background-size: contain;
    max-width: 760px;
    margin: 0 auto;
    height: 0
}

.section-header-letter::after {
    display: none!important
}

.mm-header-letter-a {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-a.png")
}

.mm-header-letter-b {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-b.png")
}

.mm-header-letter-c {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-c.png")
}

.mm-header-letter-d {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-d.png")
}

.mm-header-letter-e {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-e.png")
}

.mm-header-letter-f {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-f.png")
}

.mm-header-letter-g {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-g.png")
}

.mm-header-letter-h {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-h.png")
}

.mm-header-letter-i {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-i.png")
}

.mm-header-letter-j {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-j.png")
}

.mm-header-letter-k {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-k.png")
}

.mm-header-letter-l {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-l.png")
}

.mm-header-letter-m {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-m.png")
}

.mm-header-letter-n {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-n.png")
}

.mm-header-letter-o {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-o.png")
}

.mm-header-letter-p {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-p.png")
}

.mm-header-letter-q {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-q.png")
}

.mm-header-letter-r {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-r.png")
}

.mm-header-letter-s {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-s.png")
}

.mm-header-letter-t {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-t.png")
}

.mm-header-letter-u {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-u.png")
}

.mm-header-letter-v {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-v.png")
}

.mm-header-letter-w {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-w.png")
}

.mm-header-letter-x {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-x.png")
}

.mm-header-letter-y {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-y.png")
}

.mm-header-letter-z {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/letters/letter-z.png")
}

.summoning-creatures-table,
.compendium-left-aligned-table {
    width: auto
}

.summoning-creatures-table td,
.compendium-left-aligned-table td {
    text-align: left!important;
    padding: 8px 20px!important
}

.summoning-creatures-table td:nth-child(1),
.compendium-left-aligned-table td:nth-child(1) {
    vertical-align: middle!important;
    padding: 8px 20px!important;
    line-height: 1.4!important
}

.compendium-left-aligned-table {
    width: 100%!important
}

.compendium-left-aligned-table th:nth-child(1) {
    text-align: center!important;
    width: 120px!important
}

.spell-level-column {
    width: 5%
}

.compendium-quick-actions {
    position: relative;
    top: -54px;
    float: right
}

@media(max-width:1023px) {
    .compendium-quick-actions {
        top: 0
    }
}

.p-article-a .compendium-toc-blockquote {
    margin-top: 20px!important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px
}

.p-article-a .compendium-toc-blockquote p {
    font-size: 14px;
    text-align: left!important
}

.p-article-a .compendium-toc-blockquote>a {
    background: #47D18C;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
    min-width: 200px;
    transition: .1s linear background;
    margin-left: 10px;
    text-align: center
}

.p-article-a .compendium-toc-blockquote>a,
.p-article-a .compendium-toc-blockquote>a:hover,
.p-article-a .compendium-toc-blockquote>a:focus,
.p-article-a .compendium-toc-blockquote>a:active,
.p-article-a .compendium-toc-blockquote>a:visited {
    color: #fff
}

.p-article-a .compendium-toc-blockquote>a:hover {
    background: #70dba6;
    transition: .1s linear background
}

.compendium-toc-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.compendium-toc-block {
    margin-bottom: 20px;
    position: relative;
    padding: 11px 10px;
    width: 100%;
    max-width: 500px;
    min-height: 230px
}

@media(min-width:769px) {
    .compendium-toc-block {
        width: 50%
    }
}

@media(min-width:1025px) {
    .compendium-toc-block {
        width: 33.33333%
    }
}

@media(min-width:1200px) {
    .compendium-toc-block {
        width: 25%
    }
}

.compendium-toc-block::after {
    content: "";
    display: block;
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/ddb-borders-med.png") no-repeat;
    position: absolute;
    height: 12px;
    background-size: 100% 12px;
    right: 10px;
    left: 10px;
    bottom: 0
}

.compendium-toc-block-header {
    position: absolute;
    top: -8px;
    left: 9px;
    right: 10px;
    background-image: url(https://www.dndbeyond.com/attachments/0/116/500darkbar.png);
    background-size: 101% 100%;
    text-align: center
}

.compendium-toc-block-header h2 {
    margin: 0;
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 5px 15px
}

.compendium-toc-block-header h2 a,
.compendium-toc-block-header h2 a:hover,
.compendium-toc-block-header h2 a:focus,
.compendium-toc-block-header h2 a:active,
.compendium-toc-block-header h2 a:visited {
    color: #fff!important
}

.compendium-toc-block-subtitle {
    color: #979AA4;
    font-size: 11px;
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px;
    text-align: right;
    font-style: italic
}

.compendium-toc-block-text {
    padding: 40px 15px 10px;
    border-left: 1px solid #d4d0ce;
    border-right: 1px solid #d4d0ce;
    background: #fff;
    height: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.compendium-toc-block-text ul {
    margin: 0;
    padding-left: 5px;
    list-style: none;
    color: #47D18C
}

.compendium-toc-block-text ul li {
    width: 100%;
    line-height: 1.2;
    margin-bottom: 5px;
    font-size: 14px;
    color: #979AA4
}

.compendium-toc-block-text ul li.compendium-toc-block-list {
    padding-left: 18px
}

.compendium-toc-block-text ul li.compendium-toc-block-list::before {
    content: "-";
    margin-right: 10px;
    margin-left: -14px
}

.compendium-toc-block-text ul li a {
    color: #242527
}

.compendium-toc-block-text ul li a:hover {
    color: #47D18C
}

.detail-content .ad-container {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px
}

.detail-content .image {
    width: 100%;
    margin-bottom: 35px
}

.detail-content .image img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    display: block;
    border-radius: 8px
}

.detail-content .spell-info div {
    margin-top: 30px
}

@media print {
    .detail-content .image {
        display: none
    }
}

.details-aside {
    margin-top: 30px
}

.details-aside .ad-container {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width:1024px) {
    .details-aside {
        width: 320px;
        margin: 0 0 0 auto
    }
}

.details-aside .image {
    display: none
}

@media(min-width:1024px) {
    .details-aside .image {
        display: block;
        margin: 0 auto 20px;
        width: 240px
    }
}

@media(min-width:1024px) {
    .details-aside .image img {
        width: 100%;
        border-radius: 8px
    }
}

.details-aside .collection {
    color: #45cef7;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 20px auto 0;
    width: 100%
}

.details-aside .collection:active,
.details-aside .collection:visited {
    color: #45cef7
}

.details-aside .collection::before {
    content: '';
    background-color: #45cef7;
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/homebrew.svg);
    background-size: 7px 7px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 5px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -5px;
    height: 17px;
    width: 17px;
    border: 1px solid white;
    border-radius: 50%
}

@media print {
    .details-aside .image {
        display: block
    }
    .details-aside .image img {
        max-width: 300px;
        margin: 0 auto;
        display: block;
        border-radius: 8px
    }
}

.details-more-info {
    top: -20px!important
}

.details-more-info .monster-info .details-container {
    margin-bottom: 10px
}

.details-more-info .monster-info .details-item {
    font-style: italic;
    font-size: 16px;
    line-height: 2.1
}

@media print {
    .details-more-info {
        padding-top: 0!important;
        top: 0!important
    }
}

.feat-details .description,
.background-details .description {
    font-size: 16px;
    line-height: 30px
}

@media(min-width:600px) {
    .detail-content .spell-info .range {
        margin-top: 30px
    }
}

.details-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px 0;
    background-color: #fff;
    border-left: 1px solid #ECE9E9;
    border-right: 1px solid #ECE9E9;
    position: relative
}

.details-container .ad-container {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.details-container::after {
    content: '';
    display: block;
    height: 28px;
    border-bottom: 28px solid transparent;
    border-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/expanded-listing-item-bottom-border.png") 28 stretch;
    position: absolute;
    margin: 0 -20px;
    bottom: -20px;
    left: 20px;
    right: 20px
}

.details-container-content {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.details-container-content .ad-container {
    margin-bottom: 30px
}

.details-container-content .image-container .image {
    max-width: 315px;
    width: 100%;
    margin: 0 auto 10px
}

@media(min-width:650px) {
    .details-container-content .image-container .image {
        margin: 0 0 10px 10px;
        float: right
    }
}

@media(min-width:1024px) {
    .details-container-content .image-container .image {
        display: none
    }
}

.details-container-content-description-text {
    font-size: 14px;
    line-height: 24px;
    color: #242527
}

.details-container-content-description-text table {
    border-collapse: collapse;
    margin: 20px 0
}

.details-container-content-description-text table.compendium-left-aligned-table th {
    text-align: left
}

.details-container-content-description-text table,
.details-container-content-description-text table th,
.details-container-content-description-text table td {
    border: 1px solid #edeae8
}

.details-container-content-description-text table th,
.details-container-content-description-text table td {
    font-size: 14px
}

.details-container-content-description-text table th.left-align,
.details-container-content-description-text table td.left-align {
    text-align: left!important
}

.details-container-content-description-text table th.uppercase,
.details-container-content-description-text table td.uppercase {
    text-transform: uppercase!important
}

.details-container-content-description-text table td {
    text-align: center;
    padding: 10px 20px
}

.details-container-content-description-text table td p {
    font-size: 14px
}

.details-container-content-description-text table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.details-container-content-description-text table tbody tr {
    background: #fff
}

.details-container-content-description-text table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.details-container-content-description-text table tbody tr td.left-align {
    text-align: left!important
}

.details-container-content-description-text table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.details-container-content-description-text table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.details-container-content-description-text ul {
    list-style: initial;
    padding: 15px
}

.details-container-content-description-text ol {
    list-style: decimal;
    padding: 15px
}

.details-container-content-description-text blockquote {
    font-size: 14px;
    margin: 5px 0
}

.details-container-content-description-text blockquote p {
    font-size: 14px
}

.details-container-content-description-text h1,
.details-container-content-description-text h2,
.details-container-content-description-text h3 {
    font-weight: normal
}

.details-container-content-description-text h1 {
    font-size: 32px
}

.details-container-content-description-text h2 {
    font-size: 26px
}

.details-container-content-description-text h3 {
    font-size: 20px
}

.details-container-content-description-text h5,
.details-container-content-description-text h6 {
    font-size: 18px
}

.details-container-content-description-text a {
    text-decoration: none;
    cursor: pointer
}

.details-container-content-description-text a,
.details-container-content-description-text a:hover,
.details-container-content-description-text a:focus,
.details-container-content-description-text a:active,
.details-container-content-description-text a:visited {
    color: #47D18C
}

.details-container-content-description-text h1,
.details-container-content-description-text h2,
.details-container-content-description-text h3 {
    font-weight: normal
}

.details-container-content-description-text h1 {
    font-size: 32px
}

.details-container-content-description-text h1::after {
    content: '';
    width: 100%;
    max-width: 1200px;
    margin: 5px auto 20px;
    height: 3px;
    background-color: #1b9af0;
    display: block
}

.details-container-content-description-text h2::after,
.details-container-content-description-text h3::after {
    content: '';
    width: 100%;
    margin: 5px auto 20px;
    height: 1px;
    background-color: #1b9af0;
    display: block
}

.details-container-content-description-text h2 {
    font-size: 26px
}

.details-container-content-description-text h3 {
    font-size: 20px
}

.details-container-content-description-text h5,
.details-container-content-description-text h6 {
    font-size: 18px
}

.details-container-content-description-text blockquote {
    background: white;
    padding: 20px;
    position: relative;
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 1px solid #e0dcdc;
    border-right: 1px solid #e0dcdc;
    border-top: 0;
    border-bottom: 0;
    overflow: visible;
    border-radius: 0;
    color: #242527;
    margin: 40px 0;
    line-height: 1.6
}

.details-container-content-description-text blockquote::before,
.details-container-content-description-text blockquote::after {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/border_texture_wide.png");
    background-size: 100% 100%;
    height: 20px;
    position: absolute;
    left: -1px;
    right: -1px
}

.details-container-content-description-text blockquote::before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    top: -13px
}

.details-container-content-description-text blockquote::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    bottom: -10px
}

.details-container-content-description-text blockquote .compendium-blockquote-footer {
    width: 100%;
    text-align: right
}

@media all and (max-width:1023px) {
    body.responsive-enabled .details-container-content-description-text blockquote {
        margin: 40px 0
    }
}

@media print {
    .details-container-content-description-text blockquote {
        border: 1px solid #e0dcdc!important
    }
    .details-container-content-description-text blockquote::before,
    .details-container-content-description-text blockquote::after {
        display: none
    }
}

.details-container-content-description-text-header {
    font-weight: bold
}

.details-container-content-description-text-header-margined {
    font-weight: bold;
    margin-right: 25px
}

.details-container-content-description-text h4 {
    font-size: 20px
}

.details-container-content-description-text h5 {
    font-size: 16px
}

.details-container-content-description-notes {
    margin-top: 20px
}

.details-container-content-description-notes .text-label,
.details-container-content-description-notes .text-notes {
    display: inline;
    font-style: italic;
    font-size: 14px;
    line-height: 1.7
}

.details-container-content-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 50px
}

.details-container-content-footer .tags {
    font-size: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0 10px;
    padding: 10px 0
}

.details-container-content-footer .tags .tag {
    border: 1px solid #cbc6c3;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 #dcd1c7;
    padding: 4px 8px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 2px
}

@media(min-width:1024px) {
    .details-container-content-footer .tags {
        margin-left: 0
    }
}

.details-container-content-footer .source-description {
    font-size: 12px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-style: italic;
    text-align: right;
    margin-left: auto
}

.body-rpgigear .details-container-content-footer .source-description {
    display: none
}

.details-container-aside {
    display: none
}

@media(min-width:1024px) {
    .details-container-aside {
        display: block;
        min-width: 320px;
        width: 320px;
        max-width: 320px;
        margin-left: 20px
    }
    .details-container-aside .image-container .image {
        display: block;
        width: 100%
    }
    .details-container-aside .ad-container {
        margin-top: 30px
    }
}

@media print {
    .details-container {
        padding: 0;
        border: 0;
        margin-top: 0
    }
    .details-container::after {
        display: none
    }
}

@media(min-width:1024px) {
    .detail-content {
        width: calc(100% - 370px)
    }
    .detail-content .image {
        display: none
    }
    .detail-content footer .spell-source {
        margin-left: auto!important
    }
    .detail-content footer,
    .detail-content .spell-info,
    .detail-content .more-info-content {
        width: 100%
    }
}

@media(min-width:1024px) {
    .detail-content footer .spell-source {
        -webkit-flex: 0 1 30%;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%
    }
}

@media(min-width:1024px) {
    .details-more-info {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: auto;
        width: 100%!important;
        top: 50px!important
    }
}

@media(min-width:1024px) {
    .item-details,
    .spell-details,
    .monster-details {
        margin-bottom: 50px
    }
}

@media(min-width:1024px) {
    .spell-info .level,
    .spell-info .range,
    .spell-info .components,
    .spell-info .casting-time {
        margin-top: 0!important
    }
}

.ddb-fab {
    position: fixed;
    z-index: 1;
    bottom: 5%;
    right: 5%
}

.ddb-fab-body {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/cart-fab.svg");
    background-size: 100%;
    height: 48px;
    width: 48px;
    border: 2px solid #00a899;
    border-radius: 50%
}

.ddb-fab-count {
    background-color: #00a899;
    border-radius: 10px;
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 20px;
    padding: 0 5px;
    height: 20px;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width:1024px) {
    .ddb-fab {
        display: none!important
    }
}

.fc-fake {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fc-fake-item {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 rgba(138, 177, 198, 0.48);
    border: solid 1px #d8dde3;
    font-weight: bold;
    font-size: 16px;
    color: #242527
}

.fc-fake-item.fc-selected {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/yes-no/check-green.svg");
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat
}

.fc-fake-item.spell-component-selector-item {
    width: 50px;
    height: 50px
}

.fc-fake-item.spell-component-selector-item.fc-selected {
    background-image: none;
    background-color: #704cd9;
    color: #fff
}

.feat-content-container,
.background-content-container {
    margin-top: 10px
}

.feat-content-container .ad-container,
.background-content-container .ad-container {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.feat-content-container .what-are p,
.background-content-container .what-are p {
    font-size: 16px;
    line-height: 30px
}

.feat-content-container .listing header.h2,
.background-content-container .listing header.h2 {
    display: none
}

.listing-filters {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.listing-filters-wrapper+.ad-container {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.listing-filters input,
.listing-filters select,
.listing-filters .flat-list {
    width: 100%;
    margin: 0 auto
}

.listing-filters input,
.listing-filters select,
.listing-filters option {
    font-size: 15px!important
}

.listing-filters .flat-list {
    padding-bottom: 20px;
    position: relative
}

.listing-filters .flat-list>li>div {
    margin-top: 26px
}

.listing-filters .flat-list>li .component {
    margin-top: 0
}

.listing-filters .flat-list>li.submit-button-container {
    width: 100%
}

.listing-filters .flat-list>li.submit-button-container a {
    width: 100%;
    height: 50px
}

.body-rpgmonster .listing-filters .flat-list .search-filter {
    -webkit-order: -9;
    -ms-flex-order: -9;
    order: -9
}

.body-rpgmonster .listing-filters .flat-list .cr-filter:not(.stevanus-aurelius),
.body-rpgmonster .listing-filters .flat-list .armor-filter:not(.stevanus-aurelius),
.body-rpgmonster .listing-filters .flat-list .hp-filter:not(.stevanus-aurelius) {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.body-rpgmonster .listing-filters .flat-list .cr-filter>div,
.body-rpgmonster .listing-filters .flat-list .armor-filter>div,
.body-rpgmonster .listing-filters .flat-list .hp-filter>div {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.body-rpgmonster .listing-filters .flat-list .double-listing div input {
    text-align: center
}

.body-rpgmonster .listing-filters .flat-list .double-listing div:first-child {
    margin-right: 0
}

.body-rpgmonster .listing-filters .flat-list .double-listing div:last-child {
    margin-left: 0
}

.body-rpgmonster .listing-filters .flat-list .filter-split {
    width: 25px;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: lightgray;
    margin: auto;
    margin-top: 64px;
    text-align: center
}

.listing-filters #spell-filter-button.stevanus-aurelius {
    display: none
}

.listing-filters>.select2-input {
    width: 100%
}

.listing-filters .form-field input,
.listing-filters .form-field select {
    border-radius: 0;
    height: 50px;
    background-color: white;
    box-shadow: inset 0 0 4px 0 rgba(138, 177, 198, 0.48);
    border: solid 1px #d8dde3;
    box-sizing: border-box
}

.listing-filters .form-field input[type=text],
.listing-filters .form-field select[type=text] {
    padding: 0 10px
}

.listing-filters .form-field input.select2-input,
.listing-filters .form-field select.select2-input {
    height: 46px
}

.listing-filters .form-field label,
.listing-filters .form-field .select2-chosen {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    height: 21px
}

.listing-filters .form-field .select2-container {
    min-height: 50px
}

.listing-filters .form-field .select2-container .select2-choices,
.listing-filters .form-field .select2-container .select2-choice {
    border-radius: 0;
    min-height: 50px;
    background-color: white;
    box-shadow: inset 0 0 4px 0 rgba(138, 177, 198, 0.48);
    border: solid 1px #d8dde3;
    box-sizing: border-box;
    background-image: none
}

.listing-filters .form-field .select2-container .select2-choices .select2-arrow,
.listing-filters .form-field .select2-container .select2-choice .select2-arrow {
    top: 12px;
    border-left: none;
    background: 0
}

.listing-filters .form-field .select2-container .search-field {
    margin-top: 15px
}

.listing-filters .form-field .select2-container .select2-chosen {
    margin-top: 11px
}

.listing-filters .main-filter {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 8px;
    width: 100%;
    height: 120px
}

.body-rpgspell-index .listing-filters .main-filter-container,
.body-rpgmonster-index .listing-filters .main-filter-container,
.body-rpgmagicitem-index .listing-filters .main-filter-container {
    z-index: 2;
    position: relative
}

.listing-filters .main-filter .show-more-container {
    display: none
}

.listing-filters .main-filter .main-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 5px
}

.body-rpgspell .listing-filters .main-filter .main-list {
    width: 920px
}

.body-rpgmonster .listing-filters .main-filter .main-list {
    width: 1530px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list {
    width: 1095px
}

.listing-filters .main-filter .main-list span[class*="-icon"] {
    position: relative
}

.listing-filters .main-filter .main-list .all-items .all-icon {
    border-radius: 50%;
    opacity: .5
}

.body-rpgspell .listing-filters .main-filter .main-list .all-items .all-icon {
    background-image: linear-gradient(to bottom, #9877fa, #704cd9)
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .all-items .all-icon {
    background-image: linear-gradient(to bottom, #4273E8, #143A7C)
}

.body-rpgmonster .listing-filters .main-filter .main-list .all-items .all-icon {
    background-image: linear-gradient(to bottom, #eb1313, #8d0b0b)
}

.listing-filters .main-filter .main-list .all-items .all-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .all-items .all-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .all-items .all-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .all-items .all-icon.escobert-the-red::after {
    border-color: #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .all-items .all-icon.escobert-the-red::after {
    border-color: #0f5cbc
}

.body-rpgmonster .listing-filters .main-filter .main-list .all-items .all-icon.escobert-the-red::after {
    border-color: #bc0f0f
}

.listing-filters .main-filter .main-list .all-items .all-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .all-items .all-icon::before {
    content: '';
    height: 40px;
    width: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute
}

.body-rpgspell .listing-filters .main-filter .main-list .all-items .all-icon::before {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/spells.svg);
    top: 10px;
    left: 15px
}

@media(min-width:1024px) {
    .body-rpgspell .listing-filters .main-filter .main-list .all-items .all-icon::before {
        top: 15px;
        left: 20px
    }
}

.body-rpgmonster .listing-filters .main-filter .main-list .all-items .all-icon::before {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/monsters.svg);
    width: 36px;
    height: 32px;
    left: 12px;
    top: 15px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .all-items .all-icon::before {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/items.svg);
    width: 44px;
    height: 34px;
    left: 8px;
    top: 11px
}

.listing-filters .main-filter .main-list .item {
    width: 100px;
    height: 90px;
    cursor: pointer
}

.listing-filters .main-filter .main-list .item:not(:last-child) {
    margin-right: 1px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item:not(:last-child) {
    margin-right: 0
}

.listing-filters .main-filter .main-list .item:first-child {
    margin-right: 20px
}

.listing-filters .main-filter .main-list .item label {
    width: 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #242527;
    margin-top: 12px
}

.listing-filters .main-filter .main-list .item label i {
    margin-right: 1px;
    margin-bottom: 3px
}

.listing-filters .main-filter .main-list .item>span {
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    position: relative
}

.listing-filters .main-filter .main-list .item>span.bard-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/bard.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.bard-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.bard-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.bard-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.bard-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.bard-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.bard-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.cleric-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/cleric.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.cleric-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.cleric-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.cleric-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.cleric-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.cleric-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.cleric-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.druid-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/druid.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.druid-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.druid-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.druid-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.druid-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.druid-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.druid-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.paladin-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/paladin.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.paladin-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.paladin-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.paladin-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.paladin-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.paladin-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.paladin-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.ranger-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/ranger.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.ranger-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.ranger-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.ranger-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.ranger-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.ranger-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.ranger-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.sorcerer-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/sorcerer.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.sorcerer-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.sorcerer-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.sorcerer-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.sorcerer-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.sorcerer-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.sorcerer-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.warlock-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/warlock.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.warlock-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.warlock-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.warlock-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.warlock-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.warlock-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.warlock-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.wizard-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/wizard.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.wizard-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.wizard-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.wizard-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.wizard-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wizard-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.wizard-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.barbarian-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/barbarian.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.barbarian-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.barbarian-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.barbarian-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.barbarian-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.barbarian-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.barbarian-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.fighter-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/fighter.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.fighter-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.fighter-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.fighter-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.fighter-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.fighter-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.fighter-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.monk-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/monk.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.monk-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.monk-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.monk-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.monk-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.monk-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.monk-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.rogue-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/rogue.png);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.rogue-icon+label {
    opacity: .5
}

.listing-filters .main-filter .main-list .item>span.rogue-icon.escobert-the-red {
    opacity: 1
}

.listing-filters .main-filter .main-list .item>span.rogue-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgspell .listing-filters .main-filter .main-list .item>span.rogue-icon.escobert-the-red::after {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.rogue-icon.escobert-the-red::after {
    border: 2px solid #0f5cbc
}

.listing-filters .main-filter .main-list .item>span.rogue-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.armor-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/armor.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.armor-icon+label {
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.armor-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.armor-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #0f5cbc;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.armor-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.artifact-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/artifact.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.artifact-icon+label {
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.artifact-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.artifact-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #0f5cbc;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.artifact-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.potion-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/potion.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.potion-icon+label {
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.potion-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.potion-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #0f5cbc;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.potion-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.ring-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/ring.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.ring-icon+label {
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.ring-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.ring-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #0f5cbc;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.ring-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.rod-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/rod.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.rod-icon+label {
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.rod-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.rod-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #0f5cbc;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.rod-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.scroll-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/scroll.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.scroll-icon+label {
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.scroll-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.scroll-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #0f5cbc;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.scroll-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.staff-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/staff.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.staff-icon+label {
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.staff-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.staff-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #0f5cbc;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.staff-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wand-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/wand.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wand-icon+label {
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wand-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wand-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #0f5cbc;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wand-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.weapon-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/weapon.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.weapon-icon+label {
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.weapon-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.weapon-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #0f5cbc;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.weapon-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wondrousitem-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/wondrousitem.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wondrousitem-icon+label {
    opacity: .5
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wondrousitem-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wondrousitem-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #0f5cbc;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmagicitem .listing-filters .main-filter .main-list .item>span.wondrousitem-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.aberration-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/aberration.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.aberration-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.aberration-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.aberration-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.aberration-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.beast-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/beast.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.beast-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.beast-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.beast-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.beast-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.celestial-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/celestial.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.celestial-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.celestial-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.celestial-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.celestial-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.construct-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/construct.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.construct-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.construct-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.construct-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.construct-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.dragon-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/dragon.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.dragon-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.dragon-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.dragon-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.dragon-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.elemental-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/elemental.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.elemental-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.elemental-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.elemental-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.elemental-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.fey-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/fey.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.fey-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.fey-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.fey-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.fey-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.fiend-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/fiend.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.fiend-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.fiend-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.fiend-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.fiend-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.giant-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/giant.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.giant-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.giant-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.giant-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.giant-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.humanoid-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/humanoid.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.humanoid-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.humanoid-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.humanoid-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.humanoid-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.monstrosity-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/monstrosity.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.monstrosity-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.monstrosity-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.monstrosity-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.monstrosity-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.ooze-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/ooze.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.ooze-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.ooze-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.ooze-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.ooze-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.plant-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/plant.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.plant-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.plant-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.plant-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.plant-icon.escobert-the-red+label {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.undead-icon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/undead.jpg);
    background-size: cover;
    border-radius: 50%;
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.undead-icon+label {
    opacity: .5
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.undead-icon.escobert-the-red {
    opacity: 1
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.undead-icon.escobert-the-red::after {
    content: '';
    height: 70px;
    width: 70px;
    display: block;
    border: 2px solid #bc0f0f;
    border-radius: 50%;
    position: relative;
    top: -5px;
    left: -5px
}

.body-rpgmonster .listing-filters .main-filter .main-list .item>span.undead-icon.escobert-the-red+label {
    opacity: 1
}

.listing-filters .main-filter .main-list .item input[type="checkbox"] {
    display: none
}

.listing-filters .main-filter .main-list .type-wondrousitem {
    width: 100px
}

.listing-filters .filter-container {
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.04);
    padding: 15px;
    border-radius: 3px
}

.listing-filters [class*="-filter"] input {
    padding: 0 5px
}

.listing-filters .button {
    width: 224px;
    height: 40px;
    border-radius: 3px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    transition: none
}

.body-rpgspell .listing-filters .button {
    background: linear-gradient(to bottom, #9877fa, #704cd9)
}

.body-rpgmonster .listing-filters .button {
    background: linear-gradient(to bottom, #eb1313, #8d0b0b)
}

.body-rpgmagicitem .listing-filters .button,
.body-rpgigear .listing-filters .button {
    background: linear-gradient(to bottom, #4273E8, #143A7C)
}

.body-rpgbackground .listing-filters .button,
.body-rpgfeat .listing-filters .button {
    background: linear-gradient(to bottom, #FEA227, #f96a3b)
}

.body-mycontent-characterindex .listing-filters .button {
    background: linear-gradient(to bottom, #1b9af0, #0f5cbc)
}

.listing-filters .button span {
    color: white;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-shadow: none
}

.listing-filters .button.adv-filters-open {
    background: transparent
}

.body-rpgspell .listing-filters .button.adv-filters-open {
    border: 2px solid #704cd9
}

.body-rpgmagicitem .listing-filters .button.adv-filters-open {
    border: 2px solid #0f5cbc
}

.body-rpgspell .listing-filters .button.adv-filters-open span {
    color: #704cd9
}

.body-rpgmagicitem .listing-filters .button.adv-filters-open span {
    color: #0f5cbc
}

.listing-filters .button.adv-filters-open span::before {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/plus_minus-spells.svg);
    background-position: -15px 0
}

.listing-filters .button:hover {
    background-position: 0 0!important
}

.listing-filters .advanced-filter {
    margin: 0 auto;
    height: 30px;
    width: 180px
}

.listing-filters .advanced-filter a {
    display: block;
    height: 100%;
    padding-top: 3px;
    margin: 0 auto;
    text-align: center;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.listing-filters .advanced-filter a span {
    color: #979aa4;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase
}

.body-rpgspell .listing-filters .advanced-filter a span {
    color: #704cd9
}

.body-rpgmonster .listing-filters .advanced-filter a span {
    color: #bc0f0f
}

.body-rpgmagicitem .listing-filters .advanced-filter a span {
    color: #0f5cbc
}

.body-rpgigear .listing-filters .advanced-filter a span {
    color: #0f5cbc
}

.body-rpgbackground .listing-filters .advanced-filter a span,
.body-rpgfeat .listing-filters .advanced-filter a span {
    color: #e48000
}

.body-mycontent-characterindex .listing-filters .advanced-filter a span {
    color: #1b9af0
}

.listing-filters .advanced-filter #filter-counter {
    border-radius: 10px;
    padding: 1px;
    height: 18px;
    min-width: 18px;
    width: auto;
    display: inline-block;
    position: relative;
    top: -2px;
    left: 1px
}

.listing-filters .advanced-filter #filter-counter[data-count="0"] {
    display: none!important
}

.body-rpgmagicitem .listing-filters .advanced-filter #filter-counter {
    background: #0f5cbc
}

.body-rpgmonster .listing-filters .advanced-filter #filter-counter {
    background: #bc0f0f
}

.body-rpgspell .listing-filters .advanced-filter #filter-counter {
    background: #704cd9
}

.listing-filters .advanced-filter #filter-counter::after {
    content: attr(data-count);
    color: white;
    font-style: normal;
    vertical-align: top;
    text-align: center;
    font-size: 12px
}

.listing-filters .form-field-text-field>div:not(:first-child) {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: white;
    box-shadow: inset 0 0 4px 0 rgba(138, 177, 198, 0.48);
    border: solid 1px #d8dde3;
    cursor: pointer
}

.listing-filters .form-field-text-field>div:not(:first-child):not(:last-child) {
    margin-right: -4px
}

.listing-filters .form-field-text-field>div:not(:first-child).grissel-pete-who-even-is-this-guy {
    box-shadow: none
}

.body-rpgspell .listing-filters .form-field-text-field>div:not(:first-child).grissel-pete-who-even-is-this-guy {
    background-color: #704cd9
}

.body-rpgmagicitem .listing-filters .form-field-text-field>div:not(:first-child).grissel-pete-who-even-is-this-guy {
    background-color: #0f5cbc
}

.listing-filters .form-field-text-field>div:not(:first-child).grissel-pete-who-even-is-this-guy span {
    color: white
}

.listing-filters .form-field-text-field>div:not(:first-child) span {
    font-size: 16px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    color: #242527
}

.listing-filters .form-field-text-field ul {
    display: none!important;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.listing-filters .form-field-text-field ul label {
    font-size: 12px;
    text-align: center
}

.listing-filters .form-field-text-field ul label input {
    width: 50px;
    height: 50px;
    border: 0;
    box-shadow: none;
    display: block;
    background: white
}

.listing-filters .special-select {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.listing-filters .special-select-item {
    width: 50px;
    height: 50px;
    background-color: white;
    box-shadow: inset 0 0 4px 0 rgba(138, 177, 198, 0.48);
    border: solid 1px #d8dde3;
    cursor: pointer;
    color: #242527;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.listing-filters .special-select-item.t::after,
.listing-filters .special-select-item.f::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 3px;
    opacity: .25;
    height: 20px;
    width: 20px;
    background-size: cover
}

.listing-filters .special-select-item.t::after {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/yes-no/check-green.svg")
}

.listing-filters .special-select-item.f::after {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/yes-no/x-red.svg")
}

.listing-filters .ritual-filter span,
.listing-filters .concentration-filter span,
.listing-filters .show-homebrew-filter span {
    margin-left: 5px
}

.listing-filters .ritual-filter span::before,
.listing-filters .concentration-filter span::before,
.listing-filters .show-homebrew-filter span::before {
    content: '';
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/core_mechanics/concentration.svg) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px
}

.listing-filters .ritual-filter span::before {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/core_mechanics/ritual.svg);
    width: 14px;
    height: 14px
}

.listing-filters .show-homebrew-filter span::before {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/homebrew.svg);
    background-color: #45cef7;
    background-position: center center;
    background-size: 8px 8px;
    border-radius: 50%
}

.listing-filters .reset-button-container {
    width: 100%;
    margin-top: 25px
}

.listing-filters .reset-button-container.stevanus-aurelius {
    margin-top: 55px;
    display: inline
}

.listing-filters a[type="reset"] {
    margin: 0 auto 5px;
    border: 0;
    background: transparent;
    cursor: pointer;
    width: 100%;
    display: block;
    text-align: center
}

.listing-filters a[type="reset"] span {
    text-transform: uppercase;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px
}

.body-rpgspell .listing-filters a[type="reset"] span {
    color: #704cd9
}

.body-rpgmagicitem .listing-filters a[type="reset"] span {
    color: #0f5cbc
}

.body-rpgmonster .listing-filters a[type="reset"] span {
    color: #bc0f0f
}

.body-rpgigear .listing-filters a[type="reset"] span {
    color: #0f5cbc
}

.body-rpgbackground .listing-filters a[type="reset"] span,
.body-rpgfeat .listing-filters a[type="reset"] span {
    color: #e48000
}

.body-mycontent-characterindex .listing-filters a[type="reset"] span {
    color: #1b9af0
}

@media(min-width:680px) {
    .listing-filters .flat-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .listing-filters .flat-list>li {
        width: 50%
    }
    .listing-filters .flat-list>li>div {
        margin: 10px
    }
    .listing-filters .flat-list>li.components-filter>div {
        margin-bottom: 0
    }
    .listing-filters .flat-list>li .component {
        margin-top: 0;
        margin-right: 0
    }
    .listing-filters .flat-list>li .component.somatic,
    .listing-filters .flat-list>li .component.material {
        margin-left: 0
    }
    .body-rpgmonster .listing-filters .flat-list .filter-split {
        width: 40px;
        margin-top: 50px
    }
    .listing-filters .reset-button-container {
        margin-top: 30px
    }
    .listing-filters .reset-button-container.stevanus-aurelius {
        display: inline;
        margin-top: 35px
    }
    .listing-filters .main-filter {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
        width: 100%
    }
    .body-rpgspell .listing-filters .main-filter .main-list {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }
}

.ddb-listing-filters {
    margin-bottom: 20px
}

.ddb-listing-filters+.ad-container {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width:1024px) {
    .ddb-listing-filters .filter-container {
        padding-bottom: 30px
    }
}

.ddb-listing-filters-characters {
    border-top: 3px solid #1b9af0
}

.ddb-listing-filters-field-list {
    margin: -20px -10px 0;
    padding: 20px 10px 10px
}

@media(min-width:1024px) {
    .ddb-listing-filters-field-list {
        margin-top: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width:1024px) {
    .ddb-listing-filters-field-list-item {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media(min-width:1024px) {
    .ddb-listing-filters-field-list-item-submit {
        width: 20%!important;
        padding-top: 25px!important
    }
}

.ddb-listing-filters-field-list-item .form-field {
    width: 100%
}

.ddb-listing-filters-field-list-item-cost,
.ddb-listing-filters-field-list-item-weight {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px
}

.ddb-listing-filters-field-list-item-cost .form-field-integer-text-field,
.ddb-listing-filters-field-list-item-weight .form-field-integer-text-field {
    padding: 0 10px
}

.ddb-listing-filters-field-list-item label {
    display: block!important
}

@media(min-width:1024px) {
    .ddb-listing-filters .advanced-filters {
        display: none!important
    }
}

@media(min-width:1024px) {
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item {
        width: 15%;
        padding: 0 10px
    }
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-search {
        width: 30%
    }
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-cost,
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-weight {
        margin: 0 -5px;
        width: 25%
    }
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-cost .form-field-integer-text-field,
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-weight .form-field-integer-text-field {
        padding: 0 5px
    }
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-submit .button {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 16px;
        background: linear-gradient(to bottom, #4273E8, #143A7C);
        height: 50px;
        width: 100%;
        max-width: 300px;
        min-width: 250px;
        box-shadow: none;
        border: 0;
        transition: 100ms linear all;
        text-transform: uppercase;
        text-shadow: none;
        transition: none
    }
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-submit .button,
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-submit .button:hover,
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-submit .button:focus,
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-submit .button:active,
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-submit .button:visited {
        color: #fff
    }
}

@media(min-width:1024px) and (min-width:1024px) {
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-submit .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

@media(min-width:1024px) {
    .ddb-listing-filters-equipment .ddb-listing-filters-field-list-item-submit .button:hover {
        transition: 100ms linear all
    }
}

@media(min-width:1024px) {
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item {
        width: 15%;
        padding: 0 10px
    }
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-name,
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-source,
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-prereq,
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-skills,
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-tags,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-name,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-source,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-prereq,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-skills,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-tags {
        width: 20%
    }
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-submit .button,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-submit .button {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 16px;
        background: linear-gradient(to bottom, #FEA227, #f96a3b);
        height: 50px;
        width: 100%;
        max-width: 300px;
        min-width: 250px;
        box-shadow: none;
        border: 0;
        transition: 100ms linear all;
        text-transform: uppercase;
        text-shadow: none;
        transition: none
    }
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-submit .button,
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-submit .button:hover,
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-submit .button:focus,
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-submit .button:active,
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-submit .button:visited,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-submit .button,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-submit .button:hover,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-submit .button:focus,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-submit .button:active,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-submit .button:visited {
        color: #fff
    }
}

@media(min-width:1024px) and (min-width:1024px) {
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-submit .button,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-submit .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

@media(min-width:1024px) {
    .ddb-listing-filters-backgrounds .ddb-listing-filters-field-list-item-submit .button:hover,
    .ddb-listing-filters-feats .ddb-listing-filters-field-list-item-submit .button:hover {
        transition: 100ms linear all
    }
}

@media(min-width:1024px) {
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item {
        width: 15%;
        padding: 0 10px
    }
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-class,
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-race,
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-level,
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-name {
        width: 20%
    }
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-submit .button {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 16px;
        background: linear-gradient(to bottom, #1b9af0, #0f5cbc);
        height: 50px;
        width: 100%;
        max-width: 300px;
        min-width: 250px;
        box-shadow: none;
        border: 0;
        transition: 100ms linear all;
        text-transform: uppercase;
        text-shadow: none;
        transition: none
    }
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-submit .button,
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-submit .button:hover,
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-submit .button:focus,
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-submit .button:active,
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-submit .button:visited {
        color: #fff
    }
}

@media(min-width:1024px) and (min-width:1024px) {
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-submit .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

@media(min-width:1024px) {
    .ddb-listing-filters-characters .ddb-listing-filters-field-list-item-submit .button:hover {
        transition: 100ms linear all
    }
}

@media(min-width:1024px) {
    .ddb-listing-filters-homebrew-creations .ddb-listing-filters-field-list-item {
        padding: 0 10px;
        width: 20%
    }
}

.ddb-listing-filters-homebrew-creations .ddb-listing-filters-field-list-item-submit .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #45cef7;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-listing-filters-homebrew-creations .ddb-listing-filters-field-list-item-submit .button:hover {
    background: #76dbf9
}

.ddb-listing-filters-homebrew-creations .ddb-listing-filters-field-list-item-submit .button,
.ddb-listing-filters-homebrew-creations .ddb-listing-filters-field-list-item-submit .button:hover,
.ddb-listing-filters-homebrew-creations .ddb-listing-filters-field-list-item-submit .button:focus,
.ddb-listing-filters-homebrew-creations .ddb-listing-filters-field-list-item-submit .button:active,
.ddb-listing-filters-homebrew-creations .ddb-listing-filters-field-list-item-submit .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-listing-filters-homebrew-creations .ddb-listing-filters-field-list-item-submit .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-listing-filters-homebrew-creations .ddb-listing-filters-field-list-item-submit .button:hover {
    transition: 100ms linear all;
    background: #76dbf9
}

.ddb-listing-filters-form {
    margin-bottom: 20px
}

@media(min-width:1024px) {
    .ddb-listing-filters-form {
        margin: 0!important
    }
}

.ddb-listing-filters .button {
    font-size: 16px!important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1b9af0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    transition: none;
    max-width: 100%
}

.ddb-listing-filters .button,
.ddb-listing-filters .button:hover,
.ddb-listing-filters .button:focus,
.ddb-listing-filters .button:active,
.ddb-listing-filters .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-listing-filters .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-listing-filters .button:hover {
    transition: 100ms linear all
}

@media(min-width:1024px) {
    .ddb-listing-filters .button {
        height: 50px!important
    }
}

@media(min-width:1024px) {
    .listing-filters {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -20px;
        position: relative
    }
    .body-forum .listing-filters {
        margin-top: 0
    }
    .listing-filters .naxos {
        display: inline-block!important
    }
    .listing-filters .main-filter-container {
        width: 100%;
        height: 140px;
        z-index: 1;
        position: relative
    }
    .listing-filters .main-filter {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0
    }
    .body-rpgspell .listing-filters .main-filter {
        overflow-x: visible;
        overflow-y: visible
    }
    .body-rpgmonster .listing-filters .main-filter {
        overflow-x: auto;
        overflow-y: hidden
    }
    .listing-filters .main-filter .show-more-container {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 120px;
        width: 100px
    }
    .listing-filters .main-filter .show-more-container .show-more {
        height: 70px;
        width: 70px;
        background: #bc0f0f;
        border-radius: 50%;
        margin: 5px auto 0;
        cursor: pointer;
        transition: box-shadow .1s
    }
    .listing-filters .main-filter .show-more-container .show-more:hover {
        box-shadow: 0 0 5px #bc0f0f;
        transition: box-shadow .1s
    }
    .listing-filters .main-filter .show-more-container .show-more::after {
        content: '';
        background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/arrow.svg);
        height: 50px;
        width: 50px;
        position: relative;
        display: block;
        background-size: 100%;
        background-repeat: no-repeat;
        top: 10px;
        left: 15px
    }
    .listing-filters .main-filter .show-more-container .show-more.activated::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        left: 5px
    }
    .listing-filters .main-filter .show-more-container label {
        font-size: 14px;
        font-weight: bold;
        color: #242527;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        text-align: center;
        text-transform: uppercase;
        margin: 12px auto 0
    }
    .listing-filters .main-filter .main-list {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }
    .body-rpgmagicitem .listing-filters .main-filter .main-list {
        width: 100%
    }
    .body-rpgmonster .listing-filters .main-filter .main-list {
        width: calc(100% - 120px)
    }
    .listing-filters .main-filter .main-list .class-ooze,
    .listing-filters .main-filter .main-list .class-plant,
    .listing-filters .main-filter .main-list .class-fiend,
    .listing-filters .main-filter .main-list .class-giant,
    .listing-filters .main-filter .main-list .class-undead,
    .listing-filters .main-filter .main-list .class-humanoid,
    .listing-filters .main-filter .main-list .class-monstrosity {
        display: none
    }
    .body-rpgmonster .listing-filters .main-filter .main-list .all-items .all-icon::before {
        width: 45px;
        height: 41px;
        left: 13px;
        top: 16px;
        left: 12px
    }
    .body-rpgmagicitem .listing-filters .main-filter .main-list .all-items .all-icon::before {
        left: 14px;
        top: 15px
    }
    .listing-filters .main-filter .main-list .all-items .all-icon.escobert-the-red::after {
        height: 80px;
        width: 80px;
        top: -5px;
        left: -5px
    }
    .listing-filters .main-filter .main-list .item:hover>span:not(.escobert-the-red) {
        opacity: .75;
        transition: opacity .1s ease-in-out
    }
    .listing-filters .main-filter .main-list .item:hover>span.escobert-the-red:after {
        transition: visibility .3s ease-in-out
    }
    .listing-filters .main-filter .main-list .item>span {
        height: 70px;
        width: 70px;
        transition: opacity .3s ease-in-out
    }
    .listing-filters .main-filter .main-list .item>span.bard-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.cleric-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.druid-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.paladin-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.ranger-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.sorcerer-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.warlock-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.wizard-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.barbarian-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.fighter-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.monk-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.rogue-icon.escobert-the-red::after {
        height: 80px;
        width: 80px
    }
    .listing-filters .main-filter .main-list .item>span.armor-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.artifact-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.potion-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.ring-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.rod-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.scroll-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.staff-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.wand-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.weapon-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.wondrousitem-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.aberration-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.beast-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.celestial-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.construct-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.dragon-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.elemental-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.fey-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.fiend-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.giant-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.humanoid-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.monstrosity-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.ooze-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.plant-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .main-filter .main-list .item>span.undead-icon.escobert-the-red::after {
        height: 80px!important;
        width: 80px!important
    }
    .listing-filters .flat-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 40px;
        z-index: 1
    }
    .listing-filters .flat-list>li input,
    .listing-filters .flat-list>li select {
        width: 100%
    }
    .listing-filters .flat-list #form-field-filter-magic-bonus {
        width: 149px
    }
    .listing-filters .flat-list .submit-button-container {
        width: 20%!important;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 1%;
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
        margin-top: 34px;
        margin-bottom: 15px
    }
    .listing-filters .flat-list .submit-button-container a {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .body-rpgspell-homebrewindex .listing-filters .flat-list .author-filter {
        width: 20%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 1%
    }
    .body-rpgspell-homebrewindex .listing-filters .flat-list .subclass-filter:not(.stevanus-aurelius) {
        margin-top: 30px
    }
    .body-rpgspell .listing-filters .flat-list .search-filter,
    .body-rpgspell .listing-filters .flat-list .level-filter,
    .body-rpgspell .listing-filters .flat-list .tags-filter,
    .body-rpgspell .listing-filters .flat-list .casting-time-filter,
    .body-rpgspell .listing-filters .flat-list .school-filter,
    .body-rpgspell .listing-filters .flat-list .save-required-filter,
    .body-rpgspell .listing-filters .flat-list .damage-type-filter,
    .body-rpgspell .listing-filters .flat-list .condition-filter,
    .body-rpgspell .listing-filters .flat-list .subclass-filter,
    .body-rpgspell .listing-filters .flat-list .components-filter,
    .body-rpgspell .listing-filters .flat-list .concentration-filter,
    .body-rpgspell .listing-filters .flat-list .ritual-filter,
    .body-rpgspell .listing-filters .flat-list .show-homebrew-filter,
    .body-rpgspell .listing-filters .flat-list .source-filter,
    .body-rpgspell .listing-filters .flat-list .unlocked-content-filter {
        width: 20%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 1%
    }
    .body-rpgspell .listing-filters .flat-list .search-filter {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .body-rpgspell .listing-filters .flat-list .level-filter {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .body-rpgspell .listing-filters .flat-list .tags-filter {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .body-rpgspell .listing-filters .flat-list .casting-time-filter {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .body-rpgspell .listing-filters .flat-list .school-filter:not(.stevanus-aurelius),
    .body-rpgspell .listing-filters .flat-list .save-required-filter:not(.stevanus-aurelius),
    .body-rpgspell .listing-filters .flat-list .damage-type-filter:not(.stevanus-aurelius),
    .body-rpgspell .listing-filters .flat-list .condition-filter:not(.stevanus-aurelius) {
        margin-top: 30px
    }
    .body-rpgmagicitem .listing-filters .flat-list li:not(.select2-search-choice):not(.select2-search-field) {
        width: 16.66%
    }
    .body-rpgmagicitem .listing-filters .flat-list li:not(.select2-search-choice):not(.select2-search-field).rarity-filter {
        width: 15%;
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .body-rpgmagicitem .listing-filters .flat-list li:not(.select2-search-choice):not(.select2-search-field).search-filter {
        width: 20%;
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .body-rpgmagicitem .listing-filters .flat-list li:not(.select2-search-choice):not(.select2-search-field).requires-attunement-filter {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
        width: 14%
    }
    .body-rpgmagicitem .listing-filters .flat-list li:not(.select2-search-choice):not(.select2-search-field).tags-filter {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
        width: 16%
    }
    .body-rpgmagicitem .listing-filters .flat-list li:not(.select2-search-choice):not(.select2-search-field).magic-bonus-filter {
        width: 15%;
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    .body-rpgmagicitem .listing-filters .flat-list li:not(.select2-search-choice):not(.select2-search-field) div label span {
        position: absolute
    }
    .body-rpgmagicitem .listing-filters .flat-list .conditions-filter:not(.stevanus-aurelius),
    .body-rpgmagicitem .listing-filters .flat-list .effect-type-filter:not(.stevanus-aurelius),
    .body-rpgmagicitem .listing-filters .flat-list .effect-subtype-filter:not(.stevanus-aurelius),
    .body-rpgmagicitem .listing-filters .flat-list .armor-subtypes-filter:not(.stevanus-aurelius),
    .body-rpgmagicitem .listing-filters .flat-list .weapon-subtypes-filter:not(.stevanus-aurelius),
    .body-rpgmagicitem .listing-filters .flat-list .attached-spells-filter:not(.stevanus-aurelius) {
        margin-top: 30px
    }
    .body-rpgmonster .listing-filters .flat-list li:not(.select2-search-choice):not(.select2-search-field) {
        width: 16.66%
    }
    .body-rpgmonster .listing-filters .flat-list li:not(.select2-search-choice):not(.select2-search-field) div label span {
        position: absolute
    }
    .body-rpgmonster .listing-filters .flat-list .search-filter:not(.select2-search-choice),
    .body-rpgmonster .listing-filters .flat-list .cr-filter:not(.select2-search-choice),
    .body-rpgmonster .listing-filters .flat-list .size-filter:not(.select2-search-choice),
    .body-rpgmonster .listing-filters .flat-list .enviroment-filter:not(.select2-search-choice) {
        width: 20%!important;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 1%
    }
    .body-rpgmonster .listing-filters .flat-list .search-filter {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .body-rpgmonster .listing-filters .flat-list .cr-filter {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .body-rpgmonster .listing-filters .flat-list .size-filter {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .body-rpgmonster .listing-filters .flat-list .enviroment-filter {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .body-rpgmonster .listing-filters .flat-list .alignment-filter:not(.stevanus-aurelius),
    .body-rpgmonster .listing-filters .flat-list .armor-filter:not(.stevanus-aurelius),
    .body-rpgmonster .listing-filters .flat-list .hp-filter:not(.stevanus-aurelius),
    .body-rpgmonster .listing-filters .flat-list .senses-filter:not(.stevanus-aurelius),
    .body-rpgmonster .listing-filters .flat-list .save-filter:not(.stevanus-aurelius),
    .body-rpgmonster .listing-filters .flat-list .skill-filter:not(.stevanus-aurelius) {
        margin-top: 30px
    }
    .listing-filters .flat-list .filter-button-container {
        height: 50px;
        margin: 0!important;
        position: relative;
        top: 22px;
        width: 220px
    }
    .listing-filters .flat-list .filter-button-container .button {
        height: 100%
    }
    .listing-filters .flat-list .filter-button-container .button span::before {
        display: none!important
    }
    .listing-filters .advanced-filter {
        margin: 0;
        width: 220px;
        left: calc(50% - 90px);
        position: relative
    }
    .listing-filters .advanced-filter .button {
        height: 50px;
        width: 100%
    }
    .listing-filters .reset-button-container {
        width: 20%;
        left: auto;
        right: 20px;
        top: 232px;
        position: absolute;
        z-index: 1
    }
    .listing-filters .reset-button-container.stevanus-aurelius {
        position: absolute;
        margin-top: 30px
    }
    .body-rpgspell-indexbyclass .listing-filters .reset-button-container {
        top: 90px
    }
    .body-rpgbackground .listing-filters .reset-button-container,
    .body-rpgfeat .listing-filters .reset-button-container {
        top: 100px;
        right: 50px;
        margin-top: 0;
        width: auto
    }
    .body-rpgigear .listing-filters .reset-button-container,
    .body-mycontent-characterindex .listing-filters .reset-button-container {
        top: 100px;
        right: 4px;
        margin-top: 0
    }
    .listing-filters .main-filter .main-list .item>span {
        width: 70px;
        height: 70px
    }
}

.caption-forums h2 {
    padding-right: 20px
}

.caption-forums h2 a {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #242527
}

.caption-forums .sub-header {
    display: none
}

.comment .forum-post-header {
    background: #242527!important
}

.comment .forum-post-header .post-date a,
.comment .forum-post-header .post-date abbr,
.comment .forum-post-header .post-index a,
.comment .forum-post-header .post-index abbr {
    color: white!important;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold
}

.comment .forum-post-body-content a,
.comment .forum-post-body-content a:hover,
.comment .forum-post-body-content a:focus,
.comment .forum-post-body-content a:active,
.comment .forum-post-body-content a:visited {
    color: #1b9af0
}

.comment .forum-post-body-content a:hover {
    text-decoration: underline
}

.comment .forum-post-body-content p {
    margin: 0 0 20px 0!important
}

@media(max-width:640px) {
    .comment .forum-post-body-content .forum-post-body {
        clear: both
    }
}

.comment .forum-post-body-content .spoiler {
    border-color: lightgrey;
    background: #e0e0e0
}

.comment .forum-post-body-content .spoiler::before {
    border-bottom-color: #e0e0e0
}

.comment .forum-post-body-content .attachments .attachment-title-container {
    background: #D9D4D2
}

.comment .forum-post-body-content .attachments .p-attachments-list {
    border: 1px solid lightgray;
    background: #e0e0e0
}

@media(min-width:641px) {
    .comment .p-comment-user {
        width: 200px!important
    }
}

.comment .p-comment-user-background {
    background: #f6f4f3!important
}

@media(min-width:641px) {
    .comment .p-comment-user-background {
        width: 200px!important
    }
}

@media(min-width:641px) {
    .comment .p-comment-wrapper {
        margin-left: 200px!important
    }
}

.comment .p-comment-container {
    background: white!important
}

.comment .p-comment-container .user-actions-forum-post-author-menu .label {
    color: #000
}

.comment .p-comment-content table {
    border-collapse: collapse;
    margin: 20px 0
}

.comment .p-comment-content table.compendium-left-aligned-table th {
    text-align: left
}

.comment .p-comment-content table,
.comment .p-comment-content table th,
.comment .p-comment-content table td {
    border: 1px solid #edeae8
}

.comment .p-comment-content table th,
.comment .p-comment-content table td {
    font-size: 14px
}

.comment .p-comment-content table th.left-align,
.comment .p-comment-content table td.left-align {
    text-align: left!important
}

.comment .p-comment-content table th.uppercase,
.comment .p-comment-content table td.uppercase {
    text-transform: uppercase!important
}

.comment .p-comment-content table td {
    text-align: center;
    padding: 10px 20px
}

.comment .p-comment-content table td p {
    font-size: 14px
}

.comment .p-comment-content table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.comment .p-comment-content table tbody tr {
    background: #fff
}

.comment .p-comment-content table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.comment .p-comment-content table tbody tr td.left-align {
    text-align: left!important
}

.comment .p-comment-content table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.comment .p-comment-content table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.comment .p-comment-content ul {
    list-style: initial;
    padding: 15px
}

.comment .p-comment-content ol {
    list-style: decimal;
    padding: 15px
}

.comment .p-comment-content blockquote {
    font-size: 14px;
    margin: 5px 0
}

.comment .p-comment-content blockquote p {
    font-size: 14px
}

.comment .p-comment-content h1,
.comment .p-comment-content h2,
.comment .p-comment-content h3 {
    font-weight: normal
}

.comment .p-comment-content h1 {
    font-size: 32px
}

.comment .p-comment-content h2 {
    font-size: 26px
}

.comment .p-comment-content h3 {
    font-size: 20px
}

.comment .p-comment-content h5,
.comment .p-comment-content h6 {
    font-size: 18px
}

.comment .p-comment-content a {
    text-decoration: none;
    cursor: pointer
}

.comment .p-comment-content a,
.comment .p-comment-content a:hover,
.comment .p-comment-content a:focus,
.comment .p-comment-content a:active,
.comment .p-comment-content a:visited {
    color: #47D18C
}

.comment .p-comment-content a,
.comment .p-comment-content a:hover,
.comment .p-comment-content a:focus,
.comment .p-comment-content a:active,
.comment .p-comment-content a:visited {
    color: #1b9af0
}

.comment .p-comment-content table th {
    color: #242527!important
}

.comment .p-comment-content blockquote {
    border-color: lightgray;
    overflow: hidden!important;
    background: #e0e0e0
}

.comment .source-quote {
    border: 1px solid #D9D4D2!important;
    background: #f6f4f3!important;
    border-radius: 0
}

.comment .source-quote .quote-source {
    background: #D9D4D2;
    margin: -20px -20px -10px;
    padding: 14px 20px 5px;
    border-bottom: 1px solid #d9d4d2;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #242527
}

.comment .source-quote .quote-body {
    margin-top: 20px
}

.comment .p-comment-avatar {
    margin: 15px auto!important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.comment .p-comment-avatar .avatar a::before {
    box-shadow: none
}

.comment .p-comment-avatar .avatar .u-icon {
    display: none
}

@media(min-width:641px) {
    .comment .p-comment-avatar .avatar a {
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 3px #222, inset 0 0 0 4px #222, 0 0 10px rgba(50, 50, 50, 0.75);
        border-radius: 8px
    }
    .comment .p-comment-avatar .avatar a img {
        margin: 4px;
        border-radius: 4px
    }
}

.comment .p-comment-stats .p-comment-statitem {
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comment .p-comment-footer .p-comment-actionsAdmin:hover {
    margin-bottom: 0!important
}

.comment .p-comment-footer .b-ratingForm-a .like,
.comment .p-comment-footer .b-ratingForm-a .num-likes {
    box-shadow: none!important
}

.comment .p-comment-footer .b-ratingForm-a .content-box-rating .like {
    background-color: #242527!important;
    border-color: #242527!important
}

.comment .p-comment-footer .b-ratingForm-a .content-box-rating .liked {
    background-color: #242527!important;
    border-color: #242527!important
}

.comment .p-comment-notes .p-comment-edit-notes,
.comment .p-comment-notes .p-comment-edited {
    color: #242527
}

.comment .p-comment-notes .p-comment-edit-notes {
    margin-left: 0
}

.comment .p-comment-notes .p-comment-edited {
    font-size: 14px
}

.comment .user {
    font-size: 16px
}

.comment .user-actions-post li a {
    background: #242527!important
}

.comment .user-actions-post li a:hover {
    background: #242527!important
}

.comment.latest-post-item .forum-post-rating {
    display: none
}

.comment.user-role-d-d-staff {
    border: 2px solid #7789C6
}

.comment.user-role-d-d-staff .p-comment-header {
    background: #7789C6!important
}

.comment.user-role-d-d-staff .p-comment-header .p-comment-index {
    background-color: #7789C6
}

@media(min-width:641px) {
    .comment.user-role-d-d-staff .p-comment-avatar .avatar a {
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 3px #7789C6, inset 0 0 0 4px #000, 0 0 10px rgba(119, 137, 198, 0.75);
        border-radius: 8px
    }
    .comment.user-role-d-d-staff .p-comment-avatar .avatar a img {
        margin: 4px;
        border-radius: 4px
    }
}

@media(max-width:640px) {
    .comment.user-role-d-d-staff .p-comment-username .user {
        color: #fff!important
    }
}

.comment.user-role-d-d-staff .p-comment-wrapper::before {
    content: '';
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/dnd-ampersand-black.png) center center no-repeat;
    position: absolute;
    top: 50px;
    right: 20px;
    opacity: .1;
    width: 64px;
    height: 64px;
    background-size: contain
}

@media(min-width:641px) {
    .comment.user-role-d-d-staff .p-comment-wrapper::before {
        top: 10px
    }
}

.comment.user-role-d-d-beyond-staff {
    border: 2px solid #e40812
}

.comment.user-role-d-d-beyond-staff .p-comment-header {
    background: #e40812!important
}

.comment.user-role-d-d-beyond-staff .p-comment-header .p-comment-index {
    background-color: #e40812
}

.comment.user-role-d-d-beyond-staff .p-comment-header li[data-next-dev-comment-index] {
    display: none
}

@media(min-width:641px) {
    .comment.user-role-d-d-beyond-staff .p-comment-header li[data-next-dev-comment-index] {
        display: initial
    }
    .comment.user-role-d-d-beyond-staff .p-comment-header li[data-next-dev-comment-index] .next-dev-comment {
        background: 0;
        border: 0;
        box-shadow: none;
        cursor: pointer
    }
    .comment.user-role-d-d-beyond-staff .p-comment-header li[data-next-dev-comment-index] .next-dev-comment .label {
        text-transform: uppercase;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-weight: bold;
        text-shadow: none;
        background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-b-white.png) left center no-repeat;
        background-size: 14px;
        padding-left: 18px
    }
}

@media(min-width:641px) {
    .comment.user-role-d-d-beyond-staff .p-comment-avatar .avatar a {
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 3px #e40812, inset 0 0 0 4px #000, 0 0 10px rgba(228, 8, 18, 0.75);
        border-radius: 8px
    }
    .comment.user-role-d-d-beyond-staff .p-comment-avatar .avatar a img {
        margin: 4px;
        border-radius: 4px
    }
}

@media(max-width:640px) {
    .comment.user-role-d-d-beyond-staff .p-comment-username .user {
        color: #fff!important;
        padding-left: 20px;
        background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-b-white.png);
        background-size: 14px
    }
}

.comment.user-role-d-d-beyond-staff .p-comment-wrapper::before {
    content: '';
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-b-red.png) center center no-repeat;
    position: absolute;
    top: 50px;
    right: 20px;
    opacity: .1;
    width: 64px;
    height: 64px;
    background-size: contain
}

@media(min-width:641px) {
    .comment.user-role-d-d-beyond-staff .p-comment-wrapper::before {
        top: 10px
    }
}

@media(min-width:1024px) {
    .p-forum-a .announcements .forum-announcement {
        height: 50px
    }
}

.p-forum-a .announcements .j-forum-thread-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.p-forum-a .announcements .j-thread-title>a {
    text-align: left;
    display: block!important
}

.p-forum-a .announcements .col-status .state::before {
    padding-top: 4px
}

.p-forum-a .announcements .thread-author {
    margin-left: auto
}

.forum-listing .expand-link {
    float: none;
    margin-top: 0;
    top: 10px;
    left: 0;
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/plus_minus-disabled.svg) no-repeat transparent;
    background-size: cover;
    background-position-x: 0
}

.forum-listing .expand-link.expanded {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/plus_minus-disabled.svg) no-repeat transparent;
    background-size: cover;
    background-position-x: -17px
}

.forum-listing .b-table-header tr {
    line-height: 0
}

.forum-listing .listing-container {
    padding-top: 0
}

.p-forum-poll {
    background: white;
    border: 1px solid #979AA4
}

.p-forum-poll .h3 {
    background: #242527
}

.p-forum-poll .h3 h3 {
    color: white
}

.p-forum-poll .poll-results p:first-child {
    background: #242527;
    color: white
}

.p-forum-poll .social-sharing {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#site .forum-row .status-icon,
#site .forum-thread-row .status-icon {
    background-color: white!important;
    background-image: none!important;
    border: none!important;
    box-shadow: none!important
}

#site .forum-row td,
#site .forum-thread-row td {
    background: white!important;
    border-top: 1px solid #d9d4d2!important;
    border-bottom: 1px solid #d9d4d2!important
}

#site .forum-row td:first-of-type,
#site .forum-thread-row td:first-of-type {
    border-left: 1px solid #d9d4d2!important
}

@media(max-width:640px) {
    #site .forum-row td:nth-of-type(5),
    #site .forum-thread-row td:nth-of-type(5) {
        border-right: 1px solid #d9d4d2!important
    }
}

#site .forum-row td:last-of-type,
#site .forum-thread-row td:last-of-type {
    border-right: 1px solid #d9d4d2!important
}

.forum-row th,
.forum-row td {
    min-width: 30px
}

.forum-row .col-forum .title a {
    font-weight: 500!important;
    font-size: 18px!important;
    color: #242527!important
}

.forum-thread-row .col-count {
    font-weight: 500;
    font-size: 14px;
    color: #242527
}

.forum-thread-row .col-thread .title {
    font-weight: 500!important;
    font-size: 18px!important;
    color: #242527!important
}

.forum-thread-row .col-thread .thread-author {
    color: #979AA4
}

.forum-thread-row .b-pagination-item {
    margin-right: 3px!important;
    vertical-align: top;
    margin-top: 5px
}

.forum-thread-row.has-dev-comments .col-thread::before {
    content: '';
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-b-red.png) center center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .1;
    width: 48px;
    height: 100%;
    background-size: contain
}

body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-row .col-status,
body.body-forum.responsive-enabled .container .p-forum-a tbody .forum-thread-row .col-status {
    background: white!important
}

@media(max-width:768px) {
    body.body-forum.responsive-enabled .container .p-forum-a li.forum-announcement .col-status {
        background: white!important
    }
}

body.body-forum .single-column #content .p-forum-a .p-attachments-list .attachment-item {
    background: lightgrey
}

body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    font-size: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: normal;
    z-index: 5;
    color: #242527;
    padding: 0!important;
    line-height: 1.3;
    font-weight: bold;
    border-bottom: 3px solid #979aa4;
    margin-bottom: 16px
}

@media(min-width:1024px) {
    body.body-forum .single-column #content .p-forum-a .extra-forum-header {
        font-size: 36px
    }
}

.body-home-index body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    border-color: #e40712
}

.body-mycontent body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.section-posts body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-post body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    border-color: #1b9af0
}

.body-rpgspell body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    border-color: #704cd9
}

.body-rpgmonster body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    border-color: #bc0f0f
}

.body-rpgitem body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-rpgigear body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-rpgmagicitem body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    border-color: #0f5cbc
}

.body-rpgcharacter body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-rpgfeat body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-rpgrace body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-rpgirace body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-rpgsubrace body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-rpgclass body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-rpgbackground body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    border-color: #ee8600
}

.body-forum body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    border-color: #979aa4
}

.body-marketplace body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-noncebilling body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-productkey body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    border-color: #1cd2c0
}

.body-rpghomebrew body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    border-color: #45cef7
}

.section-compendium body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.section-adventures body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.section-rules body.body-forum .single-column #content .p-forum-a .extra-forum-header,
body.body-forum .single-column #content .p-forum-a .extra-forum-header.section-compendium {
    border-color: #47D18C
}

.body-search body.body-forum .single-column #content .p-forum-a .extra-forum-header,
.body-rpgcampaign body.body-forum .single-column #content .p-forum-a .extra-forum-header {
    border-color: #1b9af0
}

body.body-forum .single-column #content .p-forum-a .listing {
    border: none!important
}

body.body-forum .single-column #content .p-forum-a .listing-comments {
    overflow: initial
}

@media(max-width:640px) {
    body.body-forum .single-column #content .p-forum-a .p-comment-avatar .avatar a {
        height: unset;
        width: unset;
        top: -12px;
        left: 8px
    }
    body.body-forum .single-column #content .p-forum-a .p-comment-avatar .avatar img {
        max-width: 44px!important;
        max-height: unset
    }
}

body.body-forum .single-column #content .p-forum-a .listing-forum {
    border-collapse: separate;
    border-spacing: 0 10px
}

body.body-forum .single-column #content .p-forum-a .listing-forum-thread {
    border-collapse: separate;
    border-spacing: 0 1px
}

body.body-forum .single-column #content .p-forum-a .listing-forum-search .listing-comments {
    overflow: initial
}

body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-new>a,
body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-tools>a,
body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-reply>a,
body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-search>a,
body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-poll-view-results-link>a,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-new>a,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-tools>a,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-reply>a,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-search>a,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-poll-view-results-link>a,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-new>a,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-tools>a,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-reply>a,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-search>a,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-poll-view-results-link>a {
    background-color: #242527;
    background-image: none;
    box-shadow: none;
    padding: 0 20px;
    transition: none;
    text-shadow: none;
    border: 2px solid #979aa4;
    line-height: 33px
}

body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-new>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-tools>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-reply>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-search>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-poll-view-results-link>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-new>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-tools>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-reply>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-search>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-poll-view-results-link>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-new>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-tools>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-reply>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-search>a>span,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-poll-view-results-link>a>span {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

body.body-forum .single-column #content .p-forum-a .user-actions-forums .user-action-poll-view-results-link>a,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .user-action-poll-view-results-link>a,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .user-action-poll-view-results-link>a {
    border: 0
}

body.body-forum .single-column #content .p-forum-a .user-actions-forums .b-userAction-a:not(.u-dropDownMenu) .b-userAction-item,
body.body-forum .single-column #content .p-forum-a .user-actions-thread .b-userAction-a:not(.u-dropDownMenu) .b-userAction-item,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .b-userAction-a:not(.u-dropDownMenu) .b-userAction-item {
    vertical-align: top!important
}

@media(max-width:900px) {
    body.body-forum .single-column #content .p-forum-a .user-actions-forums,
    body.body-forum .single-column #content .p-forum-a .user-actions-threads {
        float: none;
        padding-top: 16px
    }
}

body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    font-size: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: normal;
    z-index: 5;
    color: #242527;
    padding: 0!important;
    line-height: 1.3;
    font-weight: bold;
    border-bottom: 3px solid #979aa4;
    margin-bottom: 16px
}

@media(min-width:1024px) {
    body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
    body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
        font-size: 36px
    }
}

.body-home-index body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-home-index body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    border-color: #e40712
}

.body-mycontent body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.section-posts body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-post body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-mycontent body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.section-posts body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-post body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    border-color: #1b9af0
}

.body-rpgspell body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgspell body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    border-color: #704cd9
}

.body-rpgmonster body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgmonster body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    border-color: #bc0f0f
}

.body-rpgitem body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgigear body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgmagicitem body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgitem body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-rpgigear body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-rpgmagicitem body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    border-color: #0f5cbc
}

.body-rpgcharacter body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgfeat body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgrace body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgirace body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgsubrace body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgclass body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgbackground body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgcharacter body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-rpgfeat body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-rpgrace body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-rpgirace body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-rpgsubrace body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-rpgclass body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-rpgbackground body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    border-color: #ee8600
}

.body-forum body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-forum body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    border-color: #979aa4
}

.body-marketplace body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-noncebilling body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-productkey body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-marketplace body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-noncebilling body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-productkey body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    border-color: #1cd2c0
}

.body-rpghomebrew body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpghomebrew body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    border-color: #45cef7
}

.section-compendium body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.section-adventures body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.section-rules body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2.section-compendium,
.section-compendium body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.section-adventures body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.section-rules body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2.section-compendium {
    border-color: #47D18C
}

.body-search body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-rpgcampaign body.body-forum .single-column #content .p-forum-a .user-actions-forums+h2,
.body-search body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2,
.body-rpgcampaign body.body-forum .single-column #content .p-forum-a .user-actions-threads+h2 {
    border-color: #1b9af0
}

body.body-forum .single-column #content .p-forum-a .user-actions-threads .first-dev-comment {
    background-color: #242527;
    background-image: none;
    box-shadow: none;
    padding: 0 20px;
    transition: none;
    text-shadow: none;
    border: 2px solid #979aa4;
    line-height: 33px;
    width: 60px;
    position: relative
}

body.body-forum .single-column #content .p-forum-a .user-actions-threads .first-dev-comment>span {
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    vertical-align: top
}

body.body-forum .single-column #content .p-forum-a .user-actions-threads .first-dev-comment>span::before,
body.body-forum .single-column #content .p-forum-a .user-actions-threads .first-dev-comment>span::after {
    content: '';
    display: block;
    position: absolute
}

body.body-forum .single-column #content .p-forum-a .user-actions-threads .first-dev-comment>span::before {
    height: 16px;
    width: 16px;
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-b-red.png) center center no-repeat;
    background-size: cover;
    left: 10px;
    top: 9px
}

body.body-forum .single-column #content .p-forum-a .user-actions-threads .first-dev-comment>span::after {
    height: 12px;
    width: 12px;
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/chevron-down.svg) center center no-repeat;
    background-size: cover;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    right: 10px;
    top: 10px
}

body.body-forum .single-column #content .p-forum-a .sub-header {
    display: none
}

@media(min-width:1024px) {
    body.body-forum .single-column #content .p-forum-a>header h2 {
        font-size: 36px
    }
}

body.body-forum .single-column #content .p-forum-a a[data-title="Next Thread"].button,
body.body-forum .single-column #content .p-forum-a a[data-title="Jump to Forum"].button,
body.body-forum .single-column #content .p-forum-a a[data-title="Previous Thread"].button {
    background-image: none;
    box-shadow: none;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    padding: 10px 20px;
    border-radius: 4px;
    transition: none
}

body.body-forum .single-column #content .p-forum-a.s-create header.h2 {
    display: none!important
}

.body-forum .b-userAction-a:not(.u-dropDownMenu) .b-userAction-item {
    vertical-align: top!important;
    height: 37px
}

.body-forum-recentlyupdatedforumthreads #footer-push {
    min-height: 158px
}

.body-forum-recentlyupdatedforumthreads #form-field-filter-mod-view,
.body-forum-recentlyupdatedforumthreads #form-field-filter-auto-refresh {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 20px;
    width: 200px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.body-forum-recentlyupdatedforumthreads #form-field-filter-mod-view input,
.body-forum-recentlyupdatedforumthreads #form-field-filter-auto-refresh input {
    min-width: 15px;
    max-width: 15px;
    height: 15px;
    border: 0;
    box-shadow: none;
    margin-left: 0;
    margin-right: 10px
}

.body-forum-recentlyupdatedforumthreads #form-field-filter-mod-view input+label span,
.body-forum-recentlyupdatedforumthreads #form-field-filter-auto-refresh input+label span {
    display: table-cell;
    padding-top: 2px
}

.body-forum-recentlyupdatedforumthreads #form-field-filter-thread-search,
.body-forum-recentlyupdatedforumthreads #form-field-filter-date-range-type,
.body-forum-recentlyupdatedforumthreads #form-field-filter-association-type {
    display: block;
    max-width: 600px
}

@media(min-width:1024px) {
    .body-forum-recentlyupdatedforumthreads .listing-filters {
        display: initial;
        margin: 0
    }
}

.body-forum-recentlyupdatedforumthreads header.h2 {
    display: none
}

#div-poll {
    border: 1px solid lightgrey!important;
    background: #e0e0e0
}

#div-poll fieldset legend {
    background: inherit!important
}

#poll-vote .social-container {
    margin-top: 5px
}

#rating-likes {
    background: white;
    border: 1px solid #EDEAE8
}

#rating-likes thead {
    border-bottom: 3px solid #d0cac5
}

#rating-likes thead tr {
    height: 45px
}

#rating-likes thead tr th,
#rating-likes thead tr td {
    text-transform: uppercase;
    border: 1px solid #edeae8;
    text-align: center;
    font-weight: bold;
    background: #d0cac5
}

#rating-likes tbody tr.even td {
    background-color: white
}

#rating-likes tbody tr.odd td {
    background-color: #FAF8F7
}

#rating-likes tbody td {
    border: 1px solid #EDEAE8;
    font-size: 15px;
    text-align: center
}

.body-forum-recentlyupdatedforumthreads header.h2 {
    position: absolute;
    top: 0;
    z-index: 1
}

.body-forum-recentlyupdatedforumthreads header.h2 h2 {
    color: #fff;
    font-weight: normal;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 36px
}

@media(min-width:1024px) {
    .b-search {
        padding-top: 0
    }
}

body.body-forum-search .container .advanced-forum-search header.h2,
body.body-forum-search .container .s-results header.h2 {
    display: none!important
}

@media(min-width:600px) {
    .body-forum-search .time-selector .time-value-selector a {
        color: #fff
    }
    .body-forum-search input[type="text"] {
        border-radius: 0;
        height: 50px;
        background-color: white;
        box-shadow: inset 0 0 4px 0 rgba(138, 177, 198, 0.48);
        border: solid 1px #d8dde3;
        box-sizing: border-box
    }
    .body-forum-search label span {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-size: 14px
    }
    .body-forum-search .form-field {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .body-forum-search #field-search-type>div,
    .body-forum-search #field-forum-scope>div,
    .body-forum-search #field-display-type>div {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 5px
    }
    .body-forum-search #field-search-type>div input,
    .body-forum-search #field-forum-scope>div input,
    .body-forum-search #field-display-type>div input {
        margin: 0 1px 0 0;
        box-shadow: none
    }
    .body-forum-search #form-field-original-poster {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .body-forum-search #form-field-original-poster input {
        margin: 0 1px 0 0;
        box-shadow: none
    }
    .body-forum-search #form-field-original-poster input+label .tip {
        font-weight: normal;
        font-family: Roboto, Helvetica, sans-serif;
        text-transform: none;
        font-size: unset
    }
    .p-forum-a.s-search .forum-search-container .form-field+[class^="form-"] {
        top: 20%
    }
}

@media(max-width:640px) {
    body.body-forum.responsive-enabled .container .p-forum-a>.user-actions-forums {
        display: none
    }
}

.body-user-threads .listing .b-table-header {
    background: #242527
}

.body-user-threads .listing .b-table-header .col-thread,
.body-user-threads .listing .b-table-header .col-last-post {
    text-align: left
}

.listing .b-table-header .b-table-heading,
.listing .b-table-header .b-table-heading a {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px!important;
    font-weight: bold!important
}

.body-forum .listing .b-table-header .b-table-heading,
.body-forum .listing .b-table-header .b-table-heading a {
    color: #242527!important
}

@media(min-width:641px) {
    .comment .user-actions-post li a {
        background: none!important
    }
    .comment .user-actions-post li a:hover {
        background: none!important
    }
}

@media(min-width:641px) {
    .forum-threads .listing-header .b-pagination {
        float: left;
        margin: 0
    }
}

@media(min-width:1024px) {
    .forum-row,
    .forum-thread-row {
        height: 80px
    }
    .forum-row .title a,
    .forum-thread-row .title a {
        font-size: 18px!important;
        font-weight: 500!important;
        color: #242527!important
    }
    .forum-row .description,
    .forum-thread-row .description {
        font-size: 13px!important;
        font-weight: 500!important;
        color: #979AA4!important
    }
    .forum-row .col-status .state::before,
    .forum-thread-row .col-status .state::before {
        height: 24px;
        width: 28px
    }
    .forum-row .col-last-post .avatar,
    .forum-thread-row .col-last-post .avatar {
        margin: 0 10px 0 0!important
    }
    .forum-row .col-last-post .avatar a::before,
    .forum-thread-row .col-last-post .avatar a::before {
        width: 0
    }
    .forum-row .col-last-post .post-date,
    .forum-row .col-last-post .post-author,
    .forum-thread-row .col-last-post .post-date,
    .forum-thread-row .col-last-post .post-author {
        color: #979AA4;
        font-weight: 500;
        font-size: 12px
    }
    .forum-row .col-last-post .post-date,
    .forum-thread-row .col-last-post .post-date {
        text-align: left
    }
    .forum-row .col-last-post .post-title a,
    .forum-thread-row .col-last-post .post-title a {
        font-weight: 500;
        font-size: 12px
    }
    .forum-thread-row .col-thread .active-viewers {
        color: #979AA4;
        font-weight: 500;
        font-size: 13px
    }
}

@media(min-width:1024px) {
    body.body-forum .single-column #content .p-forum-a footer.statistics header h2 {
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-size: 28px;
        font-weight: bold;
        color: #242527;
        text-transform: uppercase
    }
    body.body-forum .single-column #content .p-forum-a footer.statistics .statistics-body {
        background-color: white
    }
    body.body-forum .single-column #content .p-forum-a footer.statistics .statistics-body .info .item,
    body.body-forum .single-column #content .p-forum-a footer.statistics .statistics-body .count .item {
        color: #242527;
        font-size: 14px
    }
    body.body-forum .single-column #content .p-forum-a .bread-heel {
        height: 60px
    }
    body.body-forum .single-column #content .p-forum-a .bread-heel .b-breadcrumb {
        display: none
    }
    body.body-forum .single-column #content .p-forum-a .post-thread-nav {
        height: 50px
    }
}

.base-class-callout {
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    -webkit-flex-direction: row!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
    margin-top: 15px!important;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%!important;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.base-class-callout-description {
    margin-left: 2em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.base-class-callout-label {
    font-weight: bold;
    font-size: 16px
}

.base-class-callout-link {
    margin-left: 1em;
    font-size: 16px!important
}

.base-class-callout-link h1 {
    color: inherit
}

.base-class-callout-portrait {
    max-width: 50px;
    max-height: 50px
}

.ddb-homebrew-portal-wrapper {
    border: 1px solid #979AA4;
    background-color: #fff;
    padding: 20px;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 1px 1px 10px #333;
    border-radius: 3px
}

.ddb-homebrew-portal-item-header {
    padding-bottom: 10px
}

.ddb-homebrew-portal-item-header .page-title {
    text-align: center;
    margin-bottom: 25px
}

.ddb-homebrew-portal-item-header-text {
    font-size: 20px;
    font-weight: 500;
    color: #242527;
    text-align: center
}

.ddb-homebrew-portal-item-separator {
    height: 1px;
    width: 90%;
    margin: 30px auto;
    background: #45cef7;
    position: relative
}

.ddb-homebrew-portal-item-separator::after {
    content: 'OR';
    color: #242527;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    width: 50px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: -0.5em
}

.ddb-homebrew-portal-item .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #45cef7;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-portal-item .button:hover {
    background: #76dbf9
}

.ddb-homebrew-portal-item .button,
.ddb-homebrew-portal-item .button:hover,
.ddb-homebrew-portal-item .button:focus,
.ddb-homebrew-portal-item .button:active,
.ddb-homebrew-portal-item .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-portal-item .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-portal-item .button:hover {
    transition: 100ms linear all;
    background: #76dbf9
}

@media(min-width:1024px) {
    .ddb-homebrew-portal-item .button {
        height: 50px;
        font-size: 16px
    }
}

.ddb-homebrew-portal-item-selector {
    width: 70%;
    display: inline-block
}

.ddb-homebrew-portal-item-selector-filter {
    width: 29%;
    padding: 10px 1% 10px 0;
    min-width: 150px
}

.ddb-homebrew-portal-item-selector-label {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #242527;
    font-size: 14px;
    font-weight: bold
}

.ddb-homebrew-portal-item .form-footer {
    padding-top: 30px
}

.ddb-homebrew-portal .builder-type-container .builder-button.selected {
    box-shadow: 0 0 10px 2px #0b609a inset;
    background-color: #0e7eca;
    color: #fff
}

.body-rpghomebrew-createhomebrewspell {
    background: url("https://www.dndbeyond.com/attachments/1/347/homebrewspellsbg.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
}

.body-rpghomebrew-createhomebrewmonster {
    background: url("https://www.dndbeyond.com/attachments/1/350/homebrewmonstersbg.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
}

.body-rpghomebrew-createhomebrewmagicitem {
    background: url("https://www.dndbeyond.com/attachments/1/349/homebrewmagicitemsbg.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
}

.body-rpghomebrew-createhomebrewbackground {
    background: url("https://www.dndbeyond.com/attachments/3/86/homebrewbackgroundsbg.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
}

.body-rpghomebrew-createhomebrewfeat {
    background: url("https://www.dndbeyond.com/attachments/3/236/homebrewfeatsbg.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
}

.body-rpghomebrew-createhomebrewrace {
    background: url("https://www.dndbeyond.com/attachments/3/344/racesbg.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
}

.body-rpghomebrew-createhomebrewsubclass {
    background: url("https://www.dndbeyond.com/attachments/3/635/subclassesbg.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
}

.homebrew-comments {
    margin-top: 25px
}

.homebrew-comments .p-comments .listing-container .listing-body .listing-comments .p-comments-a .p-comment-username>a,
.homebrew-comments .p-comments .listing-container .listing-body .listing-comments .p-comments-a .p-comment-username>a:hover,
.homebrew-comments .p-comments .listing-container .listing-body .listing-comments .p-comments-a .p-comment-username>a:focus,
.homebrew-comments .p-comments .listing-container .listing-body .listing-comments .p-comments-a .p-comment-username>a:active,
.homebrew-comments .p-comments .listing-container .listing-body .listing-comments .p-comments-a .p-comment-username>a:visited {
    color: #fff
}

.homebrew-comments .p-comments .h2 h2 {
    color: #000!important;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: 700!important;
    font-size: 28px!important
}

.homebrew-comments #reply .h2 h2 {
    color: #000!important;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: 700!important;
    font-size: 28px!important
}

@media print {
    .homebrew-comments {
        display: none
    }
}

.ddb-homebrew-create-header {
    margin: 0 -10px;
    position: relative;
    cursor: pointer
}

.ddb-homebrew-create-special .ddb-homebrew-create-header {
    margin: 0
}

.ddb-homebrew-create-header-primary,
.ddb-homebrew-create-header-secondary {
    padding: 10px
}

.ddb-homebrew-create-header-primary-text,
.ddb-homebrew-create-header-secondary-text {
    color: #242527
}

.ddb-homebrew-create-header-primary {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ddb-homebrew-create-header-primary-text {
    font-size: 20px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase
}

.ddb-homebrew-create-header-primary-text-callout {
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    top: 5px;
    right: 40px
}

.ddb-homebrew-create-header-primary-button {
    display: none
}

@media(min-width:600px) {
    .ddb-homebrew-create-header-primary-button {
        display: block;
        margin-left: auto;
        margin-right: 50px
    }
}

.ddb-homebrew-create-header-secondary {
    padding-top: 0
}

.ddb-homebrew-create-header-secondary-text {
    font-size: 14px;
    line-height: 24px
}

.ddb-homebrew-create-header-expansion {
    pointer-events: none;
    position: absolute;
    top: 5px;
    right: 10px
}

.ddb-homebrew-create-header-expansion-icon {
    height: 22px;
    width: 22px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/indicators/homebrew.svg");
    background-size: cover;
    background-position: 0 0
}

.ddb-homebrew-create-header-expansion-icon.open {
    background-position: -25px
}

.ddb-homebrew-create-form {
    margin: 0 -10px
}

.ddb-homebrew-create-form .form-messages .message-error {
    color: #721c24;
    border-color: #f5c6cb;
    background-color: #f8d7da
}

.ddb-homebrew-create-form .ddb-homebrew-create-header {
    margin: 0
}

.ddb-homebrew-create-form-fields {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ddb-homebrew-create-form-fields-spacer {
    -webkit-flex: 1 0 75%;
    -ms-flex: 1 0 75%;
    flex: 1 0 75%
}

.ddb-homebrew-create-form-fields .hidden {
    display: none
}

.ddb-homebrew-create-form-fields-item {
    padding: 15px 10px;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-fields-item-xs {
        -webkit-flex: 1 0 25%;
        -ms-flex: 1 0 25%;
        flex: 1 0 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-form-fields-item-xs {
        -webkit-flex: 1 0 25%;
        -ms-flex: 1 0 25%;
        flex: 1 0 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-fields-item-sm {
        -webkit-flex: 1 0 33.33333%;
        -ms-flex: 1 0 33.33333%;
        flex: 1 0 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-form-fields-item-sm {
        -webkit-flex: 1 0 33.33333%;
        -ms-flex: 1 0 33.33333%;
        flex: 1 0 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-fields-item-m {
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-form-fields-item-m {
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-fields-item-l {
        -webkit-flex: 1 0 75%;
        -ms-flex: 1 0 75%;
        flex: 1 0 75%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-form-fields-item-l {
        -webkit-flex: 1 0 75%;
        -ms-flex: 1 0 75%;
        flex: 1 0 75%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-fields-item-xl {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-form-fields-item-xl {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 450px;
        -ms-flex-preferred-size: 450px;
        flex-basis: 450px
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 630px;
        -ms-flex-preferred-size: 630px;
        flex-basis: 630px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-level,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-level,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 135px;
        -ms-flex-preferred-size: 135px;
        flex-basis: 135px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-school {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-school {
        -webkit-flex-basis: 155px;
        -ms-flex-preferred-size: 155px;
        flex-basis: 155px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-origin,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-range,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-aoe,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-aoe-size,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-aoe-description {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-ritual,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-higher-level,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-higher-level-scale,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-duration-type,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-duration-unit,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-duration-interval,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-activation-type,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-casting-time-description,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-casting-time {
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-casting-time {
        -webkit-flex-basis: 150px;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-casting-time-description {
        -webkit-flex-basis: 360px;
        -ms-flex-preferred-size: 360px;
        flex-basis: 360px
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-casting-time-description {
        -webkit-flex-basis: 735px;
        -ms-flex-preferred-size: 735px;
        flex-basis: 735px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-activation-type {
        -webkit-flex-basis: 300px;
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-origin {
        -webkit-flex-basis: 220px;
        -ms-flex-preferred-size: 220px;
        flex-basis: 220px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-range {
        -webkit-flex-basis: 170px;
        -ms-flex-preferred-size: 170px;
        flex-basis: 170px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-duration-type {
        -webkit-flex-basis: 215px;
        -ms-flex-preferred-size: 215px;
        flex-basis: 215px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-duration-interval {
        -webkit-flex-basis: 120px;
        -ms-flex-preferred-size: 120px;
        flex-basis: 120px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-duration-unit {
        -webkit-flex-basis: 200px;
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-ritual {
        -webkit-flex-basis: 125px;
        -ms-flex-preferred-size: 125px;
        flex-basis: 125px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-higher-level {
        -webkit-flex-basis: 190px;
        -ms-flex-preferred-size: 190px;
        flex-basis: 190px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-class {
        -webkit-flex-basis: 250px;
        -ms-flex-preferred-size: 250px;
        flex-basis: 250px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-higher-level-scale {
        -webkit-flex-basis: 140px;
        -ms-flex-preferred-size: 140px;
        flex-basis: 140px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-components-selection {
        -webkit-flex: 0 0 180px;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-components-description {
        -webkit-flex-basis: calc(100% - 180px);
        -ms-flex-preferred-size: calc(100% - 180px);
        flex-basis: calc(100% - 180px)
    }
}

.ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-save-stat,
.ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-attack-type {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-miss,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-save-success,
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-save-fail {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-fields-item-large-avatar {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-type,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-subtype,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-count {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-use-primary,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-duration,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-duration-unit,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-dice-count,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-dice-value,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-fixed {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-use-primary,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-duration,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-duration-unit,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-dice-count,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-dice-value,
    .ddb-homebrew-create-spell-modifier .ddb-homebrew-create-form-fields-item-fixed {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }
}

.ddb-homebrew-create-spell-condition .ddb-homebrew-create-form-fields-item #field-condition-effect-apply-container,
.ddb-homebrew-create-spell-condition .ddb-homebrew-create-form-fields-item #field-condition-effect-remove-container,
.ddb-homebrew-create-spell-condition .ddb-homebrew-create-form-fields-item #field-condition-effect-suppress-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell-condition .ddb-homebrew-create-form-fields-item-condition,
    .ddb-homebrew-create-spell-condition .ddb-homebrew-create-form-fields-item-condition-duration,
    .ddb-homebrew-create-spell-condition .ddb-homebrew-create-form-fields-item-condition-duration-unit {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-level,
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-modifier,
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-additional-type,
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-dice-count,
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-dice-value,
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-fixed {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-level,
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-modifier,
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-additional-type,
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-dice-count,
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-dice-value,
    .ddb-homebrew-create-spell-higher-level .ddb-homebrew-create-form-fields-item-fixed {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }
}

@media(min-width:700px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:700px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-version,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-entity-type {
        -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%
    }
}

@media(min-width:700px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-rarity {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-dex-mod,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-str-req,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-stealth,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-base-armor {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-dex-mod,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-str-req,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-stealth,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-base-armor {
        -webkit-flex-basis: 110px;
        -ms-flex-preferred-size: 110px;
        flex-basis: 110px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-base-type,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-base-weapon {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-base-type,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-base-weapon {
        -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-attunement {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:800px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-attunement {
        -webkit-flex-basis: 110px;
        -ms-flex-preferred-size: 110px;
        flex-basis: 110px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-attunement {
        -webkit-flex-basis: 390px;
        -ms-flex-preferred-size: 390px;
        flex-basis: 390px
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-attunement {
        -webkit-flex-basis: 160px;
        -ms-flex-preferred-size: 160px;
        flex-basis: 160px
    }
}

@media(min-width:800px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-attunement-description {
        -webkit-flex-basis: 300px;
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-attunement-description {
        -webkit-flex-basis: 630px;
        -ms-flex-preferred-size: 630px;
        flex-basis: 630px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-charges,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-charge-count,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-charge-reset-condition {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-notes,
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-fields-item-charge-reset-description {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-magic-item-condition .ddb-homebrew-create-form-fields-item-condition,
    .ddb-homebrew-create-magic-item-condition .ddb-homebrew-create-form-fields-item-condition-duration,
    .ddb-homebrew-create-magic-item-condition .ddb-homebrew-create-form-fields-item-condition-unit,
    .ddb-homebrew-create-magic-item-condition .ddb-homebrew-create-form-fields-item-condition-exception {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:720px) {
    .ddb-homebrew-create-magic-item-condition .ddb-homebrew-create-form-fields-item-condition,
    .ddb-homebrew-create-magic-item-condition .ddb-homebrew-create-form-fields-item-condition-duration,
    .ddb-homebrew-create-magic-item-condition .ddb-homebrew-create-form-fields-item-condition-unit,
    .ddb-homebrew-create-magic-item-condition .ddb-homebrew-create-form-fields-item-condition-exception {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-charges .ddb-homebrew-create-form-fields-item-input {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-charges .charges-min,
.ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-charges .charges-max {
    width: 45%
}

.ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-charges .charges-dash {
    width: 10%;
    font-size: 15px;
    font-weight: bold;
    color: #979AA4;
    text-align: center
}

@media(min-width:600px) {
    .ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-charges,
    .ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-spell-name,
    .ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-save-dc,
    .ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-cast-level {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:800px) {
    .ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-charges,
    .ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-spell-name,
    .ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-save-dc,
    .ddb-homebrew-create-magic-item-spell .ddb-homebrew-create-form-fields-item-cast-level {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-ability-score,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-dice-count,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-dice-type,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-fixed,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-restriction,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-duration-interval,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-duration-unit,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-attunement {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-modifier,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-ability-score,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-dice-type,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-dice-count,
    .ddb-homebrew-create-magic-item-modifier .ddb-homebrew-create-form-fields-item-fixed {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:420px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }
}

@media(min-width:720px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:420px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:420px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-size,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-type,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-sub-type,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-swarm {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:720px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-size,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-type,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-sub-type,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-swarm {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-size,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-type,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-sub-type,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-swarm {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-sub-type {
    font-size: 15px!important
}

@media(min-width:420px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-cr,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-alignment {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-cr,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-alignment {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-ac,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-ac-type {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(min-width:600px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-ac,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-ac-type {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-ac,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-ac-type {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-hp-avg,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-hp-modifier,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-hp-die-count,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-hp-die-value {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(min-width:450px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-hp-avg,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-hp-modifier,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-hp-die-count,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-hp-die-value {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-str,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-dex,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-con,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-int,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-wis,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-cha {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%
}

@media(min-width:600px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-str,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-dex,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-con,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-int,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-wis,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-cha {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-saving-throws,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-damage-adjustment,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-condition-immunity,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-environment {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-saving-throws,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-damage-adjustment,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-condition-immunity,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-environment {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:440px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-passive-perception {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-passive-perception {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-has-lair,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-is-legendary {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(min-width:440px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-has-lair,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-is-legendary {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-has-lair,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-is-legendary {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-long-description,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-legendary-description,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-long-source-description,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-pronunciation-url {
        -webkit-flex-basis: 50%!important;
        -ms-flex-preferred-size: 50%!important;
        flex-basis: 50%!important
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-tags {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-avatar,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-large-avatar {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-special-traits-description,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-actions-description,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-reactions-description,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-legendary-actions-description,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-monster-characteristics-description,
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-fields-item-lair-description {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

.ddb-homebrew-create-monster-skill .ddb-homebrew-create-form-fields-item-skill {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.ddb-homebrew-create-monster-skill .ddb-homebrew-create-form-fields-item-value,
.ddb-homebrew-create-monster-skill .ddb-homebrew-create-form-fields-item-bonus {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(min-width:768px) {
    .ddb-homebrew-create-monster-skill .ddb-homebrew-create-form-fields-item-skill,
    .ddb-homebrew-create-monster-skill .ddb-homebrew-create-form-fields-item-value,
    .ddb-homebrew-create-monster-skill .ddb-homebrew-create-form-fields-item-bonus {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:450px) {
    .ddb-homebrew-create-monster-sense .ddb-homebrew-create-form-fields-item-sense {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

.ddb-homebrew-create-monster-sense .ddb-homebrew-create-form-fields-item-note {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(min-width:450px) {
    .ddb-homebrew-create-monster-sense .ddb-homebrew-create-form-fields-item-note {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }
}

.ddb-homebrew-create-monster-movement .ddb-homebrew-create-form-fields-item-movement,
.ddb-homebrew-create-monster-movement .ddb-homebrew-create-form-fields-item-speed {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(min-width:600px) {
    .ddb-homebrew-create-monster-combat .ddb-homebrew-create-form-fields-item-title,
    .ddb-homebrew-create-monster-combat .ddb-homebrew-create-form-fields-item-description {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-language .ddb-homebrew-create-form-fields-item-language,
    .ddb-homebrew-create-language .ddb-homebrew-create-form-fields-item-note,
    .ddb-homebrew-create-language .ddb-homebrew-create-form-fields-item-type {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-background .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-background .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 450px;
        -ms-flex-preferred-size: 450px;
        flex-basis: 450px
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-background .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 630px;
        -ms-flex-preferred-size: 630px;
        flex-basis: 630px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-background .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-background .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 135px;
        -ms-flex-preferred-size: 135px;
        flex-basis: 135px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-background .ddb-homebrew-create-form-fields-item-snippet {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-background .ddb-homebrew-create-form-fields-item-snippet {
        -webkit-flex-basis: 450px;
        -ms-flex-preferred-size: 450px;
        flex-basis: 450px
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-background .ddb-homebrew-create-form-fields-item-snippet {
        -webkit-flex-basis: 630px;
        -ms-flex-preferred-size: 630px;
        flex-basis: 630px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-prerequisites {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-prerequisites {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-snippet {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-snippet {
        -webkit-flex-basis: 450px;
        -ms-flex-preferred-size: 450px;
        flex-basis: 450px
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-snippet {
        -webkit-flex-basis: 630px;
        -ms-flex-preferred-size: 630px;
        flex-basis: 630px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-activation-time {
        -webkit-flex-basis: 50px;
        -ms-flex-preferred-size: 50px;
        flex-basis: 50px
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-activation-time {
        -webkit-flex-basis: 50px;
        -ms-flex-preferred-size: 50px;
        flex-basis: 50px
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-activation-time {
        -webkit-flex-basis: 50px;
        -ms-flex-preferred-size: 50px;
        flex-basis: 50px
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-activation-type {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-activation-type {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-fields-item-activation-type {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-sp {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-sp {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-sp {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-sp-level {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-sp-level {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-sp-level {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-sp-class {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-sp-class {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-sp-class {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-attack-type {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-attack-type {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-attack-type {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-number-of-uses {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-number-of-uses {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-number-of-uses {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-reset-type {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-reset-type {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-reset-type {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-cast-at-level {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-cast-at-level {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-cast-at-level {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-casting-time {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-casting-time {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-casting-time {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-activation-type {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-activation-type {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-activation-type {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-origin-type {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-origin-type {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-origin-type {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-range {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-range {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-range {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-ability-score {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-ability-score {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-ability-score {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-consumes-slot {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-consumes-slot {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-consumes-slot {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-known-spell {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-known-spell {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-known-spell {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-always-prepared {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-always-prepared {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-always-prepared {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-character-level {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-character-level {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-character-level {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-min-charges {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-min-charges {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-min-charges {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-max-charges {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-max-charges {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-max-charges {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-save-dc {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-save-dc {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-spmapping .ddb-homebrew-create-form-fields-item-save-dc {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-prereq .ddb-homebrew-create-form-fields-item-mapping .ddb-homebrew-create-prereq .ddb-homebrew-create-form-fields-item-prereq-type {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-prereq .ddb-homebrew-create-form-fields-item-mapping .ddb-homebrew-create-prereq .ddb-homebrew-create-form-fields-item-prereq-type {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-prereq .ddb-homebrew-create-form-fields-item-mapping .ddb-homebrew-create-prereq .ddb-homebrew-create-form-fields-item-prereq-subtype {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-prereq .ddb-homebrew-create-form-fields-item-mapping .ddb-homebrew-create-prereq .ddb-homebrew-create-form-fields-item-prereq-subtype {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-prereq .ddb-homebrew-create-form-fields-item-mapping .ddb-homebrew-create-prereq .ddb-homebrew-create-form-fields-item-value {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-version,
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-size {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-version,
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-size {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-speed-walking,
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-speed-burrowing,
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-speed-climbing,
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-speed-flying,
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-speed-swimming {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-speed-walking,
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-speed-burrowing,
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-speed-climbing,
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-speed-flying,
    .ddb-homebrew-create-race .ddb-homebrew-create-form-fields-item-speed-swimming {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-activation-time,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-activation-type,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-duration-unit,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-reset-type,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-display-order {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-activation-time,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-activation-type,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-duration-unit,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-reset-type,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-display-order {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-hide-in-builder,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-hide-in-sheet,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-replace-trait {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-hide-in-builder,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-hide-in-sheet,
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-fields-item-replace-trait {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-source {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-source {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-activation-time,
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-activation-type,
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-is-granted,
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-dependent-racial-trait-option {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-activation-time,
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-activation-type,
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-is-granted,
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-fields-item-dependent-racial-trait-option {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-fields-item-can-cast-spells,
    .ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-fields-item-stat,
    .ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-fields-item-spell-prepare-type,
    .ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-fields-item-knows-all-spells {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-fields-item-can-cast-spells,
    .ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-fields-item-stat,
    .ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-fields-item-spell-prepare-type,
    .ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-fields-item-knows-all-spells {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-version {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-stat,
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-can-cast,
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-additional-spells,
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-prepare-type,
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-knows-all-spells {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-stat,
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-can-cast,
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-additional-spells,
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-prepare-type,
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-fields-item-knows-all-spells {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-name {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-activation-time,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-activation-type,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-required-level,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-display-order {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-activation-time,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-activation-type,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-required-level,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-display-order {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-has-options,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-options-known,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-hide-in-builder,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-hide-in-sheet {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-has-options,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-options-known,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-hide-in-builder,
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-fields-item-hide-in-sheet {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-fields-item-activation-time,
    .ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-fields-item-activation-type,
    .ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-fields-item-required-level,
    .ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-fields-item-is-granted {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-fields-item-activation-time,
    .ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-fields-item-activation-type,
    .ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-fields-item-required-level,
    .ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-fields-item-is-granted {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-level-scale .ddb-homebrew-create-form-fields-item-level,
    .ddb-homebrew-create-level-scale .ddb-homebrew-create-form-fields-item-dice-count,
    .ddb-homebrew-create-level-scale .ddb-homebrew-create-form-fields-item-dice-value,
    .ddb-homebrew-create-level-scale .ddb-homebrew-create-form-fields-item-fixed-value {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media(min-width:1200px) {
    .ddb-homebrew-create-level-scale .ddb-homebrew-create-form-fields-item-level,
    .ddb-homebrew-create-level-scale .ddb-homebrew-create-form-fields-item-dice-count,
    .ddb-homebrew-create-level-scale .ddb-homebrew-create-form-fields-item-dice-value,
    .ddb-homebrew-create-level-scale .ddb-homebrew-create-form-fields-item-fixed-value {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.ddb-homebrew-create-form-fields-item-label {
    color: #242527;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    display: inline-block;
    position: relative
}

.ddb-homebrew-create-form-fields-item-label.tip {
    cursor: help
}

.ddb-homebrew-create-form-fields-item-label.tip::after {
    display: inline-block;
    font: normal normal normal 14px/1;
    font-size: inherit;
    text-rendering: auto;
    text-align: center;
    content: '\f059';
    color: #333;
    margin-left: 5px
}

.ddb-homebrew-create-form-fields-item-label.req::before {
    content: "*";
    color: red;
    position: absolute;
    right: 20px
}

.ddb-homebrew-create-form-fields-item-label.req::after {
    margin-left: 15px
}

.ddb-homebrew-create-form-fields-item .disabled {
    pointer-events: none;
    opacity: .35!important
}

.ddb-homebrew-create-form-fields-item.boolean {
    padding-top: 2.25em;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ddb-homebrew-create-form-fields-item.boolean .ddb-homebrew-create-form-fields-item-input {
    margin-right: 5px
}

@media(min-width:600px) {
    .ddb-homebrew-create-form-fields-item-avatar,
    .ddb-homebrew-create-form-fields-item-large-avatar {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

.ddb-homebrew-create-form-fields-item-avatar .ddb-homebrew-create-form-fields-item-input,
.ddb-homebrew-create-form-fields-item-large-avatar .ddb-homebrew-create-form-fields-item-input {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ddb-homebrew-create-form-fields-item-avatar .listing-avatar,
.ddb-homebrew-create-form-fields-item-large-avatar .listing-avatar {
    height: 150px;
    width: 150px;
    margin-top: 20px
}

@media(min-width:600px) {
    .ddb-homebrew-create-form-fields-admin .ddb-homebrew-create-form-fields-item {
        display: inline-block;
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

.ddb-homebrew-create-form-fields-admin .ddb-homebrew-create-form-fields-item-label {
    color: #f0a
}

.ddb-homebrew-create-form input[type=text] {
    height: 50px;
    width: 100%;
    padding: 10px;
    border: 1px solid #d8dde3;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    border-radius: 0;
    font-size: 15px
}

.ddb-homebrew-create-form select {
    height: 50px;
    width: 100%;
    border-radius: 0;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    border: 1px solid #d8dde3;
    font-size: 15px
}

.ddb-homebrew-create-form .is-select2-select .select2-choice {
    border-radius: 0!important;
    border-color: #D8DDE3!important;
    background-image: none!important;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    display: table;
    height: 50px;
    width: 100%
}

.ddb-homebrew-create-form .is-select2-select .select2-choice .select2-chosen {
    height: 100%;
    vertical-align: middle;
    display: table-cell
}

.ddb-homebrew-create-form .is-select2-select .select2-choice .select2-arrow {
    background: 0;
    border: 0;
    top: 10px
}

.select2-drop {
    border-radius: 0!important;
    border-color: #D8DDE3!important
}

.ddb-homebrew-create-form textarea {
    height: 100px;
    border-radius: 0
}

.ddb-homebrew-create-form-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 -10px
}

@media(min-width:800px) {
    .ddb-homebrew-create-form-footer {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-footer {
        margin: 0
    }
    .body-rpgspell-managespellscreate .ddb-homebrew-create-form-footer,
    .body-rpgmonster-managemonsterscreate .ddb-homebrew-create-form-footer,
    .body-rpgmagicitem-managemagicitemscreate .ddb-homebrew-create-form-footer,
    .body-rpgbackground-managebackgroundscreate .ddb-homebrew-create-form-footer {
        padding: 0
    }
}

@media(min-width:600px) {
    .ddb-homebrew-create-form-footer-subform {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(min-width:800px) {
    .ddb-homebrew-create-form-footer-subform {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-footer-subform {
        padding: 0 10px
    }
}

.ddb-homebrew-create-form-footer-subform .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #45cef7;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    margin: 10px!important;
    height: 50px!important
}

.ddb-homebrew-create-form-footer-subform .button:hover {
    background: #76dbf9
}

.ddb-homebrew-create-form-footer-subform .button,
.ddb-homebrew-create-form-footer-subform .button:hover,
.ddb-homebrew-create-form-footer-subform .button:focus,
.ddb-homebrew-create-form-footer-subform .button:active,
.ddb-homebrew-create-form-footer-subform .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-footer-subform .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-form-footer-subform .button:hover {
    transition: 100ms linear all;
    background: #76dbf9
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-footer-subform .button {
        max-width: 200px!important;
        font-size: 15px!important
    }
}

.ddb-homebrew-create-form-footer-subform .button-cancel {
    max-width: 100px;
    width: 100px;
    min-width: 0
}

.ddb-homebrew-create-form-footer-subform .button-cancel,
.ddb-homebrew-create-form-footer-subform .button-cancel:hover,
.ddb-homebrew-create-form-footer-subform .button-cancel:focus,
.ddb-homebrew-create-form-footer-subform .button-cancel:active,
.ddb-homebrew-create-form-footer-subform .button-cancel:visited {
    color: #979AA4!important;
    background: transparent!important
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-footer-subform .button[type="submit"] {
        max-width: 180px!important
    }
}

.ddb-homebrew-create-form-footer .button {
    margin: 10px!important;
    height: 50px!important
}

.ddb-homebrew-create-monster .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #bc0f0f;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-monster .ddb-homebrew-create-form-footer .button:hover {
    background: #eb1313
}

.ddb-homebrew-create-monster .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-monster .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-monster .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-monster .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #eb1313
}

.ddb-homebrew-create-magic-item .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #0f5cbc;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-magic-item .ddb-homebrew-create-form-footer .button:hover {
    background: #1373eb
}

.ddb-homebrew-create-magic-item .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-magic-item .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-magic-item .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-magic-item .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-magic-item .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-magic-item .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-magic-item .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #1373eb
}

.ddb-homebrew-create-spell .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #704cd9;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-spell .ddb-homebrew-create-form-footer .button:hover {
    background: #9276e2
}

.ddb-homebrew-create-spell .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-spell .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-spell .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-spell .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-spell .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-spell .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-spell .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #9276e2
}

.ddb-homebrew-create-background .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-background .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-background .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-background .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-background .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-background .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-background .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-background .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-background .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-background-characteristic .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-background-characteristic .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-background-characteristic .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-background-characteristic .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-background-characteristic .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-background-characteristic .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-background-characteristic .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-background-characteristic .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-background-characteristic .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-background-attribute .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-background-attribute .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-background-attribute .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-background-attribute .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-background-attribute .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-background-attribute .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-background-attribute .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-background-attribute .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-background-attribute .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-feat .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-feat .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-feat .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-feat .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-feat .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-feat .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-feat .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-feat .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-feat .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-race .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-race .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-race .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-race .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-race .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-race .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-race .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-race .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-race .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-sub-race .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-sub-race .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-sub-race .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-sub-race .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-sub-race .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-sub-race .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-sub-race .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-sub-race .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-sub-race .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-subclass .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-subclass .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-subclass .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-subclass .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-subclass .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-subclass .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-subclass .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-subclass .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-subclass .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-class-feature .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-class-feature .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-class-feature .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-class-feature .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-class-feature .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-class-feature .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-class-feature .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-class-feature .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-class-feature .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-footer .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-footer .button:hover {
    background: #ff9e22
}

.ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-footer .button,
.ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-footer .button:hover,
.ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-footer .button:focus,
.ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-footer .button:active,
.ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-footer .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-footer .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-footer .button:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-footer .button {
        max-width: 200px!important;
        font-size: 15px!important
    }
}

.ddb-homebrew-create-form-footer .button-cancel {
    max-width: 100px;
    width: 100px;
    min-width: 0
}

.ddb-homebrew-create-form-footer .button-cancel,
.ddb-homebrew-create-form-footer .button-cancel:hover,
.ddb-homebrew-create-form-footer .button-cancel:focus,
.ddb-homebrew-create-form-footer .button-cancel:active,
.ddb-homebrew-create-form-footer .button-cancel:visited {
    color: #979AA4!important;
    background: transparent!important
}

@media(min-width:1024px) {
    .ddb-homebrew-create-form-footer .button[type="submit"] {
        max-width: 180px!important
    }
}

.ddb-homebrew-create-form-footer-text {
    border: 1px solid #979AA4;
    border-radius: 3px;
    background-color: #fff;
    padding: 15px 30px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #979AA4;
    text-align: center;
    margin: 0 20px
}

.ddb-homebrew-create-spell .ddb-homebrew-create-form-footer-text {
    color: #704cd9;
    border-color: #704cd9
}

.ddb-homebrew-create-monster .ddb-homebrew-create-form-footer-text {
    color: #bc0f0f;
    border-color: #bc0f0f
}

.ddb-homebrew-create-magic-item .ddb-homebrew-create-form-footer-text {
    color: #0f5cbc;
    border-color: #0f5cbc
}

.ddb-homebrew-create-background .ddb-homebrew-create-form-footer-text {
    color: #ee8600;
    border-color: #ee8600
}

.ddb-homebrew-create-feat .ddb-homebrew-create-form-footer-text {
    color: #ee8600;
    border-color: #ee8600
}

.ddb-homebrew-create-race .ddb-homebrew-create-form-footer-text {
    color: #ee8600;
    border-color: #ee8600
}

.ddb-homebrew-create-racial-trait .ddb-homebrew-create-form-footer-text {
    color: #ee8600;
    border-color: #ee8600
}

.ddb-homebrew-create-racial-trait-option .ddb-homebrew-create-form-footer-text {
    color: #ee8600;
    border-color: #ee8600
}

.ddb-homebrew-create-sub-race .ddb-homebrew-create-form-footer-text {
    color: #ee8600;
    border-color: #ee8600
}

.ddb-homebrew-create-subclass .ddb-homebrew-create-form-footer-text {
    color: #ee8600;
    border-color: #ee8600
}

.ddb-homebrew-create-class-feature .ddb-homebrew-create-form-footer-text {
    color: #ee8600;
    border-color: #ee8600
}

.ddb-homebrew-create-class-feature-option .ddb-homebrew-create-form-footer-text {
    color: #ee8600;
    border-color: #ee8600
}

.ddb-homebrew-create-rpgclass .ddb-homebrew-create-form-footer-text {
    color: #ee8600;
    border-color: #ee8600
}

.ddb-homebrew-create-special {
    padding: 10px 0
}

.ddb-homebrew-create-special .ddb-homebrew-create-header {
    padding-bottom: 10px
}

.ddb-homebrew-create-special .ddb-homebrew-create-header-primary,
.ddb-homebrew-create-special .ddb-homebrew-create-header-secondary {
    padding: 0
}

.ddb-homebrew-create-special-container {
    padding-top: 30px
}

@media(min-width:600px) {
    .ddb-homebrew-create-special-body .button {
        display: none!important
    }
}

.ddb-homebrew-create-special-body .listing th,
.ddb-homebrew-create-special-body .listing td {
    text-align: left!important
}

.ddb-homebrew-create-special .listing-container {
    padding-top: 0!important
}

.ddb-homebrew-create-special .listing-body {
    overflow-x: auto
}

.ddb-homebrew-create-special .listing-body table {
    border-collapse: collapse;
    margin: 20px 0
}

.ddb-homebrew-create-special .listing-body table.compendium-left-aligned-table th {
    text-align: left
}

.ddb-homebrew-create-special .listing-body table,
.ddb-homebrew-create-special .listing-body table th,
.ddb-homebrew-create-special .listing-body table td {
    border: 1px solid #edeae8
}

.ddb-homebrew-create-special .listing-body table th,
.ddb-homebrew-create-special .listing-body table td {
    font-size: 14px
}

.ddb-homebrew-create-special .listing-body table th.left-align,
.ddb-homebrew-create-special .listing-body table td.left-align {
    text-align: left!important
}

.ddb-homebrew-create-special .listing-body table th.uppercase,
.ddb-homebrew-create-special .listing-body table td.uppercase {
    text-transform: uppercase!important
}

.ddb-homebrew-create-special .listing-body table td {
    text-align: center;
    padding: 10px 20px
}

.ddb-homebrew-create-special .listing-body table td p {
    font-size: 14px
}

.ddb-homebrew-create-special .listing-body table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.ddb-homebrew-create-special .listing-body table tbody tr {
    background: #fff
}

.ddb-homebrew-create-special .listing-body table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.ddb-homebrew-create-special .listing-body table tbody tr td.left-align {
    text-align: left!important
}

.ddb-homebrew-create-special .listing-body table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.ddb-homebrew-create-special .listing-body table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.ddb-homebrew-create-special .listing-body .b-table-a th .asc,
.ddb-homebrew-create-special .listing-body .b-shoutbox-a .shoutbox-messages>table.listing th .asc,
.b-shoutbox-a .ddb-homebrew-create-special .listing-body .shoutbox-messages>table.listing th .asc {
    padding-right: 0
}

.ddb-homebrew-create-special .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #45cef7;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    margin: 0
}

.ddb-homebrew-create-special .button:hover {
    background: #76dbf9
}

.ddb-homebrew-create-special .button,
.ddb-homebrew-create-special .button:hover,
.ddb-homebrew-create-special .button:focus,
.ddb-homebrew-create-special .button:active,
.ddb-homebrew-create-special .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-homebrew-create-special .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-homebrew-create-special .button:hover {
    transition: 100ms linear all;
    background: #76dbf9
}

@media(min-width:1024px) {
    .ddb-homebrew-create-special .button {
        max-width: 200px
    }
}

.ddb-homebrew-create-special .ddb-homebrew-create-language .button {
    margin: 10px
}

.homebrew-creation-actions {
    margin: 0 -10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.homebrew-creation-actions-item {
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px
}

.homebrew-creation-actions-item,
.homebrew-creation-actions-item:hover,
.homebrew-creation-actions-item:focus,
.homebrew-creation-actions-item:active,
.homebrew-creation-actions-item:visited {
    color: #45cef7!important
}

.homebrew-creation-actions-item-delete,
.homebrew-creation-actions-item-delete:hover,
.homebrew-creation-actions-item-delete:focus,
.homebrew-creation-actions-item-delete:active,
.homebrew-creation-actions-item-delete:visited {
    color: red!important
}

@media print {
    .homebrew-creation-actions {
        display: none
    }
}

.homebrew-details-footer {
    margin-top: 15px;
    height: 50px
}

.homebrew-details-footer .toggle-button {
    float: left
}

.homebrew-details-footer .report-button {
    width: 150px;
    float: left
}

.homebrew-details-footer .report-button a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background: #242527;
    margin-left: 10px;
    cursor: pointer;
    width: 150px;
    height: 35px
}

.homebrew-details-footer .report-button a,
.homebrew-details-footer .report-button a:hover,
.homebrew-details-footer .report-button a:focus,
.homebrew-details-footer .report-button a:active,
.homebrew-details-footer .report-button a:visited {
    color: #fff!important
}

.homebrew-details-footer .report-button a .report-button-inner {
    margin: 0 auto
}

.homebrew-details-footer .report-button a .report-button-inner i.fa-flag {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/flag.svg)!important;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background: center center transparent no-repeat;
    background-size: 18px
}

.homebrew-details-footer .report-button a .report-button-inner span {
    text-transform: uppercase;
    color: #fff!important;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    margin-left: 5px
}

.homebrew-details-footer .report-button a:hover {
    background: #464749
}

.homebrew-details-footer .ratings {
    width: 150px;
    height: 50px;
    float: right;
    margin-top: -3px
}

.homebrew-details-footer .ratings .rating-form {
    float: right
}

.homebrew-details-footer .ratings .rating-up {
    float: left;
    margin-right: 5px;
    height: 35px;
    width: 35px;
    border-radius: 3px;
    background-color: #242527;
    color: #fff;
    text-align: center;
    position: relative
}

.homebrew-details-footer .ratings .rating-up::before {
    font-family: 'cobalt-ui';
    content: '\f062';
    font-size: 22px;
    text-align: center;
    position: relative;
    top: 2px
}

.homebrew-details-footer .ratings .rating-up input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.homebrew-details-footer .ratings .rating-sum {
    display: none!important
}

.homebrew-details-footer .ratings .rating-down {
    float: left;
    margin-right: 5px;
    height: 35px;
    width: 35px;
    border-radius: 3px;
    background-color: #242527;
    color: #fff;
    text-align: center;
    position: relative
}

.homebrew-details-footer .ratings .rating-down::before {
    font-family: 'cobalt-ui';
    content: '\f063';
    font-size: 22px;
    text-align: center;
    position: relative;
    top: 2px
}

.homebrew-details-footer .ratings .rating-down input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.homebrew-details-footer .ratings .ratingSelected::before {
    font-family: 'cobalt-ui';
    content: '\f0e2';
    font-size: 22px;
    text-align: center;
    position: relative;
    top: 2px;
    left: 2px
}

.homebrew-details-footer .ratings .rating-disabled {
    display: none
}

.homebrew-previous-versions {
    padding-top: 30px
}

.homebrew-previous-versions .h2 {
    padding: 0!important
}

.homebrew-previous-versions .h2 h2 {
    color: #242527!important;
    font-size: 24px!important
}

.homebrew-versions-listing {
    padding-top: 0!important
}

.homebrew-versions-listing table {
    border-collapse: collapse;
    margin: 20px 0
}

.homebrew-versions-listing table.compendium-left-aligned-table th {
    text-align: left
}

.homebrew-versions-listing table,
.homebrew-versions-listing table th,
.homebrew-versions-listing table td {
    border: 1px solid #edeae8
}

.homebrew-versions-listing table th,
.homebrew-versions-listing table td {
    font-size: 14px
}

.homebrew-versions-listing table th.left-align,
.homebrew-versions-listing table td.left-align {
    text-align: left!important
}

.homebrew-versions-listing table th.uppercase,
.homebrew-versions-listing table td.uppercase {
    text-transform: uppercase!important
}

.homebrew-versions-listing table td {
    text-align: center;
    padding: 10px 20px
}

.homebrew-versions-listing table td p {
    font-size: 14px
}

.homebrew-versions-listing table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.homebrew-versions-listing table tbody tr {
    background: #fff
}

.homebrew-versions-listing table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.homebrew-versions-listing table tbody tr td.left-align {
    text-align: left!important
}

.homebrew-versions-listing table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.homebrew-versions-listing table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.homebrew-versions-listing .listing-body {
    overflow: auto
}

.homebrew-versions-listing table.listing {
    margin: 0
}

.homebrew-versions-listing table.listing td {
    background: 0;
    padding: 10px;
    font-size: 14px
}

.homebrew-versions-listing table.listing td .link,
.homebrew-versions-listing table.listing td .link:hover,
.homebrew-versions-listing table.listing td .link:focus,
.homebrew-versions-listing table.listing td .link:active,
.homebrew-versions-listing table.listing td .link:visited {
    color: #45cef7
}

.ddb-homebrew-rejection {
    background: rgba(255, 0, 0, 0.1);
    border: 1px solid rgba(255, 0, 0, 0.3);
    padding: 10px;
    margin-bottom: 20px
}

.ddb-homebrew-rejection-label {
    display: inline;
    color: #f00;
    font-weight: bold
}

.ddb-homebrew-rejection-description {
    display: inline
}

.ddb-homebrew-rejection-description-moderator-note {
    display: inline;
    font-style: italic
}

.ddb-homebrew-rejection-label,
.ddb-homebrew-rejection-description {
    font-size: 14px;
    line-height: 21px
}

.homebrew-status-moderation-approved {
    color: #47D18C!important
}

.homebrew-status-moderation-never-submitted {
    color: #105DBC!important
}

.homebrew-status-moderation-in-moderation {
    color: #FEA227!important
}

.homebrew-status-moderation-rejected {
    color: #bc1010!important
}

.subrace-variant-callout {
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    -webkit-flex-direction: row!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
    margin-top: 15px!important;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%!important;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.subrace-variant-callout-description {
    margin-left: 2em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.subrace-variant-callout-label {
    font-weight: bold;
    font-size: 16px
}

.subrace-variant-callout-link {
    margin-left: 1em;
    font-size: 16px!important
}

.subrace-variant-callout-link h1 {
    color: inherit
}

.subrace-variant-callout-portrait {
    max-width: 50px;
    max-height: 50px
}

.toggle-in-collection {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #45cef7;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    border-radius: 3px;
    cursor: pointer
}

.toggle-in-collection:hover {
    background: #76dbf9
}

.toggle-in-collection,
.toggle-in-collection:hover,
.toggle-in-collection:focus,
.toggle-in-collection:active,
.toggle-in-collection:visited {
    color: #fff
}

@media(min-width:1024px) {
    .toggle-in-collection {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.toggle-in-collection:hover {
    transition: 100ms linear all;
    background: #76dbf9
}

.toggle-in-collection .label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.toggle-in-collection .label,
.toggle-in-collection .label:hover,
.toggle-in-collection .label:focus,
.toggle-in-collection .label:active,
.toggle-in-collection .label:visited {
    color: #fff!important
}

.toggle-in-collection .label::before {
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 3px
}

.toggle-in-collection .label.loading {
    background-image: none;
    padding-right: 0
}

.toggle-in-collection.in-collection-true .label::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/homebrew/remove.png")
}

.toggle-in-collection.in-collection-false .label::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/homebrew/add.png")
}

.i-hamburger,
.i-concentration,
.i-homebrew,
.i-spell-melee,
.i-spell-ranged,
.i-favorite,
.i-strength-save,
.i-dexterity-save,
.i-constitution-save,
.i-charisma-save,
.i-wisdom-save,
.i-intelligence-save,
.i-type-acid,
.i-type-bludgeoning,
.i-type-cold,
.i-type-fire,
.i-type-force,
.i-type-lightning,
.i-type-necrotic,
.i-type-piercing,
.i-type-poison,
.i-type-psychic,
.i-type-radiant,
.i-type-slashing,
.i-type-thunder,
.i-condition-blinded,
.i-condition-charmed,
.i-condition-deafened,
.i-condition-exhaustion,
.i-condition-exhausted,
.i-condition-frightened,
.i-condition-grappled,
.i-condition-incapacitated,
.i-condition-invisible,
.i-condition-paralyzed,
.i-condition-petrified,
.i-condition-poisoned,
.i-condition-prone,
.i-condition-restrained,
.i-condition-stunned,
.i-condition-unconscious,
.i-condition-white-blinded,
.i-condition-white-charmed,
.i-condition-white-deafened,
.i-condition-white-exhaustion,
.i-condition-white-exhausted,
.i-condition-white-frightened,
.i-condition-white-grappled,
.i-condition-white-incapacitated,
.i-condition-white-invisible,
.i-condition-white-paralyzed,
.i-condition-white-petrified,
.i-condition-white-poisoned,
.i-condition-white-prone,
.i-condition-white-restrained,
.i-condition-white-stunned,
.i-condition-white-unconscious,
.i-aoe-cone,
.i-aoe-cube,
.i-aoe-cylinder,
.i-aoe-line,
.i-aoe-sphere,
.i-aoe-square,
.i-bard,
.i-cleric,
.i-druid,
.i-paladin,
.i-ranger,
.i-sorcerer,
.i-warlock,
.i-wizard,
.i-barbarian,
.i-fighter,
.i-monk,
.i-rogue,
.i-aberration,
.i-beast,
.i-celestial,
.i-construct,
.i-dragon,
.i-elemental,
.i-fey,
.i-fiend,
.i-giant,
.i-humanoid,
.i-monstrosity,
.i-ooze,
.i-plant,
.i-undead,
.i-ritual,
.i-req-attunement,
.i-legendary-monster,
.i-checkmark {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    text-indent: -99999px;
    background-position: center center;
    background-repeat: no-repeat
}

.i-hamburger {
    position: relative;
    margin-right: 13px
}

.i-hamburger::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 100%;
    height: 2px;
    background: #979aa4;
    box-shadow: 0 5px 0 0 #979aa4, 0 10px 0 0 #979aa4
}

.i-concentration {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/core_mechanics/concentration.svg)
}

.rpgspell-listing .i-concentration {
    margin-left: 3px
}

.i-homebrew {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/homebrew.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px 8px;
    background-color: #45cef7;
    border-radius: 50%;
    margin-right: 3px
}

.i-spell-melee {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/melee_spell.svg)
}

.i-spell-ranged {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/ranged_spell.svg)
}

.i-favorite {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/fav_star.svg);
    background-position: 0 0;
    background-size: cover;
    height: 20px;
    width: 20px
}

.i-favorite.joe-blow {
    background-position: -20px 0
}

.i-strength-save {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/strength.svg)
}

.i-dexterity-save {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/dexterity.svg)
}

.i-constitution-save {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/constitution.svg)
}

.i-charisma-save {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/charisma.svg)
}

.i-wisdom-save {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/wisdom.svg)
}

.i-intelligence-save {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/intelligence.svg)
}

.i-type-acid {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/acid.svg)
}

.i-type-bludgeoning {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/bludgeoning.svg)
}

.i-type-cold {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/cold.svg)
}

.i-type-fire {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/fire.svg)
}

.i-type-force {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/force.svg)
}

.i-type-lightning {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/lightning.svg)
}

.i-type-necrotic {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/necrotic.svg)
}

.i-type-piercing {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/piercing.svg)
}

.i-type-poison {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/poison.svg)
}

.i-type-psychic {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/psychic.svg)
}

.i-type-radiant {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/radiant.svg)
}

.i-type-slashing {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/slashing.svg)
}

.i-type-thunder {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/damage_types/thunder.svg)
}

.i-condition-blinded {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/blinded.svg)
}

.i-condition-charmed {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/charmed.svg)
}

.i-condition-deafened {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/deafened.svg)
}

.i-condition-exhaustion {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/exhaustion.svg)
}

.i-condition-exhausted {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/exhausted.svg)
}

.i-condition-frightened {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/frightened.svg)
}

.i-condition-grappled {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/grappled.svg)
}

.i-condition-incapacitated {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/incapacitated.svg)
}

.i-condition-invisible {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/invisible.svg)
}

.i-condition-paralyzed {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/paralyzed.svg)
}

.i-condition-petrified {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/petrified.svg)
}

.i-condition-poisoned {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/poisoned.svg)
}

.i-condition-prone {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/prone.svg)
}

.i-condition-restrained {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/restrained.svg)
}

.i-condition-stunned {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/stunned.svg)
}

.i-condition-unconscious {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/unconscious.svg)
}

.i-condition-white-blinded {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/blinded.svg)
}

.i-condition-white-charmed {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/charmed.svg)
}

.i-condition-white-deafened {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/deafened.svg)
}

.i-condition-white-exhaustion {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/exhaustion.svg)
}

.i-condition-white-exhausted {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/exhausted.svg)
}

.i-condition-white-frightened {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/frightened.svg)
}

.i-condition-white-grappled {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/grappled.svg)
}

.i-condition-white-incapacitated {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/incapacitated.svg)
}

.i-condition-white-invisible {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/invisible.svg)
}

.i-condition-white-paralyzed {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/paralyzed.svg)
}

.i-condition-white-petrified {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/petrified.svg)
}

.i-condition-white-poisoned {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/poisoned.svg)
}

.i-condition-white-prone {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/prone.svg)
}

.i-condition-white-restrained {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/restrained.svg)
}

.i-condition-white-stunned {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/stunned.svg)
}

.i-condition-white-unconscious {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/unconscious.svg)
}

.i-aoe-cone {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/areas_of_effect/cone.svg);
    position: relative;
    top: 3px;
    left: 1px;
    margin-right: 3px
}

.i-aoe-cube {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/areas_of_effect/cube.svg);
    position: relative;
    top: 3px;
    left: 1px;
    margin-right: 3px
}

.i-aoe-cylinder {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/areas_of_effect/cylinder.svg);
    position: relative;
    top: 3px;
    left: 1px;
    margin-right: 3px
}

.i-aoe-line {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/areas_of_effect/line.svg);
    position: relative;
    top: 3px;
    left: 1px;
    margin-right: 3px
}

.i-aoe-sphere {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/areas_of_effect/sphere.svg);
    position: relative;
    top: 3px;
    left: 1px;
    margin-right: 3px
}

.i-aoe-square {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/areas_of_effect/square.svg);
    position: relative;
    top: 3px;
    left: 1px;
    margin-right: 3px
}

.i-bard {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/bard_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-cleric {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/cleric_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-druid {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/druid_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-paladin {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/paladin_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-ranger {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/ranger_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-sorcerer {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/sorcerer_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-warlock {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/warlock_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-wizard {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/wizard_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-barbarian {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/barbarian_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-fighter {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/fighter_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-monk {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/monk_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-rogue {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/classes/rogue_icon@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-aberration {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/aberration_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-beast {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/beast_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-celestial {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/celestial_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-construct {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/construct_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-dragon {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/dragon_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-elemental {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/elemental_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-fey {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/fey_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-fiend {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/fiend_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-giant {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/giant_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-humanoid {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/humanoid_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-monstrosity {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/monstrosity_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-ooze {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/ooze_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-plant {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/plant_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-undead {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/undead_icon.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain
}

.i-aoe-square {
    top: 2px;
    left: 1px;
    height: 13px;
    width: 13px
}

.i-type-acid {
    margin-right: 0;
    width: 15px
}

.i-ritual,
.i-req-attunement {
    background-size: cover;
    height: 12px;
    width: 12px;
    margin-left: 3px
}

.i-ritual {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/core_mechanics/ritual.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.i-req-attunement {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attunement.png)
}

.i-legendary-monster {
    height: 12px;
    width: 12px;
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/legendary-monster.svg);
    margin-left: 3px
}

.body-rpgmonster-details .i-legendary-monster {
    height: 16px;
    width: 16px
}

.i-checkmark {
    height: 20px;
    width: 20px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/yes-no/check-black.svg");
    background-size: cover
}

body.lb-disable-scrolling #site {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.line {
    width: 100%;
    height: 1px;
    background-color: #1b9af0
}

.line.height3 {
    height: 3px
}

.line.height2 {
    height: 2px
}

.line.marginBottom10 {
    margin-bottom: 10px
}

.line.marginBottom20,
.line.marginbottom20 {
    margin-bottom: 20px
}

.line.marginBottom30 {
    margin-bottom: 30px
}

.line.marginTop20 {
    margin-top: 20px
}

.line.marginTop15 {
    margin-top: 15px
}

.line.marginTop10 {
    margin-top: 10px
}

.line.character {
    background-color: #ee8600
}

.line.rule,
.line.compendium {
    background-color: #47D18C
}

.line.item,
.line.magic-item,
.line.gear {
    background-color: #0f5cbc
}

.line.monster {
    background-color: #bc0f0f
}

.line.spell {
    background-color: #704cd9
}

.line.forum {
    background-color: #979aa4
}

.line.grey {
    background-color: #979AA4
}

.line.muted {
    background-color: #EDEAE8
}

@media print {
    .body-rpgmonster-details .detail-content .line {
        display: none
    }
}

@media(max-width:1023px) {
    .body-linkout #site-main::before {
        content: none
    }
}

@media(min-width:1024px) {
    .body-linkout #site-main::before {
        top: -65px
    }
    .body-linkout #site #content {
        padding-top: 20px!important
    }
    .body-linkout .b-breadcrumb {
        display: none
    }
}

.ddb-linkout {
    margin: 0 auto;
    width: 100%;
    max-width: 700px
}

.ddb-linkout-header-text {
    text-align: center;
    font-size: 26px;
    color: #242527
}

.ddb-linkout-body-text {
    font-size: 16px;
    color: #242527;
    text-align: center;
    padding: 15px 0 30px
}

.ddb-linkout-body-button-container .link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    background: #1b9af0;
    width: 150px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 auto
}

.ddb-linkout-body-button-container .link,
.ddb-linkout-body-button-container .link:hover,
.ddb-linkout-body-button-container .link:focus,
.ddb-linkout-body-button-container .link:active,
.ddb-linkout-body-button-container .link:visited {
    color: #fff
}

.list-column-header {
    margin: 0 0 10px 0;
    padding: 0 40px 0 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.list-column-header-item {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #242527;
    padding: 0 5px 0 0;
    text-transform: uppercase
}

.list-column-header-item-indicator {
    min-width: 16px;
    width: 16px;
    max-width: 16px
}

.list-column-header-item-spacer-icon {
    min-width: 50px;
    width: 50px;
    max-width: 50px
}

.list-column-header-item.sortable .text {
    cursor: pointer;
    position: relative
}

.list-column-header-item.sortable .text::after,
.list-column-header-item.sortable .text::before {
    content: '';
    display: inline-block;
    height: 10px;
    width: 8px;
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/sort_arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 5px
}

.list-column-header-item.sortable .text::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    right: 0;
    top: -4px
}

.list-column-header-item.sortable .text::after {
    position: relative;
    top: 6px
}

.list-column-header-item.sortable.sort-up .text::before {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/sort_arrow_active.svg)
}

.list-column-header-item.sortable.sort-down .text::after {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/sort_arrow_active.svg)
}

.list-column-header-monster-homebrew .list-column-header-item-cr,
.list-column-header-spell-homebrew .list-column-header-item-cr {
    min-width: 40px;
    width: 40px;
    max-width: 40px
}

.list-column-header-monster-homebrew .list-column-header-item-level,
.list-column-header-spell-homebrew .list-column-header-item-level {
    min-width: 60px;
    width: 60px;
    max-width: 60px
}

.list-column-header-monster-homebrew .list-column-header-item-name,
.list-column-header-spell-homebrew .list-column-header-item-name {
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-column-header-monster-homebrew .list-column-header-item-author,
.list-column-header-spell-homebrew .list-column-header-item-author {
    display: none
}

@media(min-width:630px) {
    .list-column-header-monster-homebrew .list-column-header-item-author,
    .list-column-header-spell-homebrew .list-column-header-item-author {
        display: block;
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

@media(min-width:1200px) {
    .list-column-header-monster-homebrew .list-column-header-item-author,
    .list-column-header-spell-homebrew .list-column-header-item-author {
        min-width: 250px;
        width: 250px;
        max-width: 250px
    }
}

.list-column-header-monster-homebrew .list-column-header-item-adds,
.list-column-header-monster-homebrew .list-column-header-item-views,
.list-column-header-monster-homebrew .list-column-header-item-rating,
.list-column-header-monster-homebrew .list-column-header-item-type,
.list-column-header-monster-homebrew .list-column-header-item-comments,
.list-column-header-spell-homebrew .list-column-header-item-adds,
.list-column-header-spell-homebrew .list-column-header-item-views,
.list-column-header-spell-homebrew .list-column-header-item-rating,
.list-column-header-spell-homebrew .list-column-header-item-type,
.list-column-header-spell-homebrew .list-column-header-item-comments {
    min-width: 100px;
    width: 100px;
    max-width: 100px
}

.list-column-header-monster-homebrew .list-column-header-item-views,
.list-column-header-spell-homebrew .list-column-header-item-views {
    display: none
}

@media(min-width:730px) {
    .list-column-header-monster-homebrew .list-column-header-item-views,
    .list-column-header-spell-homebrew .list-column-header-item-views {
        display: block
    }
}

.list-column-header-monster-homebrew .list-column-header-item-adds,
.list-column-header-spell-homebrew .list-column-header-item-adds {
    display: none
}

@media(min-width:930px) {
    .list-column-header-monster-homebrew .list-column-header-item-adds,
    .list-column-header-spell-homebrew .list-column-header-item-adds {
        display: block
    }
}

.list-column-header-monster-homebrew .list-column-header-item-rating,
.list-column-header-spell-homebrew .list-column-header-item-rating {
    display: none
}

@media(min-width:930px) {
    .list-column-header-monster-homebrew .list-column-header-item-rating,
    .list-column-header-spell-homebrew .list-column-header-item-rating {
        display: block
    }
}

.list-column-header-monster-homebrew .list-column-header-item-comments,
.list-column-header-spell-homebrew .list-column-header-item-comments {
    display: none
}

@media(min-width:1030px) {
    .list-column-header-monster-homebrew .list-column-header-item-comments,
    .list-column-header-spell-homebrew .list-column-header-item-comments {
        display: block
    }
}

.list-column-header-magic-item-homebrew .list-column-header-item-name {
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-column-header-magic-item-homebrew .list-column-header-item-attunement {
    display: none
}

@media(min-width:550px) {
    .list-column-header-magic-item-homebrew .list-column-header-item-attunement {
        display: block;
        min-width: 90px;
        width: 90px;
        max-width: 90px
    }
}

.list-column-header-magic-item-homebrew .list-column-header-item-author {
    display: none
}

@media(min-width:750px) {
    .list-column-header-magic-item-homebrew .list-column-header-item-author {
        display: block;
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

@media(min-width:1200px) {
    .list-column-header-magic-item-homebrew .list-column-header-item-author {
        min-width: 250px;
        width: 250px;
        max-width: 250px
    }
}

.list-column-header-magic-item-homebrew .list-column-header-item-views {
    display: none
}

@media(min-width:850px) {
    .list-column-header-magic-item-homebrew .list-column-header-item-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-magic-item-homebrew .list-column-header-item-comments {
    display: none
}

@media(min-width:950px) {
    .list-column-header-magic-item-homebrew .list-column-header-item-comments {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-magic-item-homebrew .list-column-header-item-adds {
    display: none
}

@media(min-width:1050px) {
    .list-column-header-magic-item-homebrew .list-column-header-item-adds {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-magic-item-homebrew .list-column-header-item-rating {
    display: none
}

@media(min-width:1050px) {
    .list-column-header-magic-item-homebrew .list-column-header-item-rating {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-background .list-column-header-item-name {
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-column-header-background .list-column-header-item-proficiencies {
    display: none
}

@media(min-width:860px) {
    .list-column-header-background .list-column-header-item-proficiencies {
        display: block;
        min-width: 310px;
        width: 310px;
        max-width: 310px
    }
}

.list-column-header-background .list-column-header-item-feature {
    display: none
}

@media(min-width:550px) {
    .list-column-header-background .list-column-header-item-feature {
        display: block;
        min-width: 220px;
        width: 220px;
        max-width: 220px
    }
}

.list-column-header-background .list-column-header-item-tags {
    display: none
}

@media(min-width:1060px) {
    .list-column-header-background .list-column-header-item-tags {
        display: block;
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

.list-column-header-background-homebrew .list-column-header-item-name {
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-column-header-background-homebrew .list-column-header-item-author {
    display: none
}

@media(min-width:750px) {
    .list-column-header-background-homebrew .list-column-header-item-author {
        display: block;
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

@media(min-width:1200px) {
    .list-column-header-background-homebrew .list-column-header-item-author {
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

.list-column-header-background-homebrew .list-column-header-item-views {
    display: none
}

@media(min-width:850px) {
    .list-column-header-background-homebrew .list-column-header-item-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-background-homebrew .list-column-header-item-comments {
    display: none
}

@media(min-width:950px) {
    .list-column-header-background-homebrew .list-column-header-item-comments {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-background-homebrew .list-column-header-item-adds {
    display: none
}

@media(min-width:1050px) {
    .list-column-header-background-homebrew .list-column-header-item-adds {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-background-homebrew .list-column-header-item-rating {
    display: none
}

@media(min-width:1050px) {
    .list-column-header-background-homebrew .list-column-header-item-rating {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-class-homebrew .list-column-header-item-name {
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-column-header-class-homebrew .list-column-header-item-author {
    display: none
}

@media(min-width:750px) {
    .list-column-header-class-homebrew .list-column-header-item-author {
        display: block;
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

@media(min-width:1200px) {
    .list-column-header-class-homebrew .list-column-header-item-author {
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

.list-column-header-class-homebrew .list-column-header-item-views {
    display: none
}

@media(min-width:850px) {
    .list-column-header-class-homebrew .list-column-header-item-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-class-homebrew .list-column-header-item-comments {
    display: none
}

@media(min-width:950px) {
    .list-column-header-class-homebrew .list-column-header-item-comments {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-class-homebrew .list-column-header-item-adds {
    display: none
}

@media(min-width:1050px) {
    .list-column-header-class-homebrew .list-column-header-item-adds {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-class-homebrew .list-column-header-item-ratings {
    display: none
}

@media(min-width:1150px) {
    .list-column-header-class-homebrew .list-column-header-item-ratings {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-class-homebrew .list-column-header-item-baseclass {
    display: none
}

@media(min-width:1250px) {
    .list-column-header-class-homebrew .list-column-header-item-baseclass {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-feat .list-column-header-item-name {
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-column-header-feat .list-column-header-item-tags {
    display: none
}

@media(min-width:770px) {
    .list-column-header-feat .list-column-header-item-tags {
        display: block;
        min-width: 220px;
        width: 220px;
        max-width: 220px
    }
}

.list-column-header-feat .list-column-header-item-notes {
    display: none
}

@media(min-width:550px) {
    .list-column-header-feat .list-column-header-item-notes {
        display: block;
        min-width: 0;
        width: 100%;
        max-width: 100%
    }
}

.list-column-header-feat-homebrew .list-column-header-item-name {
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-column-header-feat-homebrew .list-column-header-item-author {
    display: none
}

@media(min-width:750px) {
    .list-column-header-feat-homebrew .list-column-header-item-author {
        display: block;
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

@media(min-width:1200px) {
    .list-column-header-feat-homebrew .list-column-header-item-author {
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

.list-column-header-feat-homebrew .list-column-header-item-views {
    display: none
}

@media(min-width:850px) {
    .list-column-header-feat-homebrew .list-column-header-item-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-feat-homebrew .list-column-header-item-comments {
    display: none
}

@media(min-width:950px) {
    .list-column-header-feat-homebrew .list-column-header-item-comments {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-feat-homebrew .list-column-header-item-adds {
    display: none
}

@media(min-width:1050px) {
    .list-column-header-feat-homebrew .list-column-header-item-adds {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-feat-homebrew .list-column-header-item-rating {
    display: none
}

@media(min-width:1050px) {
    .list-column-header-feat-homebrew .list-column-header-item-rating {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-equipment .list-column-header-item-name {
    margin-left: 50px;
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-column-header-equipment .list-column-header-item-cost {
    display: none
}

@media(min-width:470px) {
    .list-column-header-equipment .list-column-header-item-cost {
        display: block;
        min-width: 90px;
        width: 90px;
        max-width: 90px
    }
}

.list-column-header-equipment .list-column-header-item-weight {
    display: none
}

@media(min-width:540px) {
    .list-column-header-equipment .list-column-header-item-weight {
        display: block;
        min-width: 90px;
        width: 90px;
        max-width: 90px
    }
}

.list-column-header-equipment .list-column-header-item-damage {
    display: none
}

@media(min-width:650px) {
    .list-column-header-equipment .list-column-header-item-damage {
        display: block;
        min-width: 120px;
        width: 120px;
        max-width: 120px
    }
}

.list-column-header-equipment .list-column-header-item-notes {
    display: none
}

@media(min-width:900px) {
    .list-column-header-equipment .list-column-header-item-notes {
        display: block;
        min-width: 250px;
        width: 250px;
        max-width: 250px
    }
}

@media(min-width:1200px) {
    .list-column-header-equipment .list-column-header-item-notes {
        min-width: 300px;
        width: 300px;
        max-width: 300px
    }
}

.list-column-header-irace-homebrew .list-column-header-item-name {
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-column-header-irace-homebrew .list-column-header-item-author {
    display: none
}

@media(min-width:750px) {
    .list-column-header-irace-homebrew .list-column-header-item-author {
        display: block;
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

@media(min-width:1200px) {
    .list-column-header-irace-homebrew .list-column-header-item-author {
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

.list-column-header-irace-homebrew .list-column-header-item-views {
    display: none
}

@media(min-width:850px) {
    .list-column-header-irace-homebrew .list-column-header-item-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-irace-homebrew .list-column-header-item-comments {
    display: none
}

@media(min-width:950px) {
    .list-column-header-irace-homebrew .list-column-header-item-comments {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-irace-homebrew .list-column-header-item-adds {
    display: none
}

@media(min-width:1050px) {
    .list-column-header-irace-homebrew .list-column-header-item-adds {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-irace-homebrew .list-column-header-item-rating {
    display: none
}

@media(min-width:1150px) {
    .list-column-header-irace-homebrew .list-column-header-item-rating {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-irace-homebrew .list-column-header-item-type {
    display: none
}

@media(min-width:1250px) {
    .list-column-header-irace-homebrew .list-column-header-item-type {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-homebrew-creations .list-column-header-item-name {
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-column-header-homebrew-creations .list-column-header-item-type {
    display: none
}

@media(min-width:500px) {
    .list-column-header-homebrew-creations .list-column-header-item-type {
        display: block;
        min-width: 80px;
        width: 80px;
        max-width: 80px
    }
}

@media(min-width:1200px) {
    .list-column-header-homebrew-creations .list-column-header-item-type {
        min-width: 120px;
        width: 120px;
        max-width: 120px
    }
}

.list-column-header-homebrew-creations .list-column-header-item-modified {
    display: none
}

@media(min-width:620px) {
    .list-column-header-homebrew-creations .list-column-header-item-modified {
        display: block;
        min-width: 120px;
        width: 120px;
        max-width: 120px
    }
}

@media(min-width:1200px) {
    .list-column-header-homebrew-creations .list-column-header-item-modified {
        min-width: 160px;
        width: 160px;
        max-width: 160px
    }
}

.list-column-header-homebrew-creations .list-column-header-item-views {
    display: none
}

@media(min-width:720px) {
    .list-column-header-homebrew-creations .list-column-header-item-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

@media(min-width:1200px) {
    .list-column-header-homebrew-creations .list-column-header-item-views {
        min-width: 140px;
        width: 140px;
        max-width: 140px
    }
}

.list-column-header-homebrew-creations .list-column-header-item-adds {
    display: none
}

@media(min-width:800px) {
    .list-column-header-homebrew-creations .list-column-header-item-adds {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-column-header-homebrew-creations .list-column-header-item-version {
    display: none
}

@media(min-width:900px) {
    .list-column-header-homebrew-creations .list-column-header-item-version {
        display: block;
        min-width: 80px;
        width: 80px;
        max-width: 80px
    }
}

@media(min-width:1200px) {
    .list-column-header-homebrew-creations .list-column-header-item-version {
        min-width: 120px;
        width: 120px;
        max-width: 120px
    }
}

li:nth-of-type(odd) .list-row {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1a.png");
    background-size: 100% 100%;
    transition: background-image .2s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

li:nth-of-type(odd) .list-row.open,
li:nth-of-type(odd) .list-row.hover {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1a-hover.png");
    transition: background-image .2s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

li:nth-of-type(even) .list-row {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1b.png");
    background-size: 100% 100%;
    transition: background-image .2s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

li:nth-of-type(even) .list-row.open,
li:nth-of-type(even) .list-row.hover {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1b-hover.png");
    transition: background-image .2s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

.list-row {
    padding: 10px 20px;
    height: 75px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.list-row-col {
    padding: 0 5px 0 0
}

.list-row-col-name {
    min-width: 0;
    width: 100%;
    max-width: 350px
}

.list-row-spell-homebrew .list-row-col-level {
    min-width: 60px;
    width: 60px;
    max-width: 60px
}

.list-row-monster-homebrew .list-row-col-cr {
    min-width: 40px;
    width: 40px;
    max-width: 40px
}

.list-row-magic-item-homebrew .list-row-col-attunement {
    display: none
}

@media(min-width:550px) {
    .list-row-magic-item-homebrew .list-row-col-attunement {
        display: block;
        min-width: 90px;
        width: 90px;
        max-width: 90px
    }
}

.list-row-background .list-row-col-proficiencies {
    display: none
}

@media(min-width:860px) {
    .list-row-background .list-row-col-proficiencies {
        display: block;
        min-width: 310px;
        width: 310px;
        max-width: 310px
    }
}

.list-row-background .list-row-col-feature {
    display: none
}

@media(min-width:550px) {
    .list-row-background .list-row-col-feature {
        display: block;
        min-width: 220px;
        width: 220px;
        max-width: 220px
    }
}

.list-row-background .list-row-col-tags {
    display: none
}

@media(min-width:1060px) {
    .list-row-background .list-row-col-tags {
        display: block;
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

.list-row-feat .list-row-col-tags {
    display: none
}

@media(min-width:770px) {
    .list-row-feat .list-row-col-tags {
        display: block;
        min-width: 220px;
        width: 220px;
        max-width: 220px
    }
}

.list-row-feat .list-row-col-notes {
    display: none
}

@media(min-width:550px) {
    .list-row-feat .list-row-col-notes {
        display: block;
        min-width: 0;
        width: 100%;
        max-width: 100%
    }
}

.list-row-equipment .list-row-col-notes {
    display: none
}

@media(min-width:900px) {
    .list-row-equipment .list-row-col-notes {
        display: block;
        min-width: 250px;
        width: 250px;
        max-width: 250px
    }
}

@media(min-width:1200px) {
    .list-row-equipment .list-row-col-notes {
        min-width: 300px;
        width: 300px;
        max-width: 300px
    }
}

.list-row-equipment .list-row-col-cost {
    display: none
}

@media(min-width:470px) {
    .list-row-equipment .list-row-col-cost {
        display: block;
        min-width: 90px;
        width: 90px;
        max-width: 90px
    }
}

.list-row-equipment .list-row-col-weight {
    display: none
}

@media(min-width:540px) {
    .list-row-equipment .list-row-col-weight {
        display: block;
        min-width: 90px;
        width: 90px;
        max-width: 90px
    }
}

.list-row-equipment .list-row-col-damage {
    display: none
}

@media(min-width:650px) {
    .list-row-equipment .list-row-col-damage {
        display: block;
        min-width: 120px;
        width: 120px;
        max-width: 120px
    }
}

.list-row-homebrew-collection .list-row-col-type,
.list-row-homebrew-creation .list-row-col-type {
    display: none
}

@media(min-width:500px) {
    .list-row-homebrew-collection .list-row-col-type,
    .list-row-homebrew-creation .list-row-col-type {
        display: block;
        min-width: 80px;
        width: 80px;
        max-width: 80px
    }
}

@media(min-width:1200px) {
    .list-row-homebrew-collection .list-row-col-type,
    .list-row-homebrew-creation .list-row-col-type {
        min-width: 120px;
        width: 120px;
        max-width: 120px
    }
}

.list-row-homebrew-collection .list-row-col-modified,
.list-row-homebrew-creation .list-row-col-modified {
    display: none
}

@media(min-width:620px) {
    .list-row-homebrew-collection .list-row-col-modified,
    .list-row-homebrew-creation .list-row-col-modified {
        display: block;
        min-width: 120px;
        width: 120px;
        max-width: 120px
    }
}

@media(min-width:1200px) {
    .list-row-homebrew-collection .list-row-col-modified,
    .list-row-homebrew-creation .list-row-col-modified {
        min-width: 160px;
        width: 160px;
        max-width: 160px
    }
}

.list-row-homebrew-collection .list-row-col-views,
.list-row-homebrew-creation .list-row-col-views {
    display: none
}

@media(min-width:720px) {
    .list-row-homebrew-collection .list-row-col-views,
    .list-row-homebrew-creation .list-row-col-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

@media(min-width:1200px) {
    .list-row-homebrew-collection .list-row-col-views,
    .list-row-homebrew-creation .list-row-col-views {
        min-width: 140px;
        width: 140px;
        max-width: 140px
    }
}

.list-row-spell-homebrew .list-row-col-views {
    display: none
}

@media(min-width:730px) {
    .list-row-spell-homebrew .list-row-col-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-irace-homebrew .list-row-col-views {
    display: none
}

@media(min-width:730px) {
    .list-row-irace-homebrew .list-row-col-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-monster-homebrew .list-row-col-views {
    display: none
}

@media(min-width:730px) {
    .list-row-monster-homebrew .list-row-col-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-magic-item-homebrew .list-row-col-views {
    display: none
}

@media(min-width:850px) {
    .list-row-magic-item-homebrew .list-row-col-views {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-spell-homebrew .list-row-col-comments {
    display: none
}

@media(min-width:830px) {
    .list-row-spell-homebrew .list-row-col-comments {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-irace-homebrew .list-row-col-comments {
    display: none
}

@media(min-width:830px) {
    .list-row-irace-homebrew .list-row-col-comments {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-monster-homebrew .list-row-col-comments {
    display: none
}

@media(min-width:830px) {
    .list-row-monster-homebrew .list-row-col-comments {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-magic-item-homebrew .list-row-col-comments {
    display: none
}

@media(min-width:950px) {
    .list-row-magic-item-homebrew .list-row-col-comments {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-monster-homebrew .list-row-col-adds,
.list-row-irace-homebrew .list-row-col-adds,
.list-row-spell-homebrew .list-row-col-adds {
    display: none
}

@media(min-width:930px) {
    .list-row-monster-homebrew .list-row-col-adds,
    .list-row-irace-homebrew .list-row-col-adds,
    .list-row-spell-homebrew .list-row-col-adds {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-magic-item-homebrew .list-row-col-adds {
    display: none
}

@media(min-width:1050px) {
    .list-row-magic-item-homebrew .list-row-col-adds {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-homebrew-creation .list-row-col-adds,
.list-row-homebrew-collection .list-row-col-adds {
    display: none
}

@media(min-width:800px) {
    .list-row-homebrew-creation .list-row-col-adds,
    .list-row-homebrew-collection .list-row-col-adds {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-homebrew-creation .list-row-col-adds {
    display: none
}

@media(min-width:800px) {
    .list-row-homebrew-creation .list-row-col-adds {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-monster-homebrew .list-row-col-rating,
.list-row-irace-homebrew .list-row-col-rating,
.list-row-spell-homebrew .list-row-col-rating {
    display: none
}

@media(min-width:930px) {
    .list-row-monster-homebrew .list-row-col-rating,
    .list-row-irace-homebrew .list-row-col-rating,
    .list-row-spell-homebrew .list-row-col-rating {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-magic-item-homebrew .list-row-col-rating {
    display: none
}

@media(min-width:1050px) {
    .list-row-magic-item-homebrew .list-row-col-rating {
        display: block;
        min-width: 100px;
        width: 100px;
        max-width: 100px
    }
}

.list-row-homebrew-collection .list-row-col-version,
.list-row-homebrew-creation .list-row-col-version {
    display: none
}

@media(min-width:900px) {
    .list-row-homebrew-collection .list-row-col-version,
    .list-row-homebrew-creation .list-row-col-version {
        display: block;
        min-width: 80px;
        width: 80px;
        max-width: 80px
    }
}

@media(min-width:1200px) {
    .list-row-homebrew-collection .list-row-col-version,
    .list-row-homebrew-creation .list-row-col-version {
        min-width: 120px;
        width: 120px;
        max-width: 120px
    }
}

.list-row-monster-homebrew .list-row-col-author,
.list-row-irace-homebrew .list-row-col-author,
.list-row-spell-homebrew .list-row-col-author {
    display: none
}

@media(min-width:630px) {
    .list-row-monster-homebrew .list-row-col-author,
    .list-row-irace-homebrew .list-row-col-author,
    .list-row-spell-homebrew .list-row-col-author {
        display: block;
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

@media(min-width:1200px) {
    .list-row-monster-homebrew .list-row-col-author,
    .list-row-irace-homebrew .list-row-col-author,
    .list-row-spell-homebrew .list-row-col-author {
        min-width: 250px;
        width: 250px;
        max-width: 250px
    }
}

.list-row-magic-item-homebrew .list-row-col-author {
    display: none
}

@media(min-width:750px) {
    .list-row-magic-item-homebrew .list-row-col-author {
        display: block;
        min-width: 200px;
        width: 200px;
        max-width: 200px
    }
}

@media(min-width:1200px) {
    .list-row-magic-item-homebrew .list-row-col-author {
        min-width: 250px;
        width: 250px;
        max-width: 250px
    }
}

.list-row-col-indicator {
    padding: 0 0 0 20px;
    margin-left: auto
}

.list-row-icon-wrapper {
    padding-right: 10px
}

.list-row-equipment .list-row-icon-wrapper a:hover .icon {
    box-shadow: inset 0 0 0 2px #0f5cbc
}

.list-row-icon .icon {
    width: 35px;
    height: 35px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.list-row-icon .icon.equipment-arcane-focus,
.list-row-icon .icon.equipment-adventuring-gear {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/adventuring-gear.jpg")
}

.list-row-icon .icon.equipment-ammunition {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/ammunition.jpg")
}

.list-row-icon .icon.equipment-mount {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/mount.jpg")
}

.list-row-icon .icon.equipment-vehicle,
.list-row-icon .icon.equipment-vehicle-land,
.list-row-icon .icon.equipment-vehicle-water {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/vehicle.jpg")
}

.list-row-icon .icon.equipment-simple-melee-weapon,
.list-row-icon .icon.equipment-simple-ranged-weapon,
.list-row-icon .icon.equipment-martial-melee-weapon,
.list-row-icon .icon.equipment-martial-ranged-weapon,
.list-row-icon .icon.equipment-firearms-ranged-weapon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/weapon.jpg")
}

.list-row-icon .icon.equipment-tool {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/tool.jpg")
}

.list-row-icon .icon.equipment-poison {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/poison.jpg")
}

.list-row-icon .icon.equipment-potion {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/potion.jpg")
}

.list-row-icon .icon.equipment-equipment-pack {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/pack.jpg")
}

.list-row-icon .icon.equipment-shield,
.list-row-icon .icon.equipment-light-armor,
.list-row-icon .icon.equipment-heavy-armor,
.list-row-icon .icon.equipment-medium-armor {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/armor.jpg")
}

.list-row-icon .icon.equipment-holy-symbol {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/holy-symbol.jpg")
}

.list-row-icon .icon.equipment-druidic-focus {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/druidic-focus.jpg")
}

.list-row-icon .icon.equipment-arcane-focus {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/equipment/arcane-focus.jpg")
}

.list-row-icon .icon.school-abjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/abjuration.png");
    background-size: cover
}

.list-row-icon .icon.school-conjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/conjuration.png");
    background-size: cover
}

.list-row-icon .icon.school-divination {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/divination.png");
    background-size: cover
}

.list-row-icon .icon.school-enchantment {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/enchantment.png");
    background-size: cover
}

.list-row-icon .icon.school-evocation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/evocation.png");
    background-size: cover
}

.list-row-icon .icon.school-illusion {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/illusion.png");
    background-size: cover
}

.list-row-icon .icon.school-necromancy {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/necromancy.png");
    background-size: cover
}

.list-row-icon .icon.school-transmutation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/transmutation.png");
    background-size: cover
}

.list-row-icon .icon.monster-type-aberration {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/aberration.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-beast {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/beast.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-celestial {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/celestial.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-construct {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/construct.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-dragon {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/dragon.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-elemental {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/elemental.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-fey {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/fey.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-fiend {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/fiend.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-giant {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/giant.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-humanoid {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/humanoid.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-monstrosity {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/monstrosity.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-ooze {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/ooze.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-plant {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/plant.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.monster-type-undead {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/undead.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.item-type-armor {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/armor.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.item-type-artifact {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/artifact.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.item-type-potion {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/potion.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.item-type-ring {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/ring.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.item-type-rod {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/rod.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.item-type-scroll {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/scroll.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.item-type-staff {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/staff.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.item-type-wand {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/wand.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.item-type-weapon {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/weapon.jpg) no-repeat;
    background-size: cover
}

.list-row-icon .icon.item-type-wondrousitem {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/wondrousitem.jpg) no-repeat;
    background-size: cover
}

.list-row-primary-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #242527;
    font-size: 14px;
    font-weight: 500
}

.list-row-primary-text-item {
    color: #0f5cbc
}

.list-row-primary-text-spell {
    color: #704cd9
}

.list-row-primary-text-monster {
    color: #bc0f0f
}

.list-row-name-primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list-row-name-primary-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #242527;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    min-width: 0
}

@media(max-width:1023px) {
    .list-row-name-primary-text .link {
        pointer-events: none
    }
}

.list-row-feat .list-row-name-primary-text .link:hover,
.list-row-background .list-row-name-primary-text .link:hover {
    color: #ee8600!important
}

.list-row-equipment .list-row-name-primary-text:hover .link {
    color: #0f5cbc
}

.list-row-name-primary-callout {
    display: inline-block;
    margin-right: 5px;
    height: 16px;
    width: 16px
}

.list-row-name-secondary-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #979AA4;
    font-size: 12px;
    font-weight: 500
}

.list-row-magic-item-homebrew .list-row-author,
.list-row-monster-homebrew .list-row-author,
.list-row-spell-homebrew .list-row-author,
.list-row-background-homebrew .list-row-author,
.list-row-feat-homebrew .list-row-author,
.list-row-class-homebrew .list-row-author,
.list-row-irace-homebrew .list-row-author {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.list-row-magic-item-homebrew .list-row-author-primary,
.list-row-monster-homebrew .list-row-author-primary,
.list-row-spell-homebrew .list-row-author-primary,
.list-row-background-homebrew .list-row-author-primary,
.list-row-feat-homebrew .list-row-author-primary,
.list-row-class-homebrew .list-row-author-primary,
.list-row-irace-homebrew .list-row-author-primary {
    padding-right: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list-row-magic-item-homebrew .list-row-author-primary .avatar,
.list-row-monster-homebrew .list-row-author-primary .avatar,
.list-row-spell-homebrew .list-row-author-primary .avatar,
.list-row-background-homebrew .list-row-author-primary .avatar,
.list-row-feat-homebrew .list-row-author-primary .avatar,
.list-row-class-homebrew .list-row-author-primary .avatar,
.list-row-irace-homebrew .list-row-author-primary .avatar {
    border-radius: 50%;
    overflow: hidden
}

.list-row-homebrew-creation .list-row-adds-primary-text,
.list-row-homebrew-collection .list-row-adds-primary-text,
.list-row-magic-item-homebrew .list-row-adds-primary-text,
.list-row-monster-homebrew .list-row-adds-primary-text,
.list-row-spell-homebrew .list-row-adds-primary-text,
.list-row-background-homebrew .list-row-adds-primary-text,
.list-row-feat-homebrew .list-row-adds-primary-text,
.list-row-class-homebrew .list-row-adds-primary-text,
.list-row-irace-homebrew .list-row-adds-primary-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.list-row-homebrew-creation .list-row-adds-primary-text::before,
.list-row-homebrew-collection .list-row-adds-primary-text::before,
.list-row-magic-item-homebrew .list-row-adds-primary-text::before,
.list-row-monster-homebrew .list-row-adds-primary-text::before,
.list-row-spell-homebrew .list-row-adds-primary-text::before,
.list-row-background-homebrew .list-row-adds-primary-text::before,
.list-row-feat-homebrew .list-row-adds-primary-text::before,
.list-row-class-homebrew .list-row-adds-primary-text::before,
.list-row-irace-homebrew .list-row-adds-primary-text::before {
    content: '';
    display: block;
    height: inherit;
    width: 16px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/black-circle-plus.png");
    background-position: center;
    background-size: 13px;
    background-repeat: no-repeat;
    margin-right: 2px
}

.list-row-homebrew-creation .list-row-views-primary-text,
.list-row-homebrew-collection .list-row-views-primary-text,
.list-row-magic-item-homebrew .list-row-views-primary-text,
.list-row-monster-homebrew .list-row-views-primary-text,
.list-row-spell-homebrew .list-row-views-primary-text,
.list-row-background-homebrew .list-row-views-primary-text,
.list-row-feat-homebrew .list-row-views-primary-text,
.list-row-class-homebrew .list-row-views-primary-text,
.list-row-irace-homebrew .list-row-views-primary-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.list-row-homebrew-creation .list-row-views-primary-text::before,
.list-row-homebrew-collection .list-row-views-primary-text::before,
.list-row-magic-item-homebrew .list-row-views-primary-text::before,
.list-row-monster-homebrew .list-row-views-primary-text::before,
.list-row-spell-homebrew .list-row-views-primary-text::before,
.list-row-background-homebrew .list-row-views-primary-text::before,
.list-row-feat-homebrew .list-row-views-primary-text::before,
.list-row-class-homebrew .list-row-views-primary-text::before,
.list-row-irace-homebrew .list-row-views-primary-text::before {
    content: '';
    display: block;
    height: inherit;
    width: 16px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/eye.svg");
    background-position: center;
    background-size: 100% 100%;
    margin-right: 2px
}

.list-row-magic-item-homebrew .list-row-comments-primary-text,
.list-row-monster-homebrew .list-row-comments-primary-text,
.list-row-spell-homebrew .list-row-comments-primary-text,
.list-row-background-homebrew .list-row-comments-primary-text,
.list-row-feat-homebrew .list-row-comments-primary-text,
.list-row-class-homebrew .list-row-comments-primary-text,
.list-row-irace-homebrew .list-row-comments-primary-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.list-row-magic-item-homebrew .list-row-comments-primary-text::before,
.list-row-monster-homebrew .list-row-comments-primary-text::before,
.list-row-spell-homebrew .list-row-comments-primary-text::before,
.list-row-background-homebrew .list-row-comments-primary-text::before,
.list-row-feat-homebrew .list-row-comments-primary-text::before,
.list-row-class-homebrew .list-row-comments-primary-text::before,
.list-row-irace-homebrew .list-row-comments-primary-text::before {
    content: '';
    display: block;
    height: inherit;
    width: 16px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/comment.png");
    background-position: center;
    background-size: 100% 13px;
    background-repeat: no-repeat;
    margin-right: 2px
}

.list-row-magic-item-homebrew .list-row-rating-points,
.list-row-monster-homebrew .list-row-rating-points,
.list-row-spell-homebrew .list-row-rating-points,
.list-row-background-homebrew .list-row-rating-points,
.list-row-feat-homebrew .list-row-rating-points,
.list-row-class-homebrew .list-row-rating-points,
.list-row-irace-homebrew .list-row-rating-points {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.list-row-magic-item-homebrew .list-row-rating-counts,
.list-row-monster-homebrew .list-row-rating-counts,
.list-row-spell-homebrew .list-row-rating-counts,
.list-row-background-homebrew .list-row-rating-counts,
.list-row-feat-homebrew .list-row-rating-counts,
.list-row-class-homebrew .list-row-rating-counts,
.list-row-irace-homebrew .list-row-rating-counts {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.list-row-magic-item-homebrew .list-row-rating-primary-text.positive,
.list-row-monster-homebrew .list-row-rating-primary-text.positive,
.list-row-spell-homebrew .list-row-rating-primary-text.positive,
.list-row-background-homebrew .list-row-rating-primary-text.positive,
.list-row-feat-homebrew .list-row-rating-primary-text.positive,
.list-row-class-homebrew .list-row-rating-primary-text.positive,
.list-row-irace-homebrew .list-row-rating-primary-text.positive {
    color: #35B000
}

.list-row-magic-item-homebrew .list-row-rating-primary-text.negative,
.list-row-monster-homebrew .list-row-rating-primary-text.negative,
.list-row-spell-homebrew .list-row-rating-primary-text.negative,
.list-row-background-homebrew .list-row-rating-primary-text.negative,
.list-row-feat-homebrew .list-row-rating-primary-text.negative,
.list-row-class-homebrew .list-row-rating-primary-text.negative,
.list-row-irace-homebrew .list-row-rating-primary-text.negative {
    color: #B00000
}

.list-row-magic-item-homebrew .list-row-rating-primary-text-label,
.list-row-monster-homebrew .list-row-rating-primary-text-label,
.list-row-spell-homebrew .list-row-rating-primary-text-label,
.list-row-background-homebrew .list-row-rating-primary-text-label,
.list-row-feat-homebrew .list-row-rating-primary-text-label,
.list-row-class-homebrew .list-row-rating-primary-text-label,
.list-row-irace-homebrew .list-row-rating-primary-text-label {
    float: left;
    padding-left: 5px
}

.list-row-magic-item-homebrew .list-row-rating-secondary-text,
.list-row-monster-homebrew .list-row-rating-secondary-text,
.list-row-spell-homebrew .list-row-rating-secondary-text,
.list-row-background-homebrew .list-row-rating-secondary-text,
.list-row-feat-homebrew .list-row-rating-secondary-text,
.list-row-class-homebrew .list-row-rating-secondary-text,
.list-row-irace-homebrew .list-row-rating-secondary-text {
    color: #979AA4;
    font-size: 12px;
    font-weight: 500
}

.list-row-magic-item-homebrew .list-row-rating-secondary-text.positive::before,
.list-row-monster-homebrew .list-row-rating-secondary-text.positive::before,
.list-row-spell-homebrew .list-row-rating-secondary-text.positive::before,
.list-row-background-homebrew .list-row-rating-secondary-text.positive::before,
.list-row-feat-homebrew .list-row-rating-secondary-text.positive::before,
.list-row-class-homebrew .list-row-rating-secondary-text.positive::before,
.list-row-irace-homebrew .list-row-rating-secondary-text.positive::before {
    content: "+ "
}

.list-row-magic-item-homebrew .list-row-rating-secondary-text.negative::before,
.list-row-monster-homebrew .list-row-rating-secondary-text.negative::before,
.list-row-spell-homebrew .list-row-rating-secondary-text.negative::before,
.list-row-background-homebrew .list-row-rating-secondary-text.negative::before,
.list-row-feat-homebrew .list-row-rating-secondary-text.negative::before,
.list-row-class-homebrew .list-row-rating-secondary-text.negative::before,
.list-row-irace-homebrew .list-row-rating-secondary-text.negative::before {
    content: "- "
}

.list-row-magic-item-homebrew .list-row-rating-secondary-text-separator,
.list-row-monster-homebrew .list-row-rating-secondary-text-separator,
.list-row-spell-homebrew .list-row-rating-secondary-text-separator,
.list-row-background-homebrew .list-row-rating-secondary-text-separator,
.list-row-feat-homebrew .list-row-rating-secondary-text-separator,
.list-row-class-homebrew .list-row-rating-secondary-text-separator,
.list-row-irace-homebrew .list-row-rating-secondary-text-separator {
    padding-left: 5px;
    padding-right: 5px
}

.list-row-indicator {
    height: 16px;
    width: 16px
}

.list-row-indicator.characters {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/indicators/character.svg");
    background-size: cover
}

.list-row-indicator.characters.open {
    background-position: -20px 0
}

.list-row-indicator.characters.closed {
    background-position: 0 0
}

.list-row-indicator.items {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/indicators/magic-item.svg");
    background-size: cover
}

.list-row-indicator.items.open {
    background-position: -20px 0
}

.list-row-indicator.items.closed {
    background-position: 0 0
}

.list-row-indicator.homebrew {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/indicators/homebrew.svg");
    background-size: cover
}

.list-row-indicator.homebrew.open {
    background-position: -20px 0
}

.list-row-indicator.homebrew.closed {
    background-position: 0 0
}

.list-row-indicator.spells {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/indicators/spell.svg");
    background-size: cover
}

.list-row-indicator.spells.open {
    background-position: -20px 0
}

.list-row-indicator.spells.closed {
    background-position: 0 0
}

.list-row-indicator.monsters {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/indicators/monster.svg");
    background-size: cover
}

.list-row-indicator.monsters.open {
    background-position: -20px 0
}

.list-row-indicator.monsters.closed {
    background-position: 0 0
}

.adohand {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px
}

.body-rpgmonster .adohand {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.adohand>div {
    cursor: default
}

.adohand>div span {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #242527;
    text-transform: uppercase
}

.adohand>div[data-sort-by]>span {
    cursor: pointer;
    position: relative
}

.adohand>div[data-sort-by]>span::after,
.adohand>div[data-sort-by]>span::before {
    content: '';
    display: inline-block;
    height: 10px;
    width: 8px;
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/sort_arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 5px
}

.adohand>div[data-sort-by]>span::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    right: 0;
    top: -4px
}

.adohand>div[data-sort-by]>span::after {
    position: relative;
    top: 6px
}

.adohand>div[data-sort-by].sort-up>span::before {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/sort_arrow_active.svg)
}

.adohand>div[data-sort-by].sort-down>span::after {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/sort_arrow_active.svg)
}

.adohand>div.type-icon {
    width: 58px
}

.adohand>div.challenge-rating {
    margin-right: 14px
}

.adohand>div.school {
    width: 35px;
    min-width: 35px;
    margin-left: 11px;
    margin-right: 12px
}

.adohand>div.level {
    width: 50px;
    min-width: 50px;
    margin-right: -1px
}

.adohand>div.name {
    width: calc(100% - 123px);
    max-width: 240px;
    margin-right: auto
}

.body-rpgmonster .adohand>div.name {
    width: 150px
}

.adohand>div.indicator {
    width: 25px;
    margin-right: 15px
}

.body-rpgspell .adohand>div.indicator {
    margin-right: 15px
}

.body-rpgmonster .adohand>div.indicator {
    margin-right: 60px
}

.adohand>div:nth-of-type(n+4):not(.blank) {
    display: none;
    margin-right: auto
}

.body-rpgmagicitem .adohand>div:nth-of-type(n+3):not(.blank) {
    display: none;
    margin-right: auto
}

@media(min-width:375px) {
    .body-rpgmonster .adohand>div.name {
        width: 190px
    }
}

@media(min-width:440px) {
    .body-rpgmonster .adohand>div.name {
        margin-right: 0
    }
}

@media(min-width:485px) {
    .body-rpgmagicitem .adohand>div.name {
        margin-right: 0
    }
    body:not(.body-rpgmonster) .adohand>div.type-text {
        display: block!important;
        width: 50px
    }
}

@media(min-width:490px) {
    .body-rpgmonster .adohand>div.type-text {
        display: block!important;
        width: 50px
    }
}

@media(min-width:550px) {
    .adohand>div.name {
        min-width: 180px;
        margin-right: 0
    }
    .body-rpgmonster .adohand>div.name {
        min-width: 0
    }
    .adohand>div.casting-time {
        display: block!important;
        width: 110px
    }
}

@media(min-width:560px) {
    .adohand>div.type-text {
        margin-right: 50px!important
    }
    .body-rpgmagicitem .adohand>div.type-text {
        margin-right: auto!important
    }
    .adohand>div.size {
        display: block!important;
        margin-right: auto
    }
}

.listing .info {
    height: 73px;
    width: 100%;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: white;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.body-rpgmagicitem .listing .info {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.listing .info .row {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 100%;
    font-weight: 500;
    font-size: 14px
}

.listing .info .row>span {
    color: #242527
}

.listing .info .row.monster-challenge {
    width: 40px
}

@media(max-width:1023px) {
    .listing .info .row.monster-name .link {
        pointer-events: none
    }
}

.listing .info .row.monster-name .link:hover {
    color: #bc0f0f
}

.listing .info .row.monster-icon .image:hover {
    box-shadow: inset 0 0 0 2px #bc0f0f
}

@media(max-width:1023px) {
    .listing .info .row.item-name .link {
        pointer-events: none
    }
}

.listing .info .row.item-name .link:hover .uncommon {
    color: #31e42a!important
}

.listing .info .row.item-name .link:hover .rare {
    color: #a1c6f0!important
}

.listing .info .row.item-name .link:hover .very-rare {
    color: #c162f4!important
}

.listing .info .row.item-name .link:hover .legendary {
    color: #fece8d!important
}

.listing .info .row.item-icon .image:hover {
    box-shadow: inset 0 0 0 2px #0f5cbc
}

@media(max-width:1023px) {
    .listing .info .row.spell-name .link {
        pointer-events: none
    }
}

.listing .info .row.spell-name .link:hover {
    color: #704cd9!important
}

.listing .info .row.monster-icon .image,
.listing .info .row.item-icon .image {
    height: 35px;
    width: 35px;
    background-size: cover;
    background-position: center center;
    border-radius: 3px
}

.listing .info .row.monster-name {
    width: calc(100% - 135px);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: auto
}

.listing .info .row.monster-name .name {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    width: auto;
    max-width: calc(100% - 27px);
    line-height: 1.05
}

.listing .info .row.monster-name .name span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    line-height: 1.3
}

.listing .info .row.monster-name .source {
    font-weight: normal;
    font-size: 12px;
    color: #979aa4;
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize
}

.listing .info .row.monster-type {
    width: calc(100% - 135px);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: auto
}

.listing .info .row.monster-type .type {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    width: auto;
    max-width: calc(100% - 27px);
    line-height: 1.05
}

.listing .info .row.monster-type .subtype {
    font-weight: normal;
    font-size: 12px;
    color: #979aa4;
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize
}

.listing .info .row.item-icon,
.listing .info .row.spell-school,
.listing .info .row.monster-icon {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    margin: 0 11px 0 2px
}

.listing .info .row.item-icon .school,
.listing .info .row.item-icon .type,
.listing .info .row.spell-school .school,
.listing .info .row.spell-school .type,
.listing .info .row.monster-icon .school,
.listing .info .row.monster-icon .type {
    width: 35px;
    height: 35px;
    border-radius: 3px;
    background-size: cover
}

.body-rpgspell .listing .info .row.item-icon .school.abjuration,
.body-rpgspell .listing .info .row.item-icon .type.abjuration,
.body-rpgspell .listing .info .row.spell-school .school.abjuration,
.body-rpgspell .listing .info .row.spell-school .type.abjuration,
.body-rpgspell .listing .info .row.monster-icon .school.abjuration,
.body-rpgspell .listing .info .row.monster-icon .type.abjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/abjuration.png")
}

.body-rpgspell .listing .info .row.item-icon .school.conjuration,
.body-rpgspell .listing .info .row.item-icon .type.conjuration,
.body-rpgspell .listing .info .row.spell-school .school.conjuration,
.body-rpgspell .listing .info .row.spell-school .type.conjuration,
.body-rpgspell .listing .info .row.monster-icon .school.conjuration,
.body-rpgspell .listing .info .row.monster-icon .type.conjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/conjuration.png")
}

.body-rpgspell .listing .info .row.item-icon .school.divination,
.body-rpgspell .listing .info .row.item-icon .type.divination,
.body-rpgspell .listing .info .row.spell-school .school.divination,
.body-rpgspell .listing .info .row.spell-school .type.divination,
.body-rpgspell .listing .info .row.monster-icon .school.divination,
.body-rpgspell .listing .info .row.monster-icon .type.divination {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/divination.png")
}

.body-rpgspell .listing .info .row.item-icon .school.enchantment,
.body-rpgspell .listing .info .row.item-icon .type.enchantment,
.body-rpgspell .listing .info .row.spell-school .school.enchantment,
.body-rpgspell .listing .info .row.spell-school .type.enchantment,
.body-rpgspell .listing .info .row.monster-icon .school.enchantment,
.body-rpgspell .listing .info .row.monster-icon .type.enchantment {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/enchantment.png")
}

.body-rpgspell .listing .info .row.item-icon .school.evocation,
.body-rpgspell .listing .info .row.item-icon .type.evocation,
.body-rpgspell .listing .info .row.spell-school .school.evocation,
.body-rpgspell .listing .info .row.spell-school .type.evocation,
.body-rpgspell .listing .info .row.monster-icon .school.evocation,
.body-rpgspell .listing .info .row.monster-icon .type.evocation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/evocation.png")
}

.body-rpgspell .listing .info .row.item-icon .school.illusion,
.body-rpgspell .listing .info .row.item-icon .type.illusion,
.body-rpgspell .listing .info .row.spell-school .school.illusion,
.body-rpgspell .listing .info .row.spell-school .type.illusion,
.body-rpgspell .listing .info .row.monster-icon .school.illusion,
.body-rpgspell .listing .info .row.monster-icon .type.illusion {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/illusion.png")
}

.body-rpgspell .listing .info .row.item-icon .school.necromancy,
.body-rpgspell .listing .info .row.item-icon .type.necromancy,
.body-rpgspell .listing .info .row.spell-school .school.necromancy,
.body-rpgspell .listing .info .row.spell-school .type.necromancy,
.body-rpgspell .listing .info .row.monster-icon .school.necromancy,
.body-rpgspell .listing .info .row.monster-icon .type.necromancy {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/necromancy.png")
}

.body-rpgspell .listing .info .row.item-icon .school.transmutation,
.body-rpgspell .listing .info .row.item-icon .type.transmutation,
.body-rpgspell .listing .info .row.spell-school .school.transmutation,
.body-rpgspell .listing .info .row.spell-school .type.transmutation,
.body-rpgspell .listing .info .row.monster-icon .school.transmutation,
.body-rpgspell .listing .info .row.monster-icon .type.transmutation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/transmutation.png")
}

.body-rpgmonster .listing .info .row.item-icon .school.aberration,
.body-rpgmonster .listing .info .row.item-icon .type.aberration,
.body-rpgmonster .listing .info .row.spell-school .school.aberration,
.body-rpgmonster .listing .info .row.spell-school .type.aberration,
.body-rpgmonster .listing .info .row.monster-icon .school.aberration,
.body-rpgmonster .listing .info .row.monster-icon .type.aberration {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/aberration.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.beast,
.body-rpgmonster .listing .info .row.item-icon .type.beast,
.body-rpgmonster .listing .info .row.spell-school .school.beast,
.body-rpgmonster .listing .info .row.spell-school .type.beast,
.body-rpgmonster .listing .info .row.monster-icon .school.beast,
.body-rpgmonster .listing .info .row.monster-icon .type.beast {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/beast.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.celestial,
.body-rpgmonster .listing .info .row.item-icon .type.celestial,
.body-rpgmonster .listing .info .row.spell-school .school.celestial,
.body-rpgmonster .listing .info .row.spell-school .type.celestial,
.body-rpgmonster .listing .info .row.monster-icon .school.celestial,
.body-rpgmonster .listing .info .row.monster-icon .type.celestial {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/celestial.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.construct,
.body-rpgmonster .listing .info .row.item-icon .type.construct,
.body-rpgmonster .listing .info .row.spell-school .school.construct,
.body-rpgmonster .listing .info .row.spell-school .type.construct,
.body-rpgmonster .listing .info .row.monster-icon .school.construct,
.body-rpgmonster .listing .info .row.monster-icon .type.construct {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/construct.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.dragon,
.body-rpgmonster .listing .info .row.item-icon .type.dragon,
.body-rpgmonster .listing .info .row.spell-school .school.dragon,
.body-rpgmonster .listing .info .row.spell-school .type.dragon,
.body-rpgmonster .listing .info .row.monster-icon .school.dragon,
.body-rpgmonster .listing .info .row.monster-icon .type.dragon {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/dragon.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.elemental,
.body-rpgmonster .listing .info .row.item-icon .type.elemental,
.body-rpgmonster .listing .info .row.spell-school .school.elemental,
.body-rpgmonster .listing .info .row.spell-school .type.elemental,
.body-rpgmonster .listing .info .row.monster-icon .school.elemental,
.body-rpgmonster .listing .info .row.monster-icon .type.elemental {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/elemental.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.fey,
.body-rpgmonster .listing .info .row.item-icon .type.fey,
.body-rpgmonster .listing .info .row.spell-school .school.fey,
.body-rpgmonster .listing .info .row.spell-school .type.fey,
.body-rpgmonster .listing .info .row.monster-icon .school.fey,
.body-rpgmonster .listing .info .row.monster-icon .type.fey {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/fey.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.fiend,
.body-rpgmonster .listing .info .row.item-icon .type.fiend,
.body-rpgmonster .listing .info .row.spell-school .school.fiend,
.body-rpgmonster .listing .info .row.spell-school .type.fiend,
.body-rpgmonster .listing .info .row.monster-icon .school.fiend,
.body-rpgmonster .listing .info .row.monster-icon .type.fiend {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/fiend.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.giant,
.body-rpgmonster .listing .info .row.item-icon .type.giant,
.body-rpgmonster .listing .info .row.spell-school .school.giant,
.body-rpgmonster .listing .info .row.spell-school .type.giant,
.body-rpgmonster .listing .info .row.monster-icon .school.giant,
.body-rpgmonster .listing .info .row.monster-icon .type.giant {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/giant.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.humanoid,
.body-rpgmonster .listing .info .row.item-icon .type.humanoid,
.body-rpgmonster .listing .info .row.spell-school .school.humanoid,
.body-rpgmonster .listing .info .row.spell-school .type.humanoid,
.body-rpgmonster .listing .info .row.monster-icon .school.humanoid,
.body-rpgmonster .listing .info .row.monster-icon .type.humanoid {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/humanoid.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.monstrosity,
.body-rpgmonster .listing .info .row.item-icon .type.monstrosity,
.body-rpgmonster .listing .info .row.spell-school .school.monstrosity,
.body-rpgmonster .listing .info .row.spell-school .type.monstrosity,
.body-rpgmonster .listing .info .row.monster-icon .school.monstrosity,
.body-rpgmonster .listing .info .row.monster-icon .type.monstrosity {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/monstrosity.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.ooze,
.body-rpgmonster .listing .info .row.item-icon .type.ooze,
.body-rpgmonster .listing .info .row.spell-school .school.ooze,
.body-rpgmonster .listing .info .row.spell-school .type.ooze,
.body-rpgmonster .listing .info .row.monster-icon .school.ooze,
.body-rpgmonster .listing .info .row.monster-icon .type.ooze {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/ooze.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.plant,
.body-rpgmonster .listing .info .row.item-icon .type.plant,
.body-rpgmonster .listing .info .row.spell-school .school.plant,
.body-rpgmonster .listing .info .row.spell-school .type.plant,
.body-rpgmonster .listing .info .row.monster-icon .school.plant,
.body-rpgmonster .listing .info .row.monster-icon .type.plant {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/plant.jpg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.item-icon .school.undead,
.body-rpgmonster .listing .info .row.item-icon .type.undead,
.body-rpgmonster .listing .info .row.spell-school .school.undead,
.body-rpgmonster .listing .info .row.spell-school .type.undead,
.body-rpgmonster .listing .info .row.monster-icon .school.undead,
.body-rpgmonster .listing .info .row.monster-icon .type.undead {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/undead.jpg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.item-icon .school.armor,
.body-rpgmagicitem .listing .info .row.item-icon .type.armor,
.body-rpgmagicitem .listing .info .row.spell-school .school.armor,
.body-rpgmagicitem .listing .info .row.spell-school .type.armor,
.body-rpgmagicitem .listing .info .row.monster-icon .school.armor,
.body-rpgmagicitem .listing .info .row.monster-icon .type.armor {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/armor.jpg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.item-icon .school.artifact,
.body-rpgmagicitem .listing .info .row.item-icon .type.artifact,
.body-rpgmagicitem .listing .info .row.spell-school .school.artifact,
.body-rpgmagicitem .listing .info .row.spell-school .type.artifact,
.body-rpgmagicitem .listing .info .row.monster-icon .school.artifact,
.body-rpgmagicitem .listing .info .row.monster-icon .type.artifact {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/artifact.jpg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.item-icon .school.potion,
.body-rpgmagicitem .listing .info .row.item-icon .type.potion,
.body-rpgmagicitem .listing .info .row.spell-school .school.potion,
.body-rpgmagicitem .listing .info .row.spell-school .type.potion,
.body-rpgmagicitem .listing .info .row.monster-icon .school.potion,
.body-rpgmagicitem .listing .info .row.monster-icon .type.potion {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/potion.jpg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.item-icon .school.ring,
.body-rpgmagicitem .listing .info .row.item-icon .type.ring,
.body-rpgmagicitem .listing .info .row.spell-school .school.ring,
.body-rpgmagicitem .listing .info .row.spell-school .type.ring,
.body-rpgmagicitem .listing .info .row.monster-icon .school.ring,
.body-rpgmagicitem .listing .info .row.monster-icon .type.ring {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/ring.jpg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.item-icon .school.rod,
.body-rpgmagicitem .listing .info .row.item-icon .type.rod,
.body-rpgmagicitem .listing .info .row.spell-school .school.rod,
.body-rpgmagicitem .listing .info .row.spell-school .type.rod,
.body-rpgmagicitem .listing .info .row.monster-icon .school.rod,
.body-rpgmagicitem .listing .info .row.monster-icon .type.rod {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/rod.jpg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.item-icon .school.scroll,
.body-rpgmagicitem .listing .info .row.item-icon .type.scroll,
.body-rpgmagicitem .listing .info .row.spell-school .school.scroll,
.body-rpgmagicitem .listing .info .row.spell-school .type.scroll,
.body-rpgmagicitem .listing .info .row.monster-icon .school.scroll,
.body-rpgmagicitem .listing .info .row.monster-icon .type.scroll {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/scroll.jpg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.item-icon .school.staff,
.body-rpgmagicitem .listing .info .row.item-icon .type.staff,
.body-rpgmagicitem .listing .info .row.spell-school .school.staff,
.body-rpgmagicitem .listing .info .row.spell-school .type.staff,
.body-rpgmagicitem .listing .info .row.monster-icon .school.staff,
.body-rpgmagicitem .listing .info .row.monster-icon .type.staff {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/staff.jpg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.item-icon .school.wand,
.body-rpgmagicitem .listing .info .row.item-icon .type.wand,
.body-rpgmagicitem .listing .info .row.spell-school .school.wand,
.body-rpgmagicitem .listing .info .row.spell-school .type.wand,
.body-rpgmagicitem .listing .info .row.monster-icon .school.wand,
.body-rpgmagicitem .listing .info .row.monster-icon .type.wand {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/wand.jpg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.item-icon .school.weapon,
.body-rpgmagicitem .listing .info .row.item-icon .type.weapon,
.body-rpgmagicitem .listing .info .row.spell-school .school.weapon,
.body-rpgmagicitem .listing .info .row.spell-school .type.weapon,
.body-rpgmagicitem .listing .info .row.monster-icon .school.weapon,
.body-rpgmagicitem .listing .info .row.monster-icon .type.weapon {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/weapon.jpg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.item-icon .school.wondrousitem,
.body-rpgmagicitem .listing .info .row.item-icon .type.wondrousitem,
.body-rpgmagicitem .listing .info .row.spell-school .school.wondrousitem,
.body-rpgmagicitem .listing .info .row.spell-school .type.wondrousitem,
.body-rpgmagicitem .listing .info .row.monster-icon .school.wondrousitem,
.body-rpgmagicitem .listing .info .row.monster-icon .type.wondrousitem {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/wondrousitem.jpg) no-repeat;
    background-size: cover
}

.listing .info .row.item-name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 200px
}

.listing .info .row.item-name .name,
.listing .info .row.item-name .rarity {
    width: 100%
}

.listing .info .row.item-name .name {
    font-size: 16px;
    font-weight: 500
}

.listing .info .row.item-name .name .common {
    color: #242528
}

.listing .info .row.item-name .name .uncommon {
    color: #1FC219
}

.listing .info .row.item-name .name .rare {
    color: #4990E2
}

.listing .info .row.item-name .name .very-rare {
    color: #9810E0
}

.listing .info .row.item-name .name .legendary {
    color: #FEA227
}

.listing .info .row.item-name .name .artifact {
    color: #BE8972
}

.listing .info .row.item-name .rarity {
    color: #979aa4;
    font-size: 12px;
    font-weight: 500
}

.listing .info .row.spell-level {
    width: 50px;
    min-width: 50px;
    margin-right: -1px
}

.listing .info .row.spell-level span {
    font-size: 12px;
    font-weight: 500
}

.listing .info .row.spell-name,
.listing .info .row.item-name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc(100% - 123px);
    max-width: 240px;
    margin-right: auto
}

.body-rpgmagicitem .listing .info .row.spell-name,
.body-rpgmagicitem .listing .info .row.item-name {
    width: calc(100% - 120px)
}

.listing .info .row.spell-name .name,
.listing .info .row.item-name .name {
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap;
    width: auto;
    max-width: calc(100% - 50px);
    line-height: 1.05;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.body-rpgmagicitem .listing .info .row.spell-name .name,
.body-rpgmagicitem .listing .info .row.item-name .name {
    max-width: 90%
}

.listing .info .row.spell-name .name span,
.listing .info .row.spell-name .name .link,
.listing .info .row.item-name .name span,
.listing .info .row.item-name .name .link {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    line-height: 1.3
}

.listing .info .row.spell-name .name .link,
.listing .info .row.spell-name .name .link:hover,
.listing .info .row.spell-name .name .link:focus,
.listing .info .row.spell-name .name .link:active,
.listing .info .row.spell-name .name .link:visited,
.listing .info .row.item-name .name .link,
.listing .info .row.item-name .name .link:hover,
.listing .info .row.item-name .name .link:focus,
.listing .info .row.item-name .name .link:active,
.listing .info .row.item-name .name .link:visited {
    color: #242527
}

@media(max-width:1023px) {
    .listing .info .row.spell-name .name .link,
    .listing .info .row.item-name .name .link {
        pointer-events: none
    }
}

.listing .info .row.spell-name .name .i-homebrew,
.listing .info .row.item-name .name .i-homebrew {
    position: relative;
    top: -4px
}

.listing .info .row.spell-name>span:last-of-type,
.listing .info .row.item-name>span:last-of-type {
    font-size: 12px;
    color: #979aa4
}

.listing .info .row.item-icon {
    margin-left: 5px
}

.listing .info .row.fav-indicator {
    display: none
}

.listing .info .row.open-indicator {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px;
    margin-right: -2px
}

.body-rpgmagicitem .listing .info .row.open-indicator {
    margin-left: auto
}

.listing .info .row.open-indicator #open-indicator {
    height: 16px;
    width: 16px
}

.body-rpgspell .listing .info .row.open-indicator #open-indicator {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/purple_plus.svg) no-repeat;
    background-size: cover
}

.body-rpgmagicitem .listing .info .row.open-indicator #open-indicator {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/blue_plus.svg) no-repeat;
    background-size: cover
}

.body-rpgmonster .listing .info .row.open-indicator #open-indicator {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/red_plus.svg) no-repeat;
    background-size: cover
}

.listing .info .row.open-indicator #open-indicator.minus {
    background-position: -20px 0
}

.listing .info .row.open-indicator #open-indicator.plus {
    background-position: 0 0
}

.body-rpgspell:not(.body-rpgspell-homebrewindex) .listing .info .row:nth-of-type(n+4):not(.open-indicator):not(.fav-indicator),
.body-rpgmonster:not(.body-rpgmonster-homebrewindex) .listing .info .row:nth-of-type(n+4):not(.open-indicator):not(.fav-indicator) {
    display: none
}

.body-rpgmagicitem:not(.body-rpgmagicitem-homebrewindex) .listing .info .row:nth-of-type(n+3):not(.open-indicator):not(.fav-indicator) {
    display: none
}

@media(min-width:375px) {
    .listing .info .row.monster-name {
        width: calc(100% - 140px)
    }
}

@media(min-width:485px) {
    .listing .info .row.item-name {
        margin-right: 0
    }
    .listing .info .row.item-type {
        margin-right: auto;
        min-width: 0;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100px
    }
    .listing .info .row.item-type span {
        margin-right: auto
    }
    .listing .info .row.item-type .subtype {
        font-size: 12px;
        font-weight: 500;
        color: #979aa4
    }
}

@media(min-width:490px) {
    .listing .info .row.monster-name {
        margin-right: 0;
        width: 201px
    }
    .listing .info .row.monster-type {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-right: auto;
        width: 100px
    }
}

@media(min-width:550px) {
    .listing .info .row.spell-name {
        margin-right: 0
    }
    .listing .info .row.spell-cast-time {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-right: auto;
        min-width: 110px;
        font-size: 14px;
        font-weight: 500
    }
}

@media(min-width:560px) {
    .listing .info .row.monster-type {
        margin-right: 0
    }
    .listing .info .row.monster-size {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-right: auto;
        width: 85px
    }
}

.body-rpgclass .listing-header .b-pagination,
.body-rpgspell .listing-header .b-pagination,
.body-rpgmonster .listing-header .b-pagination,
.body-rpgmagicitem .listing-header .b-pagination {
    display: none
}

.listing-header .ad-container {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.listing .info:nth-of-type(8n+1),
.listing .info:nth-of-type(8n+3),
.listing .info:nth-of-type(8n+5),
.listing .info:nth-of-type(8n+7) {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1a.png) no-repeat;
    background-size: 100% 73px;
    transition: background-image .2s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

.listing .info:nth-of-type(8n+1).silas-fleetfoot,
.listing .info:nth-of-type(8n+1).samiphi-wobblecog,
.listing .info:nth-of-type(8n+3).silas-fleetfoot,
.listing .info:nth-of-type(8n+3).samiphi-wobblecog,
.listing .info:nth-of-type(8n+5).silas-fleetfoot,
.listing .info:nth-of-type(8n+5).samiphi-wobblecog,
.listing .info:nth-of-type(8n+7).silas-fleetfoot,
.listing .info:nth-of-type(8n+7).samiphi-wobblecog {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1a-hover.png);
    transition: background-image .1s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

.listing .info:nth-of-type(8n+2),
.listing .info:nth-of-type(8n+4),
.listing .info:nth-of-type(8n+6),
.listing .info:nth-of-type(8n+8) {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1b.png) no-repeat;
    background-size: 100% 73px;
    transition: background-image .2s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

.listing .info:nth-of-type(8n+2).silas-fleetfoot,
.listing .info:nth-of-type(8n+2).samiphi-wobblecog,
.listing .info:nth-of-type(8n+4).silas-fleetfoot,
.listing .info:nth-of-type(8n+4).samiphi-wobblecog,
.listing .info:nth-of-type(8n+6).silas-fleetfoot,
.listing .info:nth-of-type(8n+6).samiphi-wobblecog,
.listing .info:nth-of-type(8n+8).silas-fleetfoot,
.listing .info:nth-of-type(8n+8).samiphi-wobblecog {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1b-hover.png);
    transition: background-image .1s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

.body-rpgspell .primary-content header:not(.page-header),
.body-rpgmonster .primary-content header:not(.page-header),
.body-rpgmagicitem .primary-content header:not(.page-header) {
    position: relative;
    z-index: 3;
    padding-right: 86px
}

.body-rpgspell .primary-content header:not(.page-header) h2,
.body-rpgmonster .primary-content header:not(.page-header) h2,
.body-rpgmagicitem .primary-content header:not(.page-header) h2 {
    color: white;
    font-size: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: normal
}

@media(min-width:1024px) {
    .body-rpgspell .primary-content header:not(.page-header) h2,
    .body-rpgmonster .primary-content header:not(.page-header) h2,
    .body-rpgmagicitem .primary-content header:not(.page-header) h2 {
        font-size: 36px
    }
}

@media print {
    .body-rpgspell .primary-content header:not(.page-header) h2,
    .body-rpgmonster .primary-content header:not(.page-header) h2,
    .body-rpgmagicitem .primary-content header:not(.page-header) h2 {
        color: #000
    }
}

@media(min-width:1024px) {
    .body-rpgspell .primary-content header:not(.page-header) {
        padding-right: 446px
    }
}

@media(min-width:1024px) {
    .body-rpgmagicitem .primary-content header:not(.page-header) {
        padding-right: 510px
    }
}

@media(min-width:1024px) {
    .body-rpgmagicitem-index .primary-content header:not(.page-header) {
        padding-right: 645px
    }
}

@media(min-width:1024px) {
    .body-rpgmonster .primary-content header:not(.page-header) {
        padding-right: 486px
    }
}

.RPGFeat-listing .info,
.RPGBackground-listing .info {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 20px
}

.RPGFeat-listing .info .feat-name,
.RPGFeat-listing .info .background-name,
.RPGBackground-listing .info .feat-name,
.RPGBackground-listing .info .background-name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 300px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width:1024px) {
    .RPGFeat-listing .info .feat-name,
    .RPGFeat-listing .info .background-name,
    .RPGBackground-listing .info .feat-name,
    .RPGBackground-listing .info .background-name {
        max-width: 500px
    }
}

.RPGFeat-listing .info .feat-name .name,
.RPGFeat-listing .info .feat-name .source,
.RPGFeat-listing .info .background-name .name,
.RPGFeat-listing .info .background-name .source,
.RPGBackground-listing .info .feat-name .name,
.RPGBackground-listing .info .feat-name .source,
.RPGBackground-listing .info .background-name .name,
.RPGBackground-listing .info .background-name .source {
    font-weight: 500;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.RPGFeat-listing .info .feat-name .name,
.RPGFeat-listing .info .background-name .name,
.RPGBackground-listing .info .feat-name .name,
.RPGBackground-listing .info .background-name .name {
    font-size: 18px
}

.RPGFeat-listing .info .feat-name .source,
.RPGFeat-listing .info .background-name .source,
.RPGBackground-listing .info .feat-name .source,
.RPGBackground-listing .info .background-name .source {
    font-size: 12px;
    color: #979AA4
}

@media(min-width:1024px) {
    .RPGFeat-listing .info .background-name,
    .RPGBackground-listing .info .background-name {
        max-width: 400px
    }
}

.RPGFeat-listing .info .background-tags,
.RPGFeat-listing .info .background-feature,
.RPGFeat-listing .info .background-proficiencies,
.RPGBackground-listing .info .background-tags,
.RPGBackground-listing .info .background-feature,
.RPGBackground-listing .info .background-proficiencies {
    display: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width:610px) {
    .RPGFeat-listing .info .background-proficiencies,
    .RPGBackground-listing .info .background-proficiencies {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 240px
    }
}

@media(min-width:770px) {
    .RPGFeat-listing .info .background-feature,
    .RPGBackground-listing .info .background-feature {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 160px
    }
    .RPGFeat-listing .info .background-feature span,
    .RPGBackground-listing .info .background-feature span {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

@media(min-width:930px) {
    .RPGFeat-listing .info .background-tags,
    .RPGBackground-listing .info .background-tags {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 160px
    }
    .RPGFeat-listing .info .background-tags span,
    .RPGBackground-listing .info .background-tags span {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

.RPGFeat-listing .info .feat-tags,
.RPGFeat-listing .info .feat-notes,
.RPGBackground-listing .info .feat-tags,
.RPGBackground-listing .info .feat-notes {
    display: none
}

@media(min-width:1024px) {
    .RPGFeat-listing .info .feat-tags,
    .RPGFeat-listing .info .feat-notes,
    .RPGBackground-listing .info .feat-tags,
    .RPGBackground-listing .info .feat-notes {
        width: 200px!important
    }
}

@media(min-width:490px) {
    .RPGFeat-listing .info .feat-tags,
    .RPGBackground-listing .info .feat-tags {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 130px
    }
    .RPGFeat-listing .info .feat-tags span,
    .RPGBackground-listing .info .feat-tags span {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

@media(min-width:620px) {
    .RPGFeat-listing .info .feat-notes,
    .RPGBackground-listing .info .feat-notes {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 130px
    }
    .RPGFeat-listing .info .feat-notes span,
    .RPGBackground-listing .info .feat-notes span {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

.RPGFeat-listing .info .feat-indicator,
.RPGFeat-listing .info .background-indicator,
.RPGBackground-listing .info .feat-indicator,
.RPGBackground-listing .info .background-indicator {
    margin-left: auto
}

@media(min-width:600px) {
    .adohand>div.type-text {
        margin-right: 0!important
    }
    .body-rpgmagicitem .adohand>div.type-text {
        margin-right: 85px!important
    }
    .body-rpgmonster .adohand>div.type-text {
        margin-right: 50px!important
    }
    .adohand>div.attunement {
        display: block!important
    }
}

@media(min-width:645px) {
    .adohand>div.casting-time {
        margin-right: 0!important
    }
    .adohand>div.duration {
        display: block!important;
        width: 105px
    }
}

@media(min-width:650px) {
    .adohand>div.size {
        width: 86px;
        margin-right: 0!important
    }
    .adohand>div.alignment {
        display: block!important
    }
}

@media(min-width:775px) {
    .adohand>div.duration {
        margin-right: 0!important
    }
    .adohand>div.range {
        display: block!important;
        width: 130px;
        min-width: 130px
    }
}

@media(min-width:780px) {
    .adohand>div.alignment {
        margin-right: 25px!important
    }
    .adohand>div.environments {
        display: block!important;
        width: 108px
    }
}

@media(min-width:860px) {
    .adohand>div.range {
        margin-right: 0!important
    }
    .adohand>div.attack {
        display: block!important;
        width: 85px;
        min-width: 85px
    }
}

@media(min-width:885px) {
    .adohand>div.environments {
        margin-right: 0!important
    }
    .adohand>div.tags {
        display: block!important
    }
}

@media(min-width:988px) {
    .adohand>div.attack {
        margin-right: 0!important
    }
    .adohand>div.damage {
        display: block!important;
        width: 130px;
        min-width: 130px
    }
}

@media(min-width:600px) {
    .listing .info .row.item-type {
        margin-right: 0
    }
    .listing .info .row.requires-attunement {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        min-width: 60px;
        font-size: 14px;
        font-weight: 500;
        margin-right: auto;
        margin-left: 10px
    }
}

@media(min-width:645px) {
    .listing .info .row.spell-cast-time {
        margin-right: 0
    }
    .listing .info .row.spell-duration {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        min-width: 105px;
        font-size: 14px;
        font-weight: 500;
        margin-right: auto
    }
}

@media(min-width:650px) {
    .listing .info .row.monster-size {
        margin-right: 0
    }
    .listing .info .row.monster-alignment {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-right: auto;
        width: 105px
    }
}

@media(min-width:775px) {
    .listing .info .row.spell-duration {
        margin-right: 0
    }
    .listing .info .row.spell-range {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-right: auto;
        width: 130px;
        font-size: 14px;
        font-weight: 500
    }
    .listing .info .row.spell-range .aoe-size {
        margin-left: 5px;
        position: relative;
        top: -1px
    }
}

@media(min-width:780px) {
    .listing .info .row.monster-alignment {
        margin-right: 0
    }
    .listing .info .row.monster-environment {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-right: auto;
        width: 110px
    }
}

@media(min-width:860px) {
    .listing .info .row.spell-range {
        margin-right: 0
    }
    .listing .info .row.spell-attack-save {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-right: auto;
        width: 85px;
        font-size: 14px;
        font-weight: 500
    }
}

@media(min-width:885px) {
    .listing .info .row.monster-environment {
        margin-right: 0
    }
    .listing .info .row.monster-tags {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-right: auto;
        width: 105px
    }
}

@media(min-width:988px) {
    .listing .info .row.spell-attack-save {
        margin-right: 0
    }
    .listing .info .row.spell-damage-effect {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-right: auto;
        width: 130px;
        font-size: 14px;
        font-weight: 500
    }
}

.ddb-listing .page-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.ddb-listing .page-header h2 {
    font-size: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: normal;
    z-index: 5;
    color: #242527;
    padding: 0!important;
    line-height: 1.3;
    font-weight: bold
}

@media(min-width:1024px) {
    .ddb-listing .page-header h2 {
        font-size: 36px
    }
}

.body-rpgigear .listing-header .b-pagination {
    display: none
}

.body-rpghomebrew .listing-header .b-pagination {
    display: none
}

.body-rpgbackground .listing-header .b-pagination {
    display: none
}

.body-rpgfeat .listing-header .b-pagination {
    display: none
}

.body-rpgirace .listing-header .b-pagination {
    display: none
}

@media(min-width:1024px) {
    .adohand {
        margin-top: 50px
    }
    .body-rpgmonster .adohand {
        padding: 0 10px
    }
    .adohand>div.school {
        margin-right: 20px!important;
        margin-left: 17px!important
    }
    .adohand>div.level {
        margin-right: 18px!important
    }
    .adohand>div.name,
    .adohand>div.tags,
    .adohand>div.alignment,
    .adohand>div.type-text,
    .adohand>div.challenge-rating {
        margin-right: 0!important
    }
    .adohand>div.casting-time,
    .adohand>div.duration,
    .adohand>div.range,
    .adohand>div.attack,
    .adohand>div.damage {
        margin-right: auto!important
    }
    .adohand>div.type-icon {
        width: 35px;
        margin-left: 13px
    }
    .body-rpgmonster .adohand>div.type-icon {
        margin-right: auto;
        margin-left: 2px
    }
    .body-rpgmagicitem .adohand>div.type-icon {
        margin-right: 13px
    }
    .adohand>div.challenge-rating {
        width: 40px
    }
    .body-rpgmonster .adohand>div.challenge-rating {
        margin-right: auto!important;
        width: 40px
    }
    .body-rpgmonster .adohand>div.name {
        width: 200px!important;
        margin-right: auto!important
    }
    .body-rpgmagicitem .adohand>div.name {
        width: 370px!important;
        max-width: none
    }
    .adohand>div.type-text {
        width: 100px
    }
    .body-rpgmonster .adohand>div.type-text {
        margin-right: auto!important;
        width: 100px
    }
    .body-rpgmagicitem .adohand>div.type-text {
        width: 70px
    }
    .adohand>div.size {
        width: 85px
    }
    .body-rpgmonster .adohand>div.size {
        margin-right: auto!important
    }
    .adohand>div.alignment {
        width: 105px
    }
    .body-rpgmonster .adohand>div.alignment {
        margin-right: auto!important
    }
    .adohand>div.environments {
        width: 110px
    }
    .body-rpgmonster .adohand>div.environments {
        margin-right: auto!important
    }
    .adohand>div.tags {
        width: 105px
    }
    .body-rpgmonster .adohand>div.tags {
        margin-right: auto!important
    }
    .body-rpgmonster .adohand>div.indicator {
        margin-right: 5px!important;
        width: 25px
    }
    .adohand>div.attunement {
        margin-right: 20px!important
    }
    .adohand>div.notes {
        display: block!important
    }
}

@media(min-width:1024px) {
    .listing .info:not(: first-child) {
        margin-top: 5px
    }
    body:not(.body-rpgmagicitem) .listing .info .row:not(.spell-school):not(.spell-level):not(.spell-name) {
        margin-right: auto
    }
    .listing .info .spell-school {
        margin: 0 20px 0 7px!important
    }
    .listing .info .fav-indicator {
        left: calc(100% - 80px)!important
    }
    .listing .info .fav-indicator i {
        margin: 0 auto;
        display: block
    }
    .listing .info .fav-indicator:hover i {
        background-position: -20px 0
    }
    .listing .info .open-indicator {
        margin-right: 5px!important
    }
    .listing .info .spell-name {
        margin-left: 18px
    }
    .listing .info .spell-name>span:last-child {
        position: relative;
        top: -3px
    }
    .listing .info .monster-name {
        width: 200px!important
    }
    .listing .info .monster-name .source {
        max-width: 100%!important
    }
    .listing .info .item-name {
        width: 100%!important;
        max-width: 370px!important
    }
    .listing .info .item-name .name,
    .listing .info .spell-name .name,
    .listing .info .monster-name .name {
        font-size: 16px!important
    }
    .listing .info .requires-attunement {
        margin: 0 50px 0 35px!important
    }
    .listing .info .notes {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        width: calc(100% - 750px)
    }
    .listing .info .notes span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

.ddb-market-additional-items {
    padding-top: 30px
}

.ddb-market-additional-items .listing-license-bundle {
    margin: 0 -10px
}

@media(min-width:1024px) {
    .ddb-market-cart {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 15px
    }
}

.ddb-market-cart-aside {
    background-color: #fff;
    border: 1px solid #EDEAE8;
    padding: 30px
}

@media(min-width:1024px) {
    .ddb-market-cart-aside {
        -webkit-flex: 0 0 390px;
        -ms-flex: 0 0 390px;
        flex: 0 0 390px;
        margin-left: 30px
    }
}

.ddb-market-cart-aside-header {
    font-size: 24px;
    color: #242527
}

.ddb-market-cart-aside .button-proceed-to-checkout {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0;
    margin: 20px auto 0 0
}

.ddb-market-cart-aside .button-proceed-to-checkout:hover {
    background: #3ce5d4
}

.ddb-market-cart-aside .button-proceed-to-checkout,
.ddb-market-cart-aside .button-proceed-to-checkout:hover,
.ddb-market-cart-aside .button-proceed-to-checkout:focus,
.ddb-market-cart-aside .button-proceed-to-checkout:active,
.ddb-market-cart-aside .button-proceed-to-checkout:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-market-cart-aside .button-proceed-to-checkout {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-market-cart-aside .button-proceed-to-checkout:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

@media(min-width:1024px) {
    .ddb-market-cart-aside .button-proceed-to-checkout {
        height: 50px;
        max-width: none;
        font-size: 15px
    }
}

.ddb-market-cart-aside-footer-legal {
    text-align: center;
    padding-top: 20px;
    color: #979AA4
}

.ddb-market-cart-aside-footer-legal .link {
    font-size: 14px;
    font-weight: 500
}

.ddb-market-cart-aside-footer-legal .link,
.ddb-market-cart-aside-footer-legal .link:hover,
.ddb-market-cart-aside-footer-legal .link:focus,
.ddb-market-cart-aside-footer-legal .link:active,
.ddb-market-cart-aside-footer-legal .link:visited {
    color: #1cd2c0!important
}

@media(min-width:1024px) {
    .ddb-market-cart-contents {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.ddb-market-cart-contents .listing-container-table {
    overflow-x: auto
}

.ddb-market-cart-contents .listing-container-table table {
    border-collapse: collapse;
    margin: 20px 0
}

.ddb-market-cart-contents .listing-container-table table.compendium-left-aligned-table th {
    text-align: left
}

.ddb-market-cart-contents .listing-container-table table,
.ddb-market-cart-contents .listing-container-table table th,
.ddb-market-cart-contents .listing-container-table table td {
    border: 1px solid #edeae8
}

.ddb-market-cart-contents .listing-container-table table th,
.ddb-market-cart-contents .listing-container-table table td {
    font-size: 14px
}

.ddb-market-cart-contents .listing-container-table table th.left-align,
.ddb-market-cart-contents .listing-container-table table td.left-align {
    text-align: left!important
}

.ddb-market-cart-contents .listing-container-table table th.uppercase,
.ddb-market-cart-contents .listing-container-table table td.uppercase {
    text-transform: uppercase!important
}

.ddb-market-cart-contents .listing-container-table table td {
    text-align: center;
    padding: 10px 20px
}

.ddb-market-cart-contents .listing-container-table table td p {
    font-size: 14px
}

.ddb-market-cart-contents .listing-container-table table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.ddb-market-cart-contents .listing-container-table table tbody tr {
    background: #fff
}

.ddb-market-cart-contents .listing-container-table table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.ddb-market-cart-contents .listing-container-table table tbody tr td.left-align {
    text-align: left!important
}

.ddb-market-cart-contents .listing-container-table table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.ddb-market-cart-contents .listing-container-table table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.ddb-market-cart-contents .listing-container-table .listing {
    margin-top: 0
}

.ddb-market-cart-contents .listing-container-table .listing th,
.ddb-market-cart-contents .listing-container-table .listing td {
    font-weight: 500;
    color: #242527
}

.ddb-market-cart-contents .listing-container-table .listing th:nth-of-type(1),
.ddb-market-cart-contents .listing-container-table .listing td:nth-of-type(1) {
    text-align: left;
    max-width: 410px;
    font-size: 18px
}

.ddb-market-cart-contents .listing-container-table .listing th:nth-of-type(3),
.ddb-market-cart-contents .listing-container-table .listing td:nth-of-type(3) {
    width: 150px;
    font-size: 14px
}

.ddb-market-cart-contents .listing-container-table .listing th:nth-of-type(4),
.ddb-market-cart-contents .listing-container-table .listing td:nth-of-type(4) {
    width: 90px;
    font-size: 14px
}

.ddb-market-cart-contents .listing-container-table .listing th:nth-of-type(5),
.ddb-market-cart-contents .listing-container-table .listing td:nth-of-type(5) {
    width: 90px
}

.ddb-market-cart-contents .listing-container-table .listing th:nth-of-type(5) .remove-from-cart,
.ddb-market-cart-contents .listing-container-table .listing td:nth-of-type(5) .remove-from-cart {
    text-indent: -9999px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    height: 20px;
    width: 20px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/yes-no/x-red.svg");
    background-size: 100%;
    background-position: center
}

.ddb-market-cart-contents .empty {
    text-align: center;
    font-size: 20px
}

.ddb-market-cart-totals-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 10px 0;
    border-bottom: 1px solid #edeae8
}

.ddb-market-cart-totals-item-label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #242527;
    text-transform: uppercase
}

.ddb-market-cart-totals-item-cost {
    font-size: 18px;
    font-weight: 500
}

.ddb-market-cart-totals-item-coupon {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-market-cart-totals-item-coupon .ddb-market-cart-totals-item-label {
    margin-right: auto;
    color: #979AA4
}

.ddb-market-cart-totals-item-coupon .ddb-market-cart-totals-item-cost {
    color: #979AA4
}

.ddb-market-cart-totals-item-coupon-code-remove {
    position: relative;
    top: -1px;
    cursor: pointer;
    display: block;
    margin: 0;
    height: 20px;
    width: 20px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/yes-no/x-red.svg");
    background-size: 100%;
    background-position: center
}

@media(min-width:1024px) {
    .ddb-market-checkout {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 15px
    }
}

.ddb-market-checkout-form-address-inner {
    border: 1px solid #EDEAE8;
    border-radius: 5px;
    background-color: #fff;
    padding: 30px
}

.ddb-market-checkout-form-address-title {
    font-size: 24px;
    color: #242527;
    padding-bottom: 20px
}

.ddb-market-checkout-form-address-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px -10px
}

.ddb-market-checkout-form-address-body .form-field {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 15px 10px;
    margin: 0
}

@media(min-width:600px) {
    .ddb-market-checkout-form-address-body .form-field#form-field-shipping-first-name,
    .ddb-market-checkout-form-address-body .form-field#form-field-shipping-last-name,
    .ddb-market-checkout-form-address-body .form-field#form-field-billing-first-name,
    .ddb-market-checkout-form-address-body .form-field#form-field-billing-last-name {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:600px) {
    .ddb-market-checkout-form-address-body .form-field#form-field-shipping-locality,
    .ddb-market-checkout-form-address-body .form-field#form-field-shipping-state,
    .ddb-market-checkout-form-address-body .form-field#form-field-shipping-postal-code,
    .ddb-market-checkout-form-address-body .form-field#form-field-billing-locality,
    .ddb-market-checkout-form-address-body .form-field#form-field-billing-state,
    .ddb-market-checkout-form-address-body .form-field#form-field-billing-postal-code {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

.ddb-market-checkout-form-address-body .form-field label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #242527;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.ddb-market-checkout-form-address-body .form-field input {
    height: 50px;
    width: 100%;
    padding: 10px;
    border: 1px solid #d8dde3;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    border-radius: 0;
    font-size: 15px
}

.ddb-market-checkout-form-address-body .form-field .select2-container .select2-choice {
    border-radius: 0!important;
    border-color: #D8DDE3!important;
    background-image: none!important;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    display: table;
    height: 50px;
    width: 100%
}

.ddb-market-checkout-form-address-body .form-field .select2-container .select2-choice .select2-chosen {
    height: 100%;
    vertical-align: middle;
    display: table-cell
}

.ddb-market-checkout-form-address-body .form-field .select2-container .select2-choice .select2-arrow {
    background: 0;
    border: 0;
    top: 10px
}

.select2-drop {
    border-radius: 0!important;
    border-color: #D8DDE3!important
}

.ddb-market-checkout-form-address-same {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

.ddb-market-checkout-form-address-same .fc-fake-address-same {
    padding-right: 10px
}

.ddb-market-checkout-form-address-same-input {
    height: 20px;
    width: 20px
}

.ddb-market-checkout-form-address-same-label {
    color: #242527;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.ddb-market-checkout-form-address+.ddb-market-checkout-form-payment {
    margin-top: 30px
}

.ddb-market-checkout-form-payment-container {
    border: 1px solid #EDEAE8;
    border-radius: 5px;
    background-color: #fff;
    padding: 30px
}

@media(min-width:675px) {
    .ddb-market-checkout-form-payment-container-credit {
        position: relative
    }
}

.ddb-market-checkout-form-payment-container+.ddb-market-checkout-form-payment-container {
    margin-top: 20px
}

.ddb-market-checkout-form-payment-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ddb-market-checkout-form-payment-container-credit .ddb-market-checkout-form-payment-header {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.ddb-market-checkout-form-payment-selector {
    margin-right: 10px!important
}

.ddb-market-checkout-form-payment-label {
    font-size: 16px;
    color: #242527
}

.ddb-market-checkout-form-payment-container-credit .ddb-market-checkout-form-payment-label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-market-checkout-form-payment-container-credit .ddb-market-checkout-form-payment-label::after {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/ssl-secure.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 10px;
    width: 80px;
    height: 25px
}

.ddb-market-checkout-form-payment-fields {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px -10px;
    padding-top: 20px
}

.ddb-market-checkout-form-payment-fields-label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #242527
}

.ddb-market-checkout-form-payment-fields-input {
    height: 50px;
    width: 100%;
    padding: 10px;
    border: 1px solid #d8dde3;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    border-radius: 0;
    font-size: 15px
}

.ddb-market-checkout-form-payment-fields-item {
    padding: 15px 10px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media(min-width:1024px) {
    .ddb-market-checkout-form-payment-fields-item-card-number {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:600px) {
    .ddb-market-checkout-form-payment-fields-item-cvv,
    .ddb-market-checkout-form-payment-fields-item-expiration-date {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:1024px) {
    .ddb-market-checkout-form-payment-fields-item-cvv,
    .ddb-market-checkout-form-payment-fields-item-expiration-date {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.ddb-market-checkout-form-actions {
    padding-top: 20px
}

.ddb-market-checkout-form-actions .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    margin-left: 0
}

.ddb-market-checkout-form-actions .button:hover {
    background: #3ce5d4
}

.ddb-market-checkout-form-actions .button,
.ddb-market-checkout-form-actions .button:hover,
.ddb-market-checkout-form-actions .button:focus,
.ddb-market-checkout-form-actions .button:active,
.ddb-market-checkout-form-actions .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-market-checkout-form-actions .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-market-checkout-form-actions .button:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

@media(min-width:1024px) {
    .ddb-market-checkout-form-actions .button {
        height: 50px;
        width: 200px;
        font-size: 15px
    }
}

.ddb-market-checkout-form-legal {
    margin-top: 30px
}

.ddb-market-checkout-form-legal .link,
.ddb-market-checkout-form-legal .link:hover,
.ddb-market-checkout-form-legal .link:focus,
.ddb-market-checkout-form-legal .link:active,
.ddb-market-checkout-form-legal .link:visited {
    color: #1cd2c0!important
}

.ddb-market-checkout-form-legal-text {
    font-size: 12px;
    color: #979AA4
}

.ddb-market-checkout-form-legal-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    border: 1px solid #EDEAE8;
    border-radius: 5px;
    background-color: #fff;
    padding: 30px
}

.ddb-market-checkout-form-legal-block-body,
.ddb-market-checkout-form-legal-block-body-text {
    display: inline
}

.ddb-market-checkout-form-legal-block-input {
    display: inline-block;
    margin-right: 10px
}

.ddb-market-checkout-form-legal-block-input .fc-fake {
    display: inline-block
}

.ddb-market-checkout-form-legal-block-input .fc-fake-item {
    width: 20px;
    height: 20px
}

.ddb-market-checkout-form-legal-block-body-text+.ddb-market-checkout-form-legal-block-body-text {
    display: block;
    margin-top: 10px
}

.ddb-market-checkout-form-legal-block+.ddb-market-checkout-form-legal-text {
    margin-top: 20px
}

.ddb-market-checkout-form-record {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.ddb-market-checkout-form-record-item {
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

.ddb-market-checkout-form-record-label {
    font-weight: bold
}

.ddb-market-checkout-cards {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(min-width:675px) {
    .ddb-market-checkout-cards {
        position: absolute;
        top: 30px;
        right: 30px
    }
}

.ddb-market-checkout-cards-item {
    height: 21px;
    width: 48px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.ddb-market-checkout-cards-item-visa {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/cc/visa.svg")
}

.ddb-market-checkout-cards-item-amex {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/cc/amex.svg")
}

.ddb-market-checkout-cards-item-mastercard {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/cc/mastercard.svg")
}

.ddb-market-checkout-cards-item-discover {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/cc/discover.svg")
}

.ddb-market-checkout .ddb-market-cart-aside-contents {
    overflow-x: auto
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table {
    border-collapse: collapse;
    margin: 20px 0
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table.compendium-left-aligned-table th {
    text-align: left
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table,
.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table th,
.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table td {
    border: 1px solid #edeae8
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table th,
.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table td {
    font-size: 14px
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table th.left-align,
.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table td.left-align {
    text-align: left!important
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table th.uppercase,
.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table td.uppercase {
    text-transform: uppercase!important
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table td {
    text-align: center;
    padding: 10px 20px
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table td p {
    font-size: 14px
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table tbody tr {
    background: #fff
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table tbody tr td.left-align {
    text-align: left!important
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table .listing th,
.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table .listing td {
    color: #242527;
    font-size: 14px
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table .listing th:nth-of-type(1),
.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table .listing td:nth-of-type(1) {
    text-align: left
}

.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table .listing th:nth-of-type(2),
.ddb-market-checkout .ddb-market-cart-aside-contents .listing-container-table .listing td:nth-of-type(2) {
    width: 90px
}

.ddb-market-confirmation {
    margin-top: 10px
}

.ddb-market-confirmation-header-primary {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #242527;
    padding-bottom: 10px
}

.ddb-market-confirmation-header-primary::before {
    content: '';
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: baseline;
    margin-right: 10px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/yes-no/check-green.svg");
    background-size: 100%
}

.ddb-market-confirmation-header-secondary {
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #242527;
    max-width: 500px;
    margin: 0 auto
}

.ddb-market-confirmation-header-secondary .link,
.ddb-market-confirmation-header-secondary .link:hover,
.ddb-market-confirmation-header-secondary .link:focus,
.ddb-market-confirmation-header-secondary .link:active,
.ddb-market-confirmation-header-secondary .link:visited {
    color: #1b9af0!important
}

.ddb-market-confirmation-header-congrats {
    font-size: 24px;
    text-align: center;
    color: #242527
}

.ddb-market-confirmation-header .line {
    width: 200px;
    margin-left: auto;
    margin-right: auto
}

.ddb-market-confirmation-body .listing-container-table table {
    border-collapse: collapse;
    margin: 20px 0
}

.ddb-market-confirmation-body .listing-container-table table.compendium-left-aligned-table th {
    text-align: left
}

.ddb-market-confirmation-body .listing-container-table table,
.ddb-market-confirmation-body .listing-container-table table th,
.ddb-market-confirmation-body .listing-container-table table td {
    border: 1px solid #edeae8
}

.ddb-market-confirmation-body .listing-container-table table th,
.ddb-market-confirmation-body .listing-container-table table td {
    font-size: 14px
}

.ddb-market-confirmation-body .listing-container-table table th.left-align,
.ddb-market-confirmation-body .listing-container-table table td.left-align {
    text-align: left!important
}

.ddb-market-confirmation-body .listing-container-table table th.uppercase,
.ddb-market-confirmation-body .listing-container-table table td.uppercase {
    text-transform: uppercase!important
}

.ddb-market-confirmation-body .listing-container-table table td {
    text-align: center;
    padding: 10px 20px
}

.ddb-market-confirmation-body .listing-container-table table td p {
    font-size: 14px
}

.ddb-market-confirmation-body .listing-container-table table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.ddb-market-confirmation-body .listing-container-table table tbody tr {
    background: #fff
}

.ddb-market-confirmation-body .listing-container-table table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.ddb-market-confirmation-body .listing-container-table table tbody tr td.left-align {
    text-align: left!important
}

.ddb-market-confirmation-body .listing-container-table table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.ddb-market-confirmation-body .listing-container-table table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.ddb-market-confirmation-body .listing-container-table .listing th:nth-of-type(1),
.ddb-market-confirmation-body .listing-container-table .listing td:nth-of-type(1) {
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: #242527
}

.ddb-market-confirmation-body .listing-container-table .listing th:nth-of-type(2),
.ddb-market-confirmation-body .listing-container-table .listing td:nth-of-type(2) {
    width: 150px;
    font-size: 14px;
    font-weight: 500;
    color: #242527
}

.ddb-market-coupon-header {
    font-size: 24px;
    color: #242527;
    padding-bottom: 20px
}

#site .ddb-market-coupon-form-input {
    height: 50px;
    width: 100%;
    padding: 10px;
    border: 1px solid #d8dde3;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    border-radius: 0;
    font-size: 15px
}

.ddb-market-coupon-form-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0;
    margin: 10px auto 0 0
}

.ddb-market-coupon-form-button:hover {
    background: #3ce5d4
}

.ddb-market-coupon-form-button,
.ddb-market-coupon-form-button:hover,
.ddb-market-coupon-form-button:focus,
.ddb-market-coupon-form-button:active,
.ddb-market-coupon-form-button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-market-coupon-form-button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-market-coupon-form-button:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

@media(min-width:1024px) {
    .ddb-market-coupon-form-button {
        max-width: none;
        width: auto
    }
}

.ddb-market-coupon-form-message.error {
    font-size: 14px;
    padding: 10px 0;
    color: #f00
}

.ddb-market-digital-warning {
    border: 1px solid #979AA4;
    border-radius: 3px;
    background-color: #fff;
    padding: 15px 30px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #979AA4;
    text-align: center
}

@media(min-width:1024px) {
    .ddb-market-digital-warning {
        display: inline-block
    }
}

.ddb-market-license-item {
    background-color: #fff;
    border: 1px solid #EDEAE8;
    border-radius: 5px;
    padding: 30px;
    position: relative
}

@media(min-width:590px) {
    .ddb-market-license-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ddb-market-license-item-wrapper {
    padding: 10px
}

.ddb-market-license-item-small-wrapper {
    max-width: 600px
}

@media(min-width:1200px) {
    .ddb-market-license-item-small-wrapper {
        width: 50%;
        padding-top: 0;
        display: table-cell;
        min-height: 907px
    }
}

.ddb-market-license-item-small-wrapper+.ddb-market-license-item-small-wrapper {
    padding-top: 20px
}

@media(min-width:1200px) {
    .ddb-market-license-item-small-wrapper+.ddb-market-license-item-small-wrapper {
        padding-top: 0
    }
}

@media(min-width:1200px) {
    .ddb-market-license-item-small-wrapper .ddb-market-license-item-small {
        height: 100%
    }
}

.ddb-market-license-item-featured {
    min-height: 422px
}

.ddb-market-license-item-avatar {
    background-size: contain;
    height: 175px;
    width: 135px;
    margin: 0 auto;
    max-width: 275px
}

@media(min-width:1200px) {
    .ddb-market-license-item-details .ddb-market-license-item-avatar,
    .ddb-market-license-item-featured .ddb-market-license-item-avatar {
        height: 360px;
        width: 275px
    }
}

@media(min-width:590px) {
    .ddb-market-license-item-avatar-wrapper {
        -webkit-flex: 0 0 135px;
        -ms-flex: 0 0 135px;
        flex: 0 0 135px
    }
}

@media(min-width:1200px) {
    .ddb-market-license-item-details .ddb-market-license-item-avatar-wrapper,
    .ddb-market-license-item-featured .ddb-market-license-item-avatar-wrapper {
        position: absolute;
        -webkit-flex-basis: 275px;
        -ms-flex-preferred-size: 275px;
        flex-basis: 275px
    }
}

.ddb-market-license-item-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ddb-market-license-item-name {
    font-size: 30px;
    font-weight: bold;
    color: #242527;
    line-height: 1.2
}

.ddb-market-license-item-cost {
    font-size: 20px;
    font-weight: 500;
    color: #242527
}

.ddb-market-license-item-cost .msrp {
    position: relative
}

.ddb-market-license-item-cost .msrp::before {
    position: absolute;
    content: "";
    left: -5px;
    top: 50%;
    right: -5px;
    border-top: 3px solid;
    border-color: red;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

.ddb-market-license-item-cost .msrp+.price {
    margin-left: 10px
}

.ddb-market-license-item-cost .savings {
    color: #1cd2c0;
    font-size: 14px;
    font-weight: 500;
    padding-left: 5px
}

.ddb-market-license-item-cost .credit-byline {
    display: block;
    font-size: 12px;
    color: #979AA4;
    font-weight: normal
}

.ddb-market-license-item-cost .content-unlocked {
    text-transform: uppercase;
    color: #979AA4;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px
}

.ddb-market-license-item-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:590px) {
    .ddb-market-license-item-header {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        padding-left: 30px
    }
}

@media(min-width:590px) and (min-width:590px) {
    .ddb-market-license-item-small .ddb-market-license-item-header {
        max-height: 175px
    }
}

@media(min-width:1200px) {
    .ddb-market-license-item-featured .ddb-market-license-item-header {
        margin-left: 275px;
        margin-right: 275px
    }
}

@media(min-width:1200px) {
    .ddb-market-license-item-details .ddb-market-license-item-header {
        margin-left: 275px
    }
}

.ddb-market-license-item-body {
    font-size: 16px;
    line-height: 26px;
    color: #242527
}

@media(min-width:590px) {
    .ddb-market-license-item-body {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        padding-top: 30px;
        height: 100%;
        max-height: 600px
    }
}

@media(min-width:1200px) {
    .ddb-market-license-item-featured .ddb-market-license-item-body {
        margin-left: 275px;
        margin-right: 275px;
        padding-left: 30px
    }
}

@media(min-width:1200px) {
    .ddb-market-license-item-details .ddb-market-license-item-body {
        padding-left: 30px;
        margin-left: 275px
    }
}

.ddb-market-license-item-footer {
    padding-top: 20px;
    width: 100%
}

@media(min-width:1024px) {
    .ddb-market-license-item-footer {
        margin-top: auto
    }
}

.ddb-market-license-item-footer-counts-label,
.ddb-market-license-item-footer-counts-list {
    font-size: 14px;
    color: #242527;
    display: inline
}

.ddb-market-license-item-footer-counts-label {
    font-weight: bold
}

@media(min-width:1200px) {
    .ddb-market-license-item-featured .ddb-market-license-item-footer-counts-label {
        font-size: 16px
    }
}

@media(min-width:1200px) {
    .ddb-market-license-item-featured .ddb-market-license-item-footer-counts-list {
        display: block;
        margin-top: 10px
    }
}

.ddb-market-license-item-footer-counts-list .pretty-list {
    display: inline
}

@media(min-width:1200px) {
    .ddb-market-license-item-footer-counts-list .pretty-list {
        display: none
    }
}

.ddb-market-license-item-featured .ddb-market-license-item-footer-counts-list-item {
    display: none
}

@media(min-width:1200px) {
    .ddb-market-license-item-featured .ddb-market-license-item-footer-counts-list-item {
        display: block;
        font-size: 16px;
        margin-top: 5px
    }
}

.ddb-market-license-item-footer-legal {
    padding-bottom: 20px;
    color: #979AA4
}

.ddb-market-license-item-footer-legal .link {
    font-size: 14px;
    font-weight: 500
}

.ddb-market-license-item-footer-legal .link,
.ddb-market-license-item-footer-legal .link:hover,
.ddb-market-license-item-footer-legal .link:focus,
.ddb-market-license-item-footer-legal .link:active,
.ddb-market-license-item-footer-legal .link:visited {
    color: #1cd2c0!important
}

@media(min-width:1200px) {
    .ddb-market-license-item-featured .ddb-market-license-item-footer {
        width: 250px;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 60px 30px;
        border-left: 1px solid #EDEAE8
    }
}

@media(min-width:1200px) {
    .ddb-market-license-item-featured .ddb-market-license-item-footer .line {
        display: none
    }
}

@media(min-width:1200px) {
    .ddb-market-license-item-details .ddb-market-license-item-footer {
        margin-left: 275px;
        padding-left: 30px
    }
}

.ddb-market-license-item-options {
    padding: 20px 0
}

.ddb-market-license-item-details .ddb-market-license-item-options,
.ddb-market-license-item-featured .ddb-market-license-item-options,
.ddb-market-license-item-small .ddb-market-license-item-options {
    margin-top: auto
}

@media(min-width:590px) {
    .ddb-market-license-item-details .ddb-market-license-item-options,
    .ddb-market-license-item-featured .ddb-market-license-item-options,
    .ddb-market-license-item-small .ddb-market-license-item-options {
        padding-bottom: 0
    }
}

@media(min-width:1024px) {
    .ddb-market-license-item-options {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.ddb-market-license-item-options .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0
}

.ddb-market-license-item-options .button:hover {
    background: #3ce5d4
}

.ddb-market-license-item-options .button,
.ddb-market-license-item-options .button:hover,
.ddb-market-license-item-options .button:focus,
.ddb-market-license-item-options .button:active,
.ddb-market-license-item-options .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-market-license-item-options .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-market-license-item-options .button:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

@media(min-width:590px) {
    .ddb-market-license-item-options .button {
        width: 225px!important;
        margin: 0!important
    }
}

@media(min-width:1024px) {
    .ddb-market-license-item-options .button {
        max-width: 185px
    }
}

@media(min-width:1024px) {
    .ddb-market-license-item-featured .ddb-market-license-item-options .button {
        width: 185px!important
    }
}

.ddb-market-license-item-options .button-view-purchase-options {
    min-width: 0!important
}

.ddb-market-license-item-details .ddb-market-license-item-options .button-view-purchase-options,
.ddb-market-license-item-featured .ddb-market-license-item-options .button-view-purchase-options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: transparent;
    height: 50px;
    width: auto;
    max-width: 300px;
    box-shadow: none;
    border: 2px solid #1cd2c0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-market-license-item-details .ddb-market-license-item-options .button-view-purchase-options:hover,
.ddb-market-license-item-featured .ddb-market-license-item-options .button-view-purchase-options:hover {
    border-color: #3ce5d4
}

.ddb-market-license-item-details .ddb-market-license-item-options .button-view-purchase-options,
.ddb-market-license-item-details .ddb-market-license-item-options .button-view-purchase-options:hover,
.ddb-market-license-item-details .ddb-market-license-item-options .button-view-purchase-options:focus,
.ddb-market-license-item-details .ddb-market-license-item-options .button-view-purchase-options:active,
.ddb-market-license-item-details .ddb-market-license-item-options .button-view-purchase-options:visited,
.ddb-market-license-item-featured .ddb-market-license-item-options .button-view-purchase-options,
.ddb-market-license-item-featured .ddb-market-license-item-options .button-view-purchase-options:hover,
.ddb-market-license-item-featured .ddb-market-license-item-options .button-view-purchase-options:focus,
.ddb-market-license-item-featured .ddb-market-license-item-options .button-view-purchase-options:active,
.ddb-market-license-item-featured .ddb-market-license-item-options .button-view-purchase-options:visited {
    color: #1cd2c0!important
}

@media(min-width:1024px) {
    .ddb-market-license-item-details .ddb-market-license-item-options .button-view-purchase-options,
    .ddb-market-license-item-featured .ddb-market-license-item-options .button-view-purchase-options {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-market-license-item-details .ddb-market-license-item-options .button-view-purchase-options:hover,
.ddb-market-license-item-featured .ddb-market-license-item-options .button-view-purchase-options:hover {
    color: #3ce5d4!important;
    transition: 100ms linear all;
    border-color: #3ce5d4;
    background-color: transparent
}

.ddb-market-license-item-small .ddb-market-license-item-options .button-view-purchase-options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-market-license-item-small .ddb-market-license-item-options .button-view-purchase-options:hover {
    background: #3ce5d4
}

.ddb-market-license-item-small .ddb-market-license-item-options .button-view-purchase-options,
.ddb-market-license-item-small .ddb-market-license-item-options .button-view-purchase-options:hover,
.ddb-market-license-item-small .ddb-market-license-item-options .button-view-purchase-options:focus,
.ddb-market-license-item-small .ddb-market-license-item-options .button-view-purchase-options:active,
.ddb-market-license-item-small .ddb-market-license-item-options .button-view-purchase-options:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-market-license-item-small .ddb-market-license-item-options .button-view-purchase-options {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-market-license-item-small .ddb-market-license-item-options .button-view-purchase-options:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

.ddb-market-license-item-options .button-add-to-cart::before {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/marketplace/cart/cart-white.svg");
    height: 16px;
    width: 16px;
    margin-right: 10px;
    background-size: cover;
    background-position: center
}

.ddb-market-license-item-options .button+.button {
    margin-top: 10px!important
}

@media(min-width:1024px) {
    .ddb-market-license-item-options .button+.button {
        margin: 0 0 0 10px!important
    }
}

.ddb-market-license-item-callout {
    position: absolute;
    top: 30px;
    right: -5px;
    background-color: #1cd2c0;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    box-shadow: -2px 4px 9px -4px #16a597
}

.ddb-market-license-item-callout::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid #16a597;
    border-right: 5px solid transparent;
    position: absolute;
    top: 37px;
    right: 0
}

.ddb-market-order-details-header {
    padding-bottom: 20px
}

.ddb-market-order-details-header-primary {
    font-size: 24px;
    color: #242527;
    font-weight: bold
}

.ddb-market-order-details-body .listing-container-table table {
    border-collapse: collapse;
    margin: 20px 0
}

.ddb-market-order-details-body .listing-container-table table.compendium-left-aligned-table th {
    text-align: left
}

.ddb-market-order-details-body .listing-container-table table,
.ddb-market-order-details-body .listing-container-table table th,
.ddb-market-order-details-body .listing-container-table table td {
    border: 1px solid #edeae8
}

.ddb-market-order-details-body .listing-container-table table th,
.ddb-market-order-details-body .listing-container-table table td {
    font-size: 14px
}

.ddb-market-order-details-body .listing-container-table table th.left-align,
.ddb-market-order-details-body .listing-container-table table td.left-align {
    text-align: left!important
}

.ddb-market-order-details-body .listing-container-table table th.uppercase,
.ddb-market-order-details-body .listing-container-table table td.uppercase {
    text-transform: uppercase!important
}

.ddb-market-order-details-body .listing-container-table table td {
    text-align: center;
    padding: 10px 20px
}

.ddb-market-order-details-body .listing-container-table table td p {
    font-size: 14px
}

.ddb-market-order-details-body .listing-container-table table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.ddb-market-order-details-body .listing-container-table table tbody tr {
    background: #fff
}

.ddb-market-order-details-body .listing-container-table table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.ddb-market-order-details-body .listing-container-table table tbody tr td.left-align {
    text-align: left!important
}

.ddb-market-order-details-body .listing-container-table table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.ddb-market-order-details-body .listing-container-table table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.ddb-market-order-details-body .listing-container-table .listing {
    margin-top: 0
}

.ddb-market-order-details-body .listing-container-table .listing th,
.ddb-market-order-details-body .listing-container-table .listing td {
    font-weight: 500
}

.ddb-market-order-details-body .listing-container-table .listing th:nth-of-type(1),
.ddb-market-order-details-body .listing-container-table .listing td:nth-of-type(1) {
    text-align: left;
    font-size: 18px
}

.ddb-market-order-details-body .listing-container-table .listing th:nth-of-type(2),
.ddb-market-order-details-body .listing-container-table .listing td:nth-of-type(2) {
    width: 150px;
    font-size: 14px
}

.ddb-market-purchase-options {
    border: 1px solid #EDEAE8;
    border-radius: 5px;
    background-color: #fff
}

@media(min-width:1024px) {
    .ddb-market-purchase-options {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.ddb-market-purchase-options+.ddb-market-purchase-options {
    margin-top: 30px
}

@media(min-width:590px) {
    .ddb-market-purchase-options+.ddb-market-subheader {
        padding-top: 30px
    }
}

.ddb-market-purchase-options-compendium .ddb-market-purchase-options-collection {
    font-size: 16px;
    color: #242527
}

.ddb-market-purchase-options-main {
    background-color: #F5F3F1;
    padding: 30px
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-main {
        -webkit-flex: 0 0 305px;
        -ms-flex: 0 0 305px;
        flex: 0 0 305px
    }
}

.ddb-market-purchase-options-main-header {
    font-size: 30px;
    font-weight: bold;
    color: #242527
}

.ddb-market-purchase-options-main-cost {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.ddb-market-purchase-options-main-cost .msrp {
    position: relative
}

.ddb-market-purchase-options-main-cost .msrp::before {
    position: absolute;
    content: "";
    left: -5px;
    top: 50%;
    right: -5px;
    border-top: 2px solid;
    border-color: red;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

.ddb-market-purchase-options-main-cost .msrp+.price {
    margin-left: 10px
}

.ddb-market-purchase-options-main-cost .savings {
    color: #1cd2c0;
    font-size: 14px;
    font-weight: 500;
    padding-left: 5px
}

.ddb-market-purchase-options-main-cost .credit-byline {
    display: block;
    font-size: 12px;
    color: #979AA4;
    font-weight: normal
}

.ddb-market-purchase-options-main-cost-byline {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    font-size: 14px;
    font-weight: 500;
    color: #979aa4
}

.ddb-market-purchase-options-main-cost .content-unlocked {
    text-transform: uppercase;
    color: #979AA4;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px
}

.ddb-market-purchase-options-main .content-unlocked {
    text-transform: uppercase;
    color: #979AA4;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px
}

.ddb-market-purchase-options-body {
    padding-top: 20px;
    font-size: 16px;
    color: #242527;
    line-height: 24px
}

.ddb-market-purchase-options-footer {
    margin-top: 20px
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-footer .button {
        max-width: 185px;
        margin: 0
    }
}

.ddb-market-purchase-options-footer .button-add-to-cart {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-market-purchase-options-footer .button-add-to-cart:hover {
    background: #3ce5d4
}

.ddb-market-purchase-options-footer .button-add-to-cart,
.ddb-market-purchase-options-footer .button-add-to-cart:hover,
.ddb-market-purchase-options-footer .button-add-to-cart:focus,
.ddb-market-purchase-options-footer .button-add-to-cart:active,
.ddb-market-purchase-options-footer .button-add-to-cart:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-footer .button-add-to-cart {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-market-purchase-options-footer .button-add-to-cart:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

.ddb-market-purchase-options-footer .button-add-to-cart::before {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/marketplace/cart/cart-white.svg");
    height: 16px;
    width: 16px;
    margin-right: 10px;
    background-size: cover;
    background-position: center
}

.ddb-market-purchase-options-footer .button-in-cart {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: transparent;
    height: 50px;
    width: auto;
    max-width: 300px;
    box-shadow: none;
    border: 2px solid #979AA4;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-market-purchase-options-footer .button-in-cart:hover {
    border-color: #b2b4bc
}

.ddb-market-purchase-options-footer .button-in-cart,
.ddb-market-purchase-options-footer .button-in-cart:hover,
.ddb-market-purchase-options-footer .button-in-cart:focus,
.ddb-market-purchase-options-footer .button-in-cart:active,
.ddb-market-purchase-options-footer .button-in-cart:visited {
    color: #979AA4!important
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-footer .button-in-cart {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-market-purchase-options-footer .button-in-cart:hover {
    color: #b2b4bc!important;
    transition: 100ms linear all;
    border-color: #b2b4bc;
    background-color: transparent
}

.ddb-market-purchase-options-collection {
    padding: 30px
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-collection {
        width: 100%
    }
}

.ddb-market-purchase-options-collection-header {
    font-size: 20px;
    font-weight: 500;
    color: #242527
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-collection-header {
        padding-bottom: 20px;
        border-bottom: 1px solid #edeae8
    }
}

.ddb-market-purchase-options-collection-list {
    padding-top: 30px;
    margin: 0 -10px
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-collection-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ddb-market-purchase-options-collection-list-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-collection-list-item {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.ddb-market-purchase-options-collection-list-item:nth-of-type(odd) {
    background-color: #f5f3f1
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-collection-list-item:nth-of-type(odd) {
        background-color: #fff;
        border-right: 1px solid #EDEAE8;
        padding-right: 30px
    }
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-collection-list-item:nth-of-type(even) {
        padding-left: 30px
    }
}

.ddb-market-purchase-options-collection-list-item-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-collection-list-item-info {
        width: 100%;
        padding-right: 10px
    }
}

.ddb-market-purchase-options-collection-list-item-label,
.ddb-market-purchase-options-collection-list-item-cost {
    font-size: 16px;
    color: #242527
}

.ddb-market-purchase-options-collection-list-item-cost {
    padding-left: 10px
}

.ddb-market-purchase-options-collection-list-item-action {
    padding-top: 5px
}

.ddb-market-purchase-options-collection-list-item-action .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: transparent;
    height: 50px;
    width: auto;
    max-width: 300px;
    box-shadow: none;
    border: 2px solid #1cd2c0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    width: 180px;
    margin-left: 0
}

.ddb-market-purchase-options-collection-list-item-action .button:hover {
    border-color: #3ce5d4
}

.ddb-market-purchase-options-collection-list-item-action .button,
.ddb-market-purchase-options-collection-list-item-action .button:hover,
.ddb-market-purchase-options-collection-list-item-action .button:focus,
.ddb-market-purchase-options-collection-list-item-action .button:active,
.ddb-market-purchase-options-collection-list-item-action .button:visited {
    color: #1cd2c0!important
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-collection-list-item-action .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-market-purchase-options-collection-list-item-action .button:hover {
    color: #3ce5d4!important;
    transition: 100ms linear all;
    border-color: #3ce5d4;
    background-color: transparent
}

@media(min-width:1024px) {
    .ddb-market-purchase-options-collection-list-item-action .button {
        max-width: 120px;
        min-width: 0
    }
}

.ddb-market-purchase-options-collection-list-item-action .button.in-cart,
.ddb-market-purchase-options-collection-list-item-action .button-in-cart {
    color: #979AA4!important;
    border-color: #979AA4
}

.ddb-market-purchase-options-collection-list-item-action .button.in-cart::before,
.ddb-market-purchase-options-collection-list-item-action .button-in-cart::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/marketplace/cart/cart-grey.svg")!important
}

.ddb-market-purchase-options-collection-list-item-action .button.in-cart:hover,
.ddb-market-purchase-options-collection-list-item-action .button-in-cart:hover {
    color: #979AA4!important;
    border-color: #979AA4
}

.ddb-market-purchase-options-collection-list-item-action .button-add-to-cart::before {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/marketplace/cart/cart-green.svg");
    height: 16px;
    width: 16px;
    margin-right: 10px;
    background-size: cover;
    background-position: center
}

.ddb-market-purchase-options-collection-list-item-action .button.rpgfeat,
.ddb-market-purchase-options-collection-list-item-action .button.rpgbackground,
.ddb-market-purchase-options-collection-list-item-action .button.rpgclass,
.ddb-market-purchase-options-collection-list-item-action .button.rpgrace,
.ddb-market-purchase-options-collection-list-item-action .button.rpgsubrace {
    border-color: #ee8600;
    color: #ee8600!important
}

.ddb-market-purchase-options-collection-list-item-action .button.rpgspell {
    border-color: #704cd9;
    color: #704cd9!important
}

.ddb-market-purchase-options-collection-list-item-action .button.rpgmonster {
    border-color: #bc0f0f;
    color: #bc0f0f!important
}

.ddb-market-purchase-options-collection-list-item-action .button.rpgmagicitem {
    border-color: #0f5cbc;
    color: #0f5cbc!important
}

.ddb-market-source-listing-header {
    padding-bottom: 30px
}

.ddb-market-source-listing-header-primary,
.ddb-market-source-listing-header-secondary {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-align: center;
    color: #242527
}

.ddb-market-source-listing-header-primary {
    font-weight: bold;
    font-size: 30px
}

.ddb-market-source-listing-header-secondary {
    font-size: 22px
}

.ddb-market-source-listing-body>header {
    display: none
}

.ddb-market-source-listing-body .listing-license-bundle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: -10px 0
}

.ddb-market-subheader {
    font-size: 30px;
    font-weight: 500;
    color: #242527;
    padding-bottom: 10px
}

.ddb-subscription-cancel-form-label {
    font-size: 16px
}

.ddb-subscription-cancel-form-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media(min-width:640px) {
    .ddb-subscription-cancel-form-footer {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.ddb-subscription-cancel-form-footer .button {
    width: 100%!important;
    margin: 10px!important
}

.ddb-subscription-cancel-form-footer .button-submit {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-subscription-cancel-form-footer .button-submit:hover {
    background: #3ce5d4
}

.ddb-subscription-cancel-form-footer .button-submit,
.ddb-subscription-cancel-form-footer .button-submit:hover,
.ddb-subscription-cancel-form-footer .button-submit:focus,
.ddb-subscription-cancel-form-footer .button-submit:active,
.ddb-subscription-cancel-form-footer .button-submit:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-subscription-cancel-form-footer .button-submit {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-subscription-cancel-form-footer .button-submit:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

@media(min-width:1024px) {
    .ddb-subscription-cancel-form-footer .button-submit {
        width: 250px!important
    }
}

.ddb-subscription-cancel-form-footer .button-cancel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: transparent;
    height: 50px;
    width: auto;
    max-width: 300px;
    box-shadow: none;
    border: 2px solid #979AA4;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-subscription-cancel-form-footer .button-cancel:hover {
    border-color: #b2b4bc
}

.ddb-subscription-cancel-form-footer .button-cancel,
.ddb-subscription-cancel-form-footer .button-cancel:hover,
.ddb-subscription-cancel-form-footer .button-cancel:focus,
.ddb-subscription-cancel-form-footer .button-cancel:active,
.ddb-subscription-cancel-form-footer .button-cancel:visited {
    color: #979AA4!important
}

@media(min-width:1024px) {
    .ddb-subscription-cancel-form-footer .button-cancel {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-subscription-cancel-form-footer .button-cancel:hover {
    color: #b2b4bc!important;
    transition: 100ms linear all;
    border-color: #b2b4bc;
    background-color: transparent
}

@media(min-width:1024px) {
    .ddb-subscription-cancel-form-footer .button-cancel {
        width: 180px!important
    }
}

.ddb-subscriptions-details-header-primary {
    color: #242527;
    font-size: 16px
}

.ddb-subscriptions-details-header-primary .link,
.ddb-subscriptions-details-header-primary .link:hover,
.ddb-subscriptions-details-header-primary .link:focus,
.ddb-subscriptions-details-header-primary .link:active,
.ddb-subscriptions-details-header-primary .link:visited {
    color: #1b9af0!important
}

.ddb-subscriptions-details-body {
    margin-top: 30px
}

.ddb-subscriptions-purchase-current {
    margin-bottom: 30px;
    border: 3px solid #1cd2c0;
    background-color: #fff;
    border-radius: 4px;
    padding: 30px
}

.ddb-subscriptions-purchase-current.active {
    border-color: green
}

.ddb-subscriptions-purchase-current.cancelled {
    border-color: gold
}

.ddb-subscriptions-purchase-current.no-sub {
    border-color: darkred
}

@media(min-width:800px) {
    .ddb-subscriptions-purchase-current {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ddb-subscriptions-purchase-current-primary {
    font-size: 20px;
    font-weight: bold
}

@media(min-width:800px) {
    .ddb-subscriptions-purchase-current-primary {
        font-size: 24px
    }
}

.ddb-subscriptions-purchase-current-secondary .plan-name,
.ddb-subscriptions-purchase-current-secondary .plan-paid,
.ddb-subscriptions-purchase-current-secondary .plan-status {
    font-size: 14px
}

.ddb-subscriptions-purchase-current-secondary .plan-name .label,
.ddb-subscriptions-purchase-current-secondary .plan-paid .label,
.ddb-subscriptions-purchase-current-secondary .plan-status .label {
    font-weight: bold
}

.ddb-subscriptions-purchase-current-secondary .plan-paid,
.ddb-subscriptions-purchase-current-secondary .plan-status {
    margin-top: 5px
}

.ddb-subscriptions-purchase-current-secondary .plan-name {
    font-size: 16px
}

.ddb-subscriptions-purchase-current-actions {
    margin-top: 10px
}

@media(min-width:800px) {
    .ddb-subscriptions-purchase-current-actions {
        margin-top: 0;
        margin-left: auto
    }
}

.ddb-subscriptions-purchase-current-actions .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0
}

.ddb-subscriptions-purchase-current-actions .button:hover {
    background: #3ce5d4
}

.ddb-subscriptions-purchase-current-actions .button,
.ddb-subscriptions-purchase-current-actions .button:hover,
.ddb-subscriptions-purchase-current-actions .button:focus,
.ddb-subscriptions-purchase-current-actions .button:active,
.ddb-subscriptions-purchase-current-actions .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-current-actions .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-subscriptions-purchase-current-actions .button:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

.ddb-subscriptions-purchase-current-actions .button-cancelled {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: transparent;
    height: 50px;
    width: auto;
    max-width: 300px;
    box-shadow: none;
    border: 2px solid #979AA4;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0;
    cursor: default
}

.ddb-subscriptions-purchase-current-actions .button-cancelled:hover {
    border-color: #b2b4bc
}

.ddb-subscriptions-purchase-current-actions .button-cancelled,
.ddb-subscriptions-purchase-current-actions .button-cancelled:hover,
.ddb-subscriptions-purchase-current-actions .button-cancelled:focus,
.ddb-subscriptions-purchase-current-actions .button-cancelled:active,
.ddb-subscriptions-purchase-current-actions .button-cancelled:visited {
    color: #979AA4!important
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-current-actions .button-cancelled {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-subscriptions-purchase-current-actions .button-cancelled:hover {
    color: #b2b4bc!important;
    transition: 100ms linear all;
    border-color: #b2b4bc;
    background-color: transparent
}

.ddb-subscriptions-purchase-current-actions .button-cancelled:hover {
    border-color: #979AA4;
    color: #979AA4!important
}

.ddb-subscriptions-purchase-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border: 1px solid #edeae8;
    border-radius: 4px;
    overflow: hidden;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 0
}

@media(min-width:900px) {
    .ddb-subscriptions-purchase-block {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ddb-subscriptions-purchase-block-primary {
    padding: 30px
}

.ddb-subscriptions-purchase-block-primary-header-text {
    color: #242527;
    font-weight: bold;
    font-size: 30px
}

.ddb-subscriptions-purchase-block-primary-body {
    padding-top: 10px
}

.ddb-subscriptions-purchase-block-primary-body-text {
    color: #242527;
    font-size: 18px;
    line-height: 26px
}

.ddb-subscriptions-purchase-block-primary-body-label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    color: #242527;
    font-size: 20px;
    font-weight: bold
}

.ddb-subscriptions-purchase-block-primary-body-label-text {
    display: inline
}

.ddb-subscriptions-purchase-block-primary-body-label-text-secondary {
    color: #979AA4;
    font-weight: normal;
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-subscriptions-purchase-block-primary-body-label-text-secondary>span {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-subscriptions-purchase-block-primary-body-label-text-secondary>span+span {
    margin-left: 5px
}

.ddb-subscriptions-purchase-block-primary-body-label-text-secondary>span+span::before {
    content: '';
    margin-right: 5px;
    display: block;
    height: 1em;
    width: 1px;
    background-color: #979AA4
}

.ddb-subscriptions-purchase-block-primary-body-label-callout {
    display: inline-block;
    margin-right: 15px;
    height: 32px;
    width: 32px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.ddb-subscriptions-purchase-block-primary-body-label-hero .ddb-subscriptions-purchase-block-primary-body-label-callout {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/black/hero.png")
}

.ddb-subscriptions-purchase-block-primary-body-label-master .ddb-subscriptions-purchase-block-primary-body-label-callout {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/black/master.png")
}

.ddb-subscriptions-purchase-block-primary-footer {
    padding-top: 20px
}

.ddb-subscriptions-purchase-block-secondary {
    padding: 30px;
    margin: -10px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/subs-bg.png");
    background-size: 100%;
    background-position: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width:900px) {
    .ddb-subscriptions-purchase-block-secondary {
        -webkit-flex: 0 0 470px;
        -ms-flex: 0 0 470px;
        flex: 0 0 470px
    }
}

.ddb-subscriptions-purchase-block-secondary-item {
    -webkit-flex: 0 1 200px;
    -ms-flex: 0 1 200px;
    flex: 0 1 200px;
    padding: 10px
}

@media(min-width:900px) {
    .ddb-subscriptions-purchase-block-secondary-item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.ddb-subscriptions-purchase-block-secondary-item-image {
    height: 80px;
    width: 80px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto
}

.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-image {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/hero.png")
}

.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-image {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/master.png")
}

.ddb-subscriptions-purchase-block-secondary-item-label-primary,
.ddb-subscriptions-purchase-block-secondary-item-label-secondary {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold
}

.ddb-subscriptions-purchase-block-secondary-item-label-primary {
    color: #fff;
    font-size: 30px;
    line-height: .9
}

.ddb-subscriptions-purchase-block-secondary-item-label-secondary {
    color: #979AA4;
    font-size: 14px
}

.ddb-subscriptions-purchase-block-secondary-item-action {
    margin-top: 10px
}

@media(min-width:900px) {
    .ddb-subscriptions-purchase-block-secondary-item-action {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.ddb-subscriptions-purchase-block-secondary-item-action-callout {
    border: 2px solid #585C67;
    color: #fff;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-align: center;
    padding: 4px 8px
}

@media(min-width:900px) {
    .ddb-subscriptions-purchase-block-secondary-item-action-callout {
        -webkit-flex: 0 0 150px;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.ddb-subscriptions-purchase-block-secondary-item-action-callout>span {
    color: #1cd2c0;
    text-transform: uppercase
}

@media(min-width:900px) {
    .ddb-subscriptions-purchase-block-secondary-item-action-callout>span {
        margin-left: .5em
    }
}

.ddb-subscriptions-purchase-block-secondary-item-action.monthly .button,
.ddb-subscriptions-purchase-block-secondary-item-action.semi-annually .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #585C67;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0
}

.ddb-subscriptions-purchase-block-secondary-item-action.monthly .button:hover,
.ddb-subscriptions-purchase-block-secondary-item-action.semi-annually .button:hover {
    background: #6f7583
}

.ddb-subscriptions-purchase-block-secondary-item-action.monthly .button,
.ddb-subscriptions-purchase-block-secondary-item-action.monthly .button:hover,
.ddb-subscriptions-purchase-block-secondary-item-action.monthly .button:focus,
.ddb-subscriptions-purchase-block-secondary-item-action.monthly .button:active,
.ddb-subscriptions-purchase-block-secondary-item-action.monthly .button:visited,
.ddb-subscriptions-purchase-block-secondary-item-action.semi-annually .button,
.ddb-subscriptions-purchase-block-secondary-item-action.semi-annually .button:hover,
.ddb-subscriptions-purchase-block-secondary-item-action.semi-annually .button:focus,
.ddb-subscriptions-purchase-block-secondary-item-action.semi-annually .button:active,
.ddb-subscriptions-purchase-block-secondary-item-action.semi-annually .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-block-secondary-item-action.monthly .button,
    .ddb-subscriptions-purchase-block-secondary-item-action.semi-annually .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-subscriptions-purchase-block-secondary-item-action.monthly .button:hover,
.ddb-subscriptions-purchase-block-secondary-item-action.semi-annually .button:hover {
    transition: 100ms linear all;
    background: #6f7583
}

.ddb-subscriptions-purchase-block-secondary-item-action.monthly .button:hover+.ddb-subscriptions-purchase-block-secondary-item-action-callout,
.ddb-subscriptions-purchase-block-secondary-item-action.semi-annually .button:hover+.ddb-subscriptions-purchase-block-secondary-item-action-callout {
    border-color: #6f7583
}

.ddb-subscriptions-purchase-block-secondary-item-action .button {
    transition: 100ms linear all
}

@media(max-width:899px) {
    .ddb-subscriptions-purchase-block-secondary-item-action .button {
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important
    }
}

@media(min-width:900px) {
    .ddb-subscriptions-purchase-block-secondary-item-action .button {
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important
    }
}

.ddb-subscriptions-purchase-block-secondary-item-action .button:hover+.ddb-subscriptions-purchase-block-secondary-item-action-callout {
    transition: 100ms linear all
}

.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .ddb-subscriptions-purchase-block-secondary-item-action-callout {
    border-color: #E99B0F
}

.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #e99b0f;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0
}

.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:hover {
    background: #f2b039
}

.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .button,
.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:hover,
.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:focus,
.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:active,
.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:hover {
    transition: 100ms linear all;
    background: #f2b039
}

.ddb-subscriptions-purchase-block-secondary-item-hero .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:hover+.ddb-subscriptions-purchase-block-secondary-item-action-callout {
    border-color: #f2b039
}

.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .ddb-subscriptions-purchase-block-secondary-item-action-callout {
    border-color: #FF4000
}

.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #FF4000;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0
}

.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:hover {
    background: #f63
}

.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .button,
.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:hover,
.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:focus,
.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:active,
.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:hover {
    transition: 100ms linear all;
    background: #f63
}

.ddb-subscriptions-purchase-block-secondary-item-master .ddb-subscriptions-purchase-block-secondary-item-action.annually .button:hover+.ddb-subscriptions-purchase-block-secondary-item-action-callout {
    border-color: #f63
}

.ddb-subscriptions-purchase-compare {
    margin-top: 60px;
    overflow-x: auto
}

.ddb-subscriptions-purchase-compare-header {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-subscriptions-purchase-compare-header-primary {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 350px;
    font-size: 24px;
    font-weight: bold;
    color: #242527
}

@media(min-width:800px) and (max-width:1199px) {
    .ddb-subscriptions-purchase-compare-header-primary {
        width: 40%
    }
}

.ddb-subscriptions-purchase-compare-header-plans {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.ddb-subscriptions-purchase-compare-header-plans-item {
    -webkit-flex: 0 0 276px;
    -ms-flex: 0 0 276px;
    flex: 0 0 276px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    background-color: #242527
}

@media(min-width:800px) and (max-width:1199px) {
    .ddb-subscriptions-purchase-compare-header-plans-item {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ddb-subscriptions-purchase-compare-header-plans-item-callout,
.ddb-subscriptions-purchase-compare-header-plans-item-text,
.ddb-subscriptions-purchase-compare-header-plans-item-action {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ddb-subscriptions-purchase-compare-header-plans-item-callout {
    height: 48px;
    width: 48px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.ddb-subscriptions-purchase-compare-header-plans-item-free .ddb-subscriptions-purchase-compare-header-plans-item-callout {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-b-white.png");
    background-size: 36px
}

.ddb-subscriptions-purchase-compare-header-plans-item-hero .ddb-subscriptions-purchase-compare-header-plans-item-callout {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/hero.png")
}

.ddb-subscriptions-purchase-compare-header-plans-item-master .ddb-subscriptions-purchase-compare-header-plans-item-callout {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/marketplace/icons/master.png")
}

.ddb-subscriptions-purchase-compare-header-plans-item-text {
    margin: 0 10px 0 5px;
    color: #fff;
    font-size: 20px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-align: center
}

.ddb-subscriptions-purchase-compare-header-plans-item-action {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(min-width:800px) and (max-width:1199px) {
    .ddb-subscriptions-purchase-compare-header-plans-item-action {
        margin-top: 5px;
        width: 100%
    }
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-upgrade {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0;
    height: auto;
    font-size: 12px
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-upgrade:hover {
    background: #3ce5d4
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-upgrade,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-upgrade:hover,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-upgrade:focus,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-upgrade:active,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-upgrade:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-compare-header-plans-item-action .button-upgrade {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-upgrade:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-compare-header-plans-item-action .button-upgrade {
        min-width: 0
    }
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: transparent;
    height: 50px;
    width: auto;
    max-width: 300px;
    box-shadow: none;
    border: 2px solid #1cd2c0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0;
    height: auto;
    font-size: 12px
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-current:hover {
    border-color: #3ce5d4
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-current,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-current:hover,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-current:focus,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-current:active,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-current:visited {
    color: #1cd2c0!important
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-compare-header-plans-item-action .button-current {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-current:hover {
    color: #3ce5d4!important;
    transition: 100ms linear all;
    border-color: #3ce5d4;
    background-color: transparent
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-compare-header-plans-item-action .button-current {
        min-width: 0
    }
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-change {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: transparent;
    height: 50px;
    width: auto;
    max-width: 300px;
    box-shadow: none;
    border: 2px solid #979AA4;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0;
    height: auto;
    font-size: 12px
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-change:hover {
    border-color: #b2b4bc
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-change,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-change:hover,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-change:focus,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-change:active,
.ddb-subscriptions-purchase-compare-header-plans-item-action .button-change:visited {
    color: #979AA4!important
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-compare-header-plans-item-action .button-change {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-subscriptions-purchase-compare-header-plans-item-action .button-change:hover {
    color: #b2b4bc!important;
    transition: 100ms linear all;
    border-color: #b2b4bc;
    background-color: transparent
}

@media(min-width:1024px) {
    .ddb-subscriptions-purchase-compare-header-plans-item-action .button-change {
        min-width: 0
    }
}

.ddb-subscriptions-purchase-compare-header-plans-item+.ddb-subscriptions-purchase-compare-header-plans-item {
    border-left: 1px solid #d3d5dc
}

.ddb-subscriptions-purchase-compare-body {
    width: 100%
}

.ddb-subscriptions-purchase-compare-list-row {
    background-color: #fff
}

.ddb-subscriptions-purchase-compare-list-row-main {
    background-color: #F5F3F1
}

.ddb-subscriptions-purchase-compare-list-item,
.ddb-subscriptions-purchase-compare-list-header {
    color: #242527;
    padding: 20px;
    border: 1px solid #d3d5dc;
    border-collapse: collapse;
    font-weight: normal
}

.ddb-subscriptions-purchase-compare-list-row-main .ddb-subscriptions-purchase-compare-list-header {
    font-weight: bold;
    font-size: 16px
}

.ddb-subscriptions-purchase-compare-list-header {
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    min-width: 350px;
    width: 350px
}

@media(min-width:800px) and (max-width:1199px) {
    .ddb-subscriptions-purchase-compare-list-header {
        min-width: 0;
        width: 40%
    }
}

.ddb-subscriptions-purchase-compare-list-item {
    text-align: center;
    font-size: 14px;
    min-width: 276px;
    width: 276px
}

@media(min-width:800px) and (max-width:1199px) {
    .ddb-subscriptions-purchase-compare-list-item {
        min-width: 0;
        width: 20%
    }
}

.ddb-subscriptions-purchase-compare-list-item .muted {
    color: #979AA4;
    font-size: 12px
}

.ddb-terms-of-sale-item+.ddb-terms-of-sale-item {
    margin-top: 20px
}

.ddb-terms-of-sale-item-header {
    font-size: 20px;
    font-weight: bold
}

.product-key-failure {
    margin-top: 16px
}

.product-key-failure__image {
    height: 355px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 32px 0
}

.product-key-failure__message {
    color: #242527;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: center
}

.product-key-failure__item {
    background-color: #fff;
    border: 1px solid #EDEAE8;
    border-radius: 5px;
    padding: 30px 0;
    max-width: 600px;
    margin: 16px auto
}

.product-key-failure__item-avatar {
    background-size: contain;
    height: 175px;
    width: 135px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.5);
    margin: 0 auto
}

.product-key-failure__item-name {
    font-size: 18px;
    font-weight: bold;
    color: #242527;
    text-align: center;
    margin: 32px 0 16px
}

.product-key-failure__item-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    width: 180px;
    max-width: 180px;
    min-width: 180px
}

.product-key-failure__item-button:hover {
    background: #3ce5d4
}

.product-key-failure__item-button,
.product-key-failure__item-button:hover,
.product-key-failure__item-button:focus,
.product-key-failure__item-button:active,
.product-key-failure__item-button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .product-key-failure__item-button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.product-key-failure__item-button:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

.product-key-failure__button.button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    margin: 24px auto;
    width: 180px;
    border-radius: 4px;
    max-width: 180px;
    min-width: 180px
}

.product-key-failure__button.button:hover {
    background: #3ce5d4
}

.product-key-failure__button.button,
.product-key-failure__button.button:hover,
.product-key-failure__button.button:focus,
.product-key-failure__button.button:active,
.product-key-failure__button.button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .product-key-failure__button.button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.product-key-failure__button.button:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

.product-key-failure__button.button::before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/chevron-down.svg") no-repeat;
    background-size: contain;
    margin-right: 12px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.product-key-failure__footer-text {
    text-align: center;
    color: #242527;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 14px
}

.product-key-failure__footer-text--link {
    color: #1b9af0!important
}

.product-key-failure__footer-text--link:visited,
.product-key-failure__footer-text--link:active,
.product-key-failure__footer-text--link:hover {
    color: #1b9af0!important
}

@media(min-width:590px) {
    .product-key-failure__message {
        font-size: 22px
    }
    .product-key-failure__item-avatar {
        height: 360px;
        width: 275px
    }
    .product-key-failure__item-name {
        font-size: 22px
    }
    .product-key-failure__item-button {
        height: 48px;
        font-size: 15px
    }
    .product-key-failure__button.button {
        height: 48px;
        font-size: 15px
    }
}

.body-productkey-redeemkey.body-productkey-redeemkey-exception {
    background: url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9 repeat!important
}

.product-key-redeem {
    padding: 24px 48px
}

.product-key-redeem-item {
    background-color: #fff;
    border: 1px solid #EDEAE8;
    border-radius: 5px;
    padding: 30px
}

.product-key-redeem-item__avatar {
    background-size: contain;
    height: 175px;
    width: 135px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.5);
    margin: 0 auto
}

.product-key-redeem-item__content {
    padding: 0
}

.product-key-redeem-item__header {
    margin: 16px 0
}

.product-key-redeem-item__button.button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    width: 180px;
    max-width: 180px;
    min-width: 180px
}

.product-key-redeem-item__button.button:hover {
    background: #3ce5d4
}

.product-key-redeem-item__button.button,
.product-key-redeem-item__button.button:hover,
.product-key-redeem-item__button.button:focus,
.product-key-redeem-item__button.button:active,
.product-key-redeem-item__button.button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .product-key-redeem-item__button.button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.product-key-redeem-item__button.button:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

.product-key-redeem-item__name {
    font-weight: bold;
    color: #242527;
    text-align: center;
    margin-bottom: 8px;
    font-size: 24px
}

.product-key-redeem-item__description {
    font-size: 16px;
    line-height: 26px;
    color: #242527
}

.product-key-redeem-item__more-info {
    padding-top: 20px
}

.product-key-redeem-item__more-info-label,
.product-key-redeem-item__more-info-list {
    font-size: 14px;
    color: #242527;
    display: inline
}

.product-key-redeem-item__more-info-label {
    font-weight: bold
}

.product-key-redeem-item__more-info-list .pretty-list {
    display: inline
}

.product-key-redeem-item__more-info-list-item {
    display: none
}

@media(min-width:590px) {
    .product-key-redeem-item__description {
        padding-top: 16px
    }
}

@media(min-width:768px) {
    .product-key-redeem-item__avatar {
        height: 360px;
        width: 275px;
        min-width: 275px;
        margin: 0 auto
    }
    .product-key-redeem-item__name {
        font-size: 30px
    }
    .product-key-redeem-item__button.button {
        height: 48px;
        font-size: 15px;
        width: 180px;
        max-width: 180px;
        min-width: 180px
    }
}

@media(min-width:1024px) {
    .product-key-redeem-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .product-key-redeem-item__avatar {
        margin: 0 auto
    }
    .product-key-redeem-item__content {
        padding-left: 30px
    }
    .product-key-redeem-item__name {
        text-align: left
    }
    .product-key-redeem-item__button.button {
        height: 48px;
        font-size: 15px;
        width: 180px;
        margin: 16px 0;
        max-width: 180px;
        min-width: 180px
    }
}

@media(min-width:1200px) {
    .product-key-redeem-item__more-info-label {
        font-size: 16px
    }
    .product-key-redeem-item__more-info-list {
        display: block;
        margin-top: 10px
    }
    .product-key-redeem-item__more-info-list .pretty-list {
        display: none
    }
    .product-key-redeem-item__more-info-list-item {
        display: block;
        font-size: 16px;
        margin-top: 5px
    }
}

.product-key-form {
    padding: 32px 0;
    border: 0;
    margin-top: 20px
}

.product-key-form-success {
    border: 0;
    margin-top: 0;
    background: transparent
}

.product-key-form__header {
    text-align: center;
    margin: 0 16px 16px
}

.product-key-form__header-text {
    color: #242527;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500
}

.product-key-form__header-text--success {
    font-weight: bolder;
    font-size: 28px
}

.product-key-form__body {
    margin: 0 auto;
    max-width: 650px
}

.product-key-form__button.button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    height: 48px;
    font-size: 15px;
    border-radius: 4px;
    width: 180px;
    max-width: 180px;
    min-width: 180px
}

.product-key-form__button.button:hover {
    background: #3ce5d4
}

.product-key-form__button.button,
.product-key-form__button.button:hover,
.product-key-form__button.button:focus,
.product-key-form__button.button:active,
.product-key-form__button.button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .product-key-form__button.button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.product-key-form__button.button:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

.product-key-form__input input {
    width: 100%;
    font-size: 16px;
    border: 1px solid #1cd2c0;
    padding-left: 8px;
    border-radius: 4px;
    margin-bottom: 16px;
    height: 48px
}

.product-key-form__input input:focus {
    border-color: #1cd2c0;
    box-shadow: none
}

.product-key-form__footer {
    margin-top: 32px;
    text-align: center
}

.product-key-form__footer-text {
    color: #242527;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 14px
}

.product-key-form__footer-text--link {
    color: #1b9af0!important
}

.product-key-form__footer-text--link:visited,
.product-key-form__footer-text--link:active,
.product-key-form__footer-text--link:hover {
    color: #1b9af0!important
}

@media(min-width:590px) {
    .product-key-form__header-text {
        font-size: 22px
    }
    .product-key-form__header-text--success {
        font-weight: bolder;
        font-size: 28px
    }
}

@media(min-width:768px) {
    .body-productkey-redeemkey {
        background: url(https://www.dndbeyond.com/attachments/4/408/wdh_frontmatter_coins.png) no-repeat center 145px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9!important
    }
    .product-key-form {
        background: url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9 center 170px;
        border-top: 6px solid #979AA4;
        border-bottom: 6px solid #979AA4;
        border-image: linear-gradient(270deg, rgba(236, 234, 232, 0) 0, #979AA4 54.4%, rgba(236, 234, 232, 0) 100%) 1;
        margin-top: 175px
    }
    .product-key-form-success {
        border: 0;
        margin-top: 0;
        background: transparent
    }
    .product-key-form__body {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .product-key-form__input {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .product-key-form__input input {
        border-radius: 4px 0 0 4px;
        height: 100%
    }
    .product-key-form__button.button {
        height: 48px;
        font-size: 15px;
        width: 180px;
        border-radius: 0 4px 4px 0
    }
}

@media(min-width:1024px) {
    .body-productkey-redeemkey {
        background: url(https://www.dndbeyond.com/attachments/4/408/wdh_frontmatter_coins.png) no-repeat center 250px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9!important
    }
}

@media(max-width:1023px) {
    .body-productkey-redeemkey.body-productkey-redeemkey-success.site {
        background: url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9 repeat!important
    }
}

@media(min-width:1024px) {
    .body-productkey-redeemkey.body-productkey-redeemkey-success.site {
        background: url(https://www.dndbeyond.com/attachments/4/423/marketplace-redeemkey1k-3.png) no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9!important
    }
}

@media(min-width:1921px) {
    .body-productkey-redeemkey.body-productkey-redeemkey-success.site {
        background: url(https://www.dndbeyond.com/attachments/4/420/marketplace-redeemkey2k-1.png) no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9!important
    }
}

@media(min-width:2561px) {
    .body-productkey-redeemkey.body-productkey-redeemkey-success.site {
        background: url(https://www.dndbeyond.com/attachments/4/421/marketplace-redeemkey4k-1.png) no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9!important
    }
}

@media(min-width:1024px) {
    .body-memberlist header.h2 h2 {
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        z-index: 1;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-weight: normal
    }
}

.body-memberlist .listing-body .b-media {
    background: #fff;
    border: 1px solid #979AA4
}

.body-memberlist .listing-filters {
    background: 0
}

.body-memberlist .listing-filters #form-field-filter-is-online {
    margin-top: 5px
}

@media(min-width:1024px) {
    .body-memberlist .listing-filters #form-field-filter-is-online {
        display: table;
        height: 80px;
        margin: 0 20px
    }
    .body-memberlist .listing-filters #form-field-filter-is-online #filter-is-online,
    .body-memberlist .listing-filters #form-field-filter-is-online label {
        display: table-cell;
        vertical-align: middle
    }
}

.body-memberlist .listing-filters #form-field-filter-is-online #filter-is-online {
    width: auto;
    height: auto;
    border: 0;
    box-shadow: none;
    margin: 0
}

@media(min-width:1024px) {
    .body-memberlist .listing-filters #form-field-filter-is-online #filter-is-online {
        height: 80px;
        margin-right: 5px
    }
}

.body-memberlist .listing-filters #form-field-filter-username label {
    height: 0
}

.body-memberlist .listing-filters .form-footer button[type=submit] {
    margin-top: 20px
}

.ddb-modal-header {
    padding-bottom: 30px
}

.ddb-modal-header-text {
    font-size: 15px;
    text-align: center;
    color: #242527;
    max-width: 500px
}

.ddb-modal-header-text+.ddb-modal-header-text {
    padding-top: 20px
}

.ddb-modal-header-text .link,
.ddb-modal-header-text .link:hover,
.ddb-modal-header-text .link:focus,
.ddb-modal-header-text .link:active,
.ddb-modal-header-text .link:visited {
    color: #1b9af0!important
}

.ddb-modal .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1b9af0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-modal .button:hover {
    background: #4baff3
}

.ddb-modal .button,
.ddb-modal .button:hover,
.ddb-modal .button:focus,
.ddb-modal .button:active,
.ddb-modal .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-modal .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-modal .button:hover {
    transition: 100ms linear all;
    background: #4baff3
}

@media(min-width:1024px) {
    .ddb-modal .button {
        max-width: 250px
    }
}

.ui-dialog .ui-dialog-titlebar {
    background: #262E37;
    height: 60px;
    width: 100%;
    display: table
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    display: table-cell;
    color: white;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 24px;
    padding-right: 20px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ui-dialog .ui-dialog-titlebar-close {
    top: 12px!important;
    right: 5px!important
}

.ui-dialog .ui-dialog-titlebar-close::before {
    color: white!important;
    font-size: 20px!important
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
    border: 0;
    background: 0
}

#create-warning-modal .ui-dialog-footer {
    bottom: 0
}

#create-warning-modal .ui-dialog-footer .cancel-link,
#create-warning-modal .ui-dialog-footer .cancel-link:hover,
#create-warning-modal .ui-dialog-footer .cancel-link:visited,
#create-warning-modal .ui-dialog-footer .cancel-link:active {
    color: #242527!important
}

.ui-dialog input[type="text"] {
    height: 50px;
    border-radius: 0;
    border: 1px solid #d8dde3;
    padding-left: 15px;
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48)
}

.mon-details__description-block+.mon-details__description-block {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #bc0f0f
}

.mon-stat-block {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/mon-summary/stat-block-top-texture.png"), url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/mon-summary/paper-texture.png");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat, repeat;
    position: relative;
    box-shadow: 0 0 5px #979AA4;
    border: 1px solid #d4d0ce;
    padding: 15px;
    margin: 15px 0;
    font-family: "Scala Sans Offc", Roboto, Helvetica, sans-serif;
    font-size: 15px
}

.mon-stat-block::before,
.mon-stat-block::after {
    content: "";
    display: block;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/mon-summary/stat-bar-book.png") center;
    background-size: 100% 100%;
    height: 6px;
    position: absolute;
    left: -3px;
    right: -3px
}

.mon-stat-block::before {
    top: -3px
}

.mon-stat-block::after {
    bottom: -3px
}

.mon-stat-block__separator-img {
    max-width: 100%;
    min-height: 10px
}

.mon-stat-block__header {
    line-height: 1.1
}

.mon-stat-block__name {
    font-weight: bold;
    font-size: 34px;
    font-family: MrsEavesSmallCaps, Roboto, Helvetica, sans-serif;
    color: #822000
}

.mon-stat-block__name .mon-stat-block__name-link {
    color: #822000
}

.mon-stat-block__name .mon-stat-block__name-link:hover,
.mon-stat-block__name .mon-stat-block__name-link:visited,
.mon-stat-block__name .mon-stat-block__name-link:active {
    color: #822000
}

.mon-stat-block__meta {
    font-style: italic;
    margin-bottom: 15px
}

.mon-stat-block__attribute {
    margin: 5px 0;
    color: #822000;
    line-height: 1.2
}

.mon-stat-block__attribute-label {
    font-weight: bold
}

.mon-stat-block__stat-block .ability-block {
    color: #822000;
    margin: 0
}

.mon-stat-block__tidbit {
    margin: 5px 0;
    color: #822000;
    line-height: 1.2
}

.mon-stat-block__tidbit-label {
    font-weight: bold
}

.mon-stat-block__description-blocks {
    margin-top: 20px
}

.mon-stat-block__description-block-heading,
.mon-stat-block__description-block h3 {
    border-bottom: 1px solid #822000;
    color: #822000;
    font-size: 24px;
    font-weight: normal;
    font-family: "Scala Sans Sc Offc", Roboto, Helvetica, sans-serif;
    line-height: 1.4;
    margin-top: 20px;
    margin-bottom: 15px
}

.mon-stat-block__description-block p {
    margin-bottom: 10px
}

.mon-stat-block .tooltip-hover {
    font-weight: bold!important
}

.mon-stat-block .tooltip-hover,
.mon-stat-block .tooltip-hover:hover,
.mon-stat-block .tooltip-hover:focus,
.mon-stat-block .tooltip-hover:active,
.mon-stat-block .tooltip-hover:visited {
    color: inherit!important;
    font-weight: inherit!important;
    text-decoration: underline;
    text-decoration: underline solid #47D18C
}

.mon-stat-block .tooltip-hover.spell-tooltip,
.mon-stat-block .tooltip-hover.spell-tooltip:hover,
.mon-stat-block .tooltip-hover.spell-tooltip:focus,
.mon-stat-block .tooltip-hover.spell-tooltip:active,
.mon-stat-block .tooltip-hover.spell-tooltip:visited {
    color: inherit!important;
    font-weight: inherit!important;
    text-decoration: underline;
    text-decoration: underline solid #704cd9
}

.mon-stat-block .tooltip-hover.monster-tooltip,
.mon-stat-block .tooltip-hover.monster-tooltip:hover,
.mon-stat-block .tooltip-hover.monster-tooltip:focus,
.mon-stat-block .tooltip-hover.monster-tooltip:active,
.mon-stat-block .tooltip-hover.monster-tooltip:visited {
    color: inherit!important;
    font-weight: inherit!important;
    text-decoration: underline;
    text-decoration: underline solid #bc0f0f
}

.mon-stat-block .tooltip-hover.magic-item-tooltip,
.mon-stat-block .tooltip-hover.magic-item-tooltip:hover,
.mon-stat-block .tooltip-hover.magic-item-tooltip:focus,
.mon-stat-block .tooltip-hover.magic-item-tooltip:active,
.mon-stat-block .tooltip-hover.magic-item-tooltip:visited {
    color: inherit!important;
    font-weight: inherit!important;
    text-decoration: underline;
    text-decoration: underline solid #0f5cbc
}

@media print,
(min-width:768px) {
    .mon-stat-block {
        -webkit-column-count: 2;
        column-count: 2
    }
}

@media print {
    .mon-stat-block {
        box-shadow: none;
        background: 0
    }
    .mon-stat-block::before {
        border-top: 6px solid #999
    }
    .mon-stat-block::after {
        border-bottom: 6px solid #999
    }
}

.Serif-Character-Style_Inline-Subhead-Serif {
    font-weight: bold
}

.Basic-Text-Frame {
    clear: both;
    border: 1px solid #d4d0ce;
    background: white;
    padding: 15px
}

@media(min-width:768px) {
    .Basic-Text-Frame {
        -webkit-column-count: 2;
        column-count: 2
    }
}

.Basic-Text-Frame-2 {
    border: 1px solid #d4d0ce;
    background: white;
    padding: 15px
}

@media(min-width:768px) {
    .Basic-Text-Frame-2 {
        float: right;
        margin: 30px 0 15px 20px;
        width: 410px
    }
}

.Basic-Text-Frame-2 .compendium-image-center {
    margin-bottom: 20px;
    display: block
}

.Basic-Text-Frame-3 {
    border: 1px solid #d4d0ce;
    background: white;
    padding: 15px
}

@media(min-width:768px) {
    .Basic-Text-Frame-3 {
        float: left;
        margin: 30px 20px 15px 0;
        width: 410px
    }
}

.Basic-Text-Frame-3 .compendium-image-center {
    margin-bottom: 20px;
    display: block
}

.Basic-Text-Frame,
.Basic-Text-Frame-2,
.Basic-Text-Frame-3 {
    position: relative;
    box-shadow: 0 0 5px #979AA4
}

.Basic-Text-Frame::before,
.Basic-Text-Frame::after,
.Basic-Text-Frame-2::before,
.Basic-Text-Frame-2::after,
.Basic-Text-Frame-3::before,
.Basic-Text-Frame-3::after {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/MMStatBar_lrg.jpg");
    background-size: 100% 100%;
    background-position: center;
    height: 4px;
    display: inline-block;
    position: absolute
}

.Basic-Text-Frame::before,
.Basic-Text-Frame-2::before,
.Basic-Text-Frame-3::before {
    left: -3px;
    top: -3px;
    right: -3px
}

.Basic-Text-Frame::after,
.Basic-Text-Frame-2::after,
.Basic-Text-Frame-3::after {
    left: -3px;
    bottom: -3px;
    right: -3px
}

.Stat-Block-Styles_Stat-Block-Title {
    font-size: 18px!important;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.4!important;
    margin-bottom: 0!important
}

.Stat-Block-Styles_Stat-Block-Metadata {
    font-style: italic;
    font-size: 14px!important;
    line-height: 1.4!important;
    margin-bottom: 8px!important
}

.Stat-Block-Styles_Stat-Block-Metadata::after {
    content: "";
    display: block;
    border-bottom: 2px solid #bc0f0f;
    padding-top: 5px
}

.Stat-Block-Styles_Stat-Block-Bar-Object-Space,
.Stat-Block-Styles_Stat-Block-Bar-Object-Space-Last {
    display: none
}

.Stat-Block-Styles_Stat-Block-Data,
.Stat-Block-Styles_Stat-Block-Data-Last,
.Stat-Block-Styles_Stat-Block-Body,
.Stat-Block-Styles_Stat-Block-Hanging,
.Stat-Block-Styles_Stat-Block-Hanging-Last,
.Stat-Block-Styles_Stat-Block-Body-Last--apply-before-heading- {
    font-size: 14px!important;
    line-height: 1.4!important;
    margin-bottom: 10px!important
}

.Stat-Block-Styles_Stat-Block-Heading,
.Stat-Block-Styles_Stat-Block-Heading--after-last-bar- {
    font-size: 16px!important;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.Stat-Block-Styles_Stat-Block-Heading::after,
.Stat-Block-Styles_Stat-Block-Heading--after-last-bar-::after {
    content: "";
    display: block;
    border-bottom: 1px solid #bc0f0f;
    padding-top: 2px
}

.Stat-Block-Styles_Stat-Block-Data-Last {
    border-bottom: 2px solid #bc0f0f;
    padding-bottom: 10px
}

.stat-block-ability-scores {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 2px solid #bc0f0f;
    border-bottom: 2px solid #bc0f0f;
    margin: 10px 0
}

.stat-block-ability-scores-stat {
    width: 33.33333%;
    padding: 10px 5px;
    text-align: center
}

@media(min-width:768px) {
    .stat-block-ability-scores-stat {
        width: 16.66667%
    }
}

.stat-block-ability-scores-heading {
    font-weight: bold
}

.stat-block-ability-scores-modifier {
    margin-left: 5px
}

.Sans-Serif-Character-Styles_Bold-Sans-Serif {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.Sans-Serif-Character-Styles_Italic-Sans-Serif {
    font-style: italic
}

.Sans-Serif-Character-Styles_Inline-Subhead-Sans-Serif {
    font-weight: bold;
    font-style: italic;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.more-info-content ul {
    list-style: initial;
    padding: 15px
}

.more-info-content ol {
    list-style: decimal;
    padding: 15px
}

.more-info-content table {
    border-collapse: collapse;
    margin: 20px 0
}

.more-info-content table.compendium-left-aligned-table th {
    text-align: left
}

.more-info-content table,
.more-info-content table th,
.more-info-content table td {
    border: 1px solid #edeae8
}

.more-info-content table th,
.more-info-content table td {
    font-size: 14px
}

.more-info-content table th.left-align,
.more-info-content table td.left-align {
    text-align: left!important
}

.more-info-content table th.uppercase,
.more-info-content table td.uppercase {
    text-transform: uppercase!important
}

.more-info-content table td {
    text-align: center;
    padding: 10px 20px
}

.more-info-content table td p {
    font-size: 14px
}

.more-info-content table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.more-info-content table tbody tr {
    background: #fff
}

.more-info-content table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.more-info-content table tbody tr td.left-align {
    text-align: left!important
}

.more-info-content table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.more-info-content table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.body-rpgmonster .more-info-content br {
    display: block;
    content: '';
    height: 15px
}

.more-info-content h3 {
    font-size: 21px;
    margin-bottom: 14px
}

.more-info .abilities {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.more-info .abilities div {
    width: 80px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.more-info .abilities div .title {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.33;
    text-align: center;
    color: #242527;
    display: block;
    width: 100%;
    margin-bottom: 10px
}

.more-info .abilities div .title::before {
    content: '';
    height: 18px;
    width: 18px;
    display: inline-block;
    background-size: cover;
    margin-right: 5px;
    position: relative;
    top: 3px
}

.more-info .abilities div .title.strength::before {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/strength.svg) no-repeat
}

.more-info .abilities div .title.dexterity::before {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/dexterity.svg) no-repeat
}

.more-info .abilities div .title.constitution::before {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/constitution.svg) no-repeat
}

.more-info .abilities div .title.charisma::before {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/charisma.svg) no-repeat
}

.more-info .abilities div .title.wisdom::before {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/wisdom.svg) no-repeat
}

.more-info .abilities div .title.intelligence::before {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/intelligence.svg) no-repeat
}

.more-info .abilities div.str .score {
    color: #c43336
}

.more-info .abilities div.dex .score {
    color: #41474d
}

.more-info .abilities div.con .score {
    color: #846d5a
}

.more-info .abilities div.int .score {
    color: #fb6930
}

.more-info .abilities div.wis .score {
    color: #909ba0
}

.more-info .abilities div.cha .score {
    color: #eeb95e
}

.more-info .abilities div .score,
.more-info .abilities div .modifier {
    font-size: 20px;
    line-height: .92;
    text-align: center
}

.more-info .abilities div .score {
    margin-right: 5px
}

.more-info .info-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.more-info .info-block div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
    width: 170px
}

.more-info .info-block div:not(:last-child) {
    margin-right: 60px
}

.more-info .info-block div .title,
.more-info .info-block div .description {
    width: 100%;
    font-size: 14px;
    line-height: 1.7;
    color: #242527
}

.more-info .info-block div .title {
    font-weight: bold
}

.more-info .item-info .details span {
    font-style: italic;
    font-size: 16px;
    line-height: 2.1
}

.more-info .item-info .description p {
    font-size: 14px;
    line-height: 1.7
}

.more-info {
    background-color: white;
    border-left: 1px solid #ECE9E9;
    border-right: 1px solid #ECE9E9;
    width: calc(100% - 2px);
    margin: 0 auto;
    padding: 20px 20px 0
}

.more-info ul {
    list-style: initial;
    padding: 15px
}

.more-info ol {
    list-style: decimal;
    padding: 15px
}

.more-info .notes-string {
    font-style: italic;
    font-size: 16px;
    line-height: 2.1
}

.more-info .more-info-content {
    font-size: 14px;
    line-height: 1.7
}

.more-info .more-info-content a,
.more-info .more-info-content a:hover,
.more-info .more-info-content a:focus,
.more-info .more-info-content a:active,
.more-info .more-info-content a:visited {
    color: #47D18C
}

.more-info .components-blurb,
.more-info .casting-time-blurb {
    display: block;
    font-size: 12px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-style: italic
}

.more-info footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 30px
}

.more-info footer .tags {
    font-size: 12px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 15px auto 0
}

.more-info footer .tags .tag {
    border: 1px solid #cbc6c3;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 #dcd1c7;
    padding: 4px 8px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 3px;
    margin-left: 3px
}

.more-info footer .source {
    display: inline;
    font-size: 12px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-align: center;
    font-style: italic;
    width: 100%;
    margin-top: 20px
}

.more-info footer .spell-button {
    margin-top: 30px
}

.more-info footer .item-button {
    width: 100%
}

.more-info footer .item-button span {
    font-size: 16px;
    font-weight: normal
}

.more-info footer .item-button,
.more-info footer .spell-button,
.more-info footer .monster-button {
    height: 50px
}

.more-info footer .item-button span,
.more-info footer .spell-button span,
.more-info footer .monster-button span {
    line-height: 50px
}

.more-info footer .collection {
    color: #45cef7;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    margin: 20px auto 0;
    width: 100%
}

.more-info footer .collection::before {
    content: '';
    background-color: #45cef7;
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/homebrew.svg);
    background-size: 7px 7px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 5px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -5px;
    height: 17px;
    width: 17px;
    border: 1px solid white;
    border-radius: 50%
}

.more-info::after {
    content: '';
    display: block;
    height: 28px;
    width: calc(100% + 40px);
    border-bottom: 28px solid transparent;
    border-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/expanded-listing-item-bottom-border.png) 28 stretch;
    position: relative;
    top: 4px;
    margin: 0 -20px
}

@media print {
    .more-info {
        border-left: none;
        border-right: 0;
        padding-left: 0;
        padding-right: 0
    }
    .more-info::after {
        display: none
    }
}

.more-info .quick-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.more-info .quick-info div {
    width: 50%;
    margin-bottom: 10px
}

.more-info .quick-info div .title {
    text-transform: uppercase;
    color: #242527;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71;
    display: block;
    width: 100%;
    margin-bottom: 5px
}

.more-info .quick-info div .primary {
    font-size: 24px;
    line-height: .92;
    color: #242527
}

.more-info .quick-info div .secondary {
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
    color: #242527;
    position: relative;
    top: -5px
}

@media(min-width:600px) {
    .more-info footer .collection {
        width: 100%
    }
    .more-info footer .item-button,
    .more-info footer .spell-button,
    .more-info footer .monster-button {
        width: 160px;
        height: 35px;
        margin: 0 20px 0 0
    }
    .more-info footer .item-button span,
    .more-info footer .spell-button span,
    .more-info footer .monster-button span {
        line-height: 35px;
        font-size: 12px
    }
    .more-info footer .tags {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: auto 0
    }
    .more-info footer .source {
        width: auto;
        margin: auto 0 auto auto
    }
}

@media(min-width:600px) {
    .more-info .quick-info div {
        width: 25%
    }
}

.ddb-blocked-content {
    border: 1px solid #1b9af0;
    border-radius: 4px;
    padding: 20px
}

.waterdeep-tooltip .ddb-blocked-content {
    border: 0;
    background-color: #242527;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    padding: 10px
}

.ddb-top-result .ddb-blocked-content {
    border: 0
}

.more-info-spell .ddb-blocked-content {
    border-color: #704cd9
}

.more-info-monster .ddb-blocked-content {
    border-color: #bc0f0f
}

.more-info-feat .ddb-blocked-content,
.more-info-background .ddb-blocked-content {
    border-color: #ee8600
}

.more-info-magic-item .ddb-blocked-content {
    border-color: #0f5cbc
}

.ddb-blocked-content-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ddb-top-result .ddb-blocked-content-body {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ddb-blocked-content-body .link,
.ddb-blocked-content-body .link:hover,
.ddb-blocked-content-body .link:focus,
.ddb-blocked-content-body .link:active,
.ddb-blocked-content-body .link:visited {
    color: #1b9af0!important
}

.ddb-blocked-content-body .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #1cd2c0;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    min-width: 0
}

.ddb-blocked-content-body .button:hover {
    background: #3ce5d4
}

.ddb-blocked-content-body .button,
.ddb-blocked-content-body .button:hover,
.ddb-blocked-content-body .button:focus,
.ddb-blocked-content-body .button:active,
.ddb-blocked-content-body .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-blocked-content-body .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-blocked-content-body .button:hover {
    transition: 100ms linear all;
    background: #3ce5d4
}

@media(min-width:1024px) {
    .ddb-blocked-content-body .button {
        min-width: 0;
        margin-left: 0;
        width: 200px
    }
}

.ddb-blocked-content-body .image {
    display: none
}

@media(min-width:600px) {
    .ddb-blocked-content-body .image {
        display: block;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 218px;
        width: 167px;
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/book.png");
        background-size: cover;
        margin-right: 20px
    }
    .ddb-top-result .ddb-blocked-content-body .image {
        margin: 0 auto 5px;
        background-image: unset
    }
}

.ddb-blocked-content-body-text-main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 26px;
    font-weight: bold
}

.waterdeep-tooltip .ddb-blocked-content-body-text-main {
    font-weight: normal;
    font-size: 14px;
    color: #fff
}

.waterdeep-tooltip .ddb-blocked-content-body-text-main .source {
    font-weight: bold;
    margin: 0 .25em
}

.ddb-blocked-content-body-text-main::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    height: 28px;
    width: 21px;
    background-position: center;
    background-size: cover;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/lock.png")
}

.ddb-blocked-content-body-text-secondary {
    font-size: 14px;
    line-height: 26px
}

.ddb-blocked-content-body-text-secondary+.ddb-blocked-content-body-text-secondary {
    margin-top: 5px
}

.ddb-blocked-content-actions {
    margin-top: 20px
}

@media(min-width:1024px) {
    .more-info .info-block div {
        width: auto;
        max-width: 24%
    }
    .more-info .info-block div:not(:last-child) {
        margin-right: 60px
    }
}

@media(min-width:1024px) {
    .more-info {
        width: calc(100% - 10px);
        padding: 30px 26px 0
    }
    .more-info::after {
        width: calc(100% + 52px);
        margin: 0 -26px
    }
    .more-info footer {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .more-info footer .tags,
    .more-info footer .available-for,
    .more-info footer .spell-source {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
    .more-info footer .available-for {
        margin-left: 30px
    }
    .more-info footer .spell-source {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        text-align: right;
        width: auto;
        margin-left: auto
    }
    .more-info footer .environment-tags {
        margin-left: 15px
    }
    .more-info footer .spell-button {
        margin: 0 30px 0 0;
        width: 145px;
        height: 35px;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .more-info footer .spell-button span {
        font-size: 12px;
        line-height: 35px;
        padding: 0
    }
    .more-info footer .collection {
        margin: 0 0 0 auto;
        width: auto;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        line-height: 35px
    }
}

.irace-listing .more-info,
.RPGMonster-listing .more-info,
.RPGMagicItem-listing .more-info,
.ihomebrewable-listing .more-info,
.RPGSpell-listing .more-info,
.IGear-listing .more-info,
.RPGFeat-listing .more-info,
.RPGBackground-listing .more-info,
.RPGSubclass-listing .more-info {
    position: relative;
    top: -10px;
    background-color: #fff;
    border-left: 1px solid #ECE9E9;
    border-right: 1px solid #ECE9E9;
    width: calc(100% - 2px);
    margin: 0 auto;
    padding: 20px 20px 0
}

@media(min-width:1024px) {
    .irace-listing .more-info,
    .RPGMonster-listing .more-info,
    .RPGMagicItem-listing .more-info,
    .ihomebrewable-listing .more-info,
    .RPGSpell-listing .more-info,
    .IGear-listing .more-info,
    .RPGFeat-listing .more-info,
    .RPGBackground-listing .more-info,
    .RPGSubclass-listing .more-info {
        width: calc(100% - 10px);
        padding: 30px 26px 0
    }
}

.irace-listing .more-info-body-description,
.RPGMonster-listing .more-info-body-description,
.RPGMagicItem-listing .more-info-body-description,
.ihomebrewable-listing .more-info-body-description,
.RPGSpell-listing .more-info-body-description,
.IGear-listing .more-info-body-description,
.RPGFeat-listing .more-info-body-description,
.RPGBackground-listing .more-info-body-description,
.RPGSubclass-listing .more-info-body-description {
    font-size: 14px;
    line-height: 24px;
    color: #242527
}

.irace-listing .more-info-body-description table,
.RPGMonster-listing .more-info-body-description table,
.RPGMagicItem-listing .more-info-body-description table,
.ihomebrewable-listing .more-info-body-description table,
.RPGSpell-listing .more-info-body-description table,
.IGear-listing .more-info-body-description table,
.RPGFeat-listing .more-info-body-description table,
.RPGBackground-listing .more-info-body-description table,
.RPGSubclass-listing .more-info-body-description table {
    border-collapse: collapse;
    margin: 20px 0
}

.irace-listing .more-info-body-description table.compendium-left-aligned-table th,
.RPGMonster-listing .more-info-body-description table.compendium-left-aligned-table th,
.RPGMagicItem-listing .more-info-body-description table.compendium-left-aligned-table th,
.ihomebrewable-listing .more-info-body-description table.compendium-left-aligned-table th,
.RPGSpell-listing .more-info-body-description table.compendium-left-aligned-table th,
.IGear-listing .more-info-body-description table.compendium-left-aligned-table th,
.RPGFeat-listing .more-info-body-description table.compendium-left-aligned-table th,
.RPGBackground-listing .more-info-body-description table.compendium-left-aligned-table th,
.RPGSubclass-listing .more-info-body-description table.compendium-left-aligned-table th {
    text-align: left
}

.irace-listing .more-info-body-description table,
.irace-listing .more-info-body-description table th,
.irace-listing .more-info-body-description table td,
.RPGMonster-listing .more-info-body-description table,
.RPGMonster-listing .more-info-body-description table th,
.RPGMonster-listing .more-info-body-description table td,
.RPGMagicItem-listing .more-info-body-description table,
.RPGMagicItem-listing .more-info-body-description table th,
.RPGMagicItem-listing .more-info-body-description table td,
.ihomebrewable-listing .more-info-body-description table,
.ihomebrewable-listing .more-info-body-description table th,
.ihomebrewable-listing .more-info-body-description table td,
.RPGSpell-listing .more-info-body-description table,
.RPGSpell-listing .more-info-body-description table th,
.RPGSpell-listing .more-info-body-description table td,
.IGear-listing .more-info-body-description table,
.IGear-listing .more-info-body-description table th,
.IGear-listing .more-info-body-description table td,
.RPGFeat-listing .more-info-body-description table,
.RPGFeat-listing .more-info-body-description table th,
.RPGFeat-listing .more-info-body-description table td,
.RPGBackground-listing .more-info-body-description table,
.RPGBackground-listing .more-info-body-description table th,
.RPGBackground-listing .more-info-body-description table td,
.RPGSubclass-listing .more-info-body-description table,
.RPGSubclass-listing .more-info-body-description table th,
.RPGSubclass-listing .more-info-body-description table td {
    border: 1px solid #edeae8
}

.irace-listing .more-info-body-description table th,
.irace-listing .more-info-body-description table td,
.RPGMonster-listing .more-info-body-description table th,
.RPGMonster-listing .more-info-body-description table td,
.RPGMagicItem-listing .more-info-body-description table th,
.RPGMagicItem-listing .more-info-body-description table td,
.ihomebrewable-listing .more-info-body-description table th,
.ihomebrewable-listing .more-info-body-description table td,
.RPGSpell-listing .more-info-body-description table th,
.RPGSpell-listing .more-info-body-description table td,
.IGear-listing .more-info-body-description table th,
.IGear-listing .more-info-body-description table td,
.RPGFeat-listing .more-info-body-description table th,
.RPGFeat-listing .more-info-body-description table td,
.RPGBackground-listing .more-info-body-description table th,
.RPGBackground-listing .more-info-body-description table td,
.RPGSubclass-listing .more-info-body-description table th,
.RPGSubclass-listing .more-info-body-description table td {
    font-size: 14px
}

.irace-listing .more-info-body-description table th.left-align,
.irace-listing .more-info-body-description table td.left-align,
.RPGMonster-listing .more-info-body-description table th.left-align,
.RPGMonster-listing .more-info-body-description table td.left-align,
.RPGMagicItem-listing .more-info-body-description table th.left-align,
.RPGMagicItem-listing .more-info-body-description table td.left-align,
.ihomebrewable-listing .more-info-body-description table th.left-align,
.ihomebrewable-listing .more-info-body-description table td.left-align,
.RPGSpell-listing .more-info-body-description table th.left-align,
.RPGSpell-listing .more-info-body-description table td.left-align,
.IGear-listing .more-info-body-description table th.left-align,
.IGear-listing .more-info-body-description table td.left-align,
.RPGFeat-listing .more-info-body-description table th.left-align,
.RPGFeat-listing .more-info-body-description table td.left-align,
.RPGBackground-listing .more-info-body-description table th.left-align,
.RPGBackground-listing .more-info-body-description table td.left-align,
.RPGSubclass-listing .more-info-body-description table th.left-align,
.RPGSubclass-listing .more-info-body-description table td.left-align {
    text-align: left!important
}

.irace-listing .more-info-body-description table th.uppercase,
.irace-listing .more-info-body-description table td.uppercase,
.RPGMonster-listing .more-info-body-description table th.uppercase,
.RPGMonster-listing .more-info-body-description table td.uppercase,
.RPGMagicItem-listing .more-info-body-description table th.uppercase,
.RPGMagicItem-listing .more-info-body-description table td.uppercase,
.ihomebrewable-listing .more-info-body-description table th.uppercase,
.ihomebrewable-listing .more-info-body-description table td.uppercase,
.RPGSpell-listing .more-info-body-description table th.uppercase,
.RPGSpell-listing .more-info-body-description table td.uppercase,
.IGear-listing .more-info-body-description table th.uppercase,
.IGear-listing .more-info-body-description table td.uppercase,
.RPGFeat-listing .more-info-body-description table th.uppercase,
.RPGFeat-listing .more-info-body-description table td.uppercase,
.RPGBackground-listing .more-info-body-description table th.uppercase,
.RPGBackground-listing .more-info-body-description table td.uppercase,
.RPGSubclass-listing .more-info-body-description table th.uppercase,
.RPGSubclass-listing .more-info-body-description table td.uppercase {
    text-transform: uppercase!important
}

.irace-listing .more-info-body-description table td,
.RPGMonster-listing .more-info-body-description table td,
.RPGMagicItem-listing .more-info-body-description table td,
.ihomebrewable-listing .more-info-body-description table td,
.RPGSpell-listing .more-info-body-description table td,
.IGear-listing .more-info-body-description table td,
.RPGFeat-listing .more-info-body-description table td,
.RPGBackground-listing .more-info-body-description table td,
.RPGSubclass-listing .more-info-body-description table td {
    text-align: center;
    padding: 10px 20px
}

.irace-listing .more-info-body-description table td p,
.RPGMonster-listing .more-info-body-description table td p,
.RPGMagicItem-listing .more-info-body-description table td p,
.ihomebrewable-listing .more-info-body-description table td p,
.RPGSpell-listing .more-info-body-description table td p,
.IGear-listing .more-info-body-description table td p,
.RPGFeat-listing .more-info-body-description table td p,
.RPGBackground-listing .more-info-body-description table td p,
.RPGSubclass-listing .more-info-body-description table td p {
    font-size: 14px
}

.irace-listing .more-info-body-description table thead th,
.RPGMonster-listing .more-info-body-description table thead th,
.RPGMagicItem-listing .more-info-body-description table thead th,
.ihomebrewable-listing .more-info-body-description table thead th,
.RPGSpell-listing .more-info-body-description table thead th,
.IGear-listing .more-info-body-description table thead th,
.RPGFeat-listing .more-info-body-description table thead th,
.RPGBackground-listing .more-info-body-description table thead th,
.RPGSubclass-listing .more-info-body-description table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.irace-listing .more-info-body-description table tbody tr,
.RPGMonster-listing .more-info-body-description table tbody tr,
.RPGMagicItem-listing .more-info-body-description table tbody tr,
.ihomebrewable-listing .more-info-body-description table tbody tr,
.RPGSpell-listing .more-info-body-description table tbody tr,
.IGear-listing .more-info-body-description table tbody tr,
.RPGFeat-listing .more-info-body-description table tbody tr,
.RPGBackground-listing .more-info-body-description table tbody tr,
.RPGSubclass-listing .more-info-body-description table tbody tr {
    background: #fff
}

.irace-listing .more-info-body-description table tbody tr td,
.RPGMonster-listing .more-info-body-description table tbody tr td,
.RPGMagicItem-listing .more-info-body-description table tbody tr td,
.ihomebrewable-listing .more-info-body-description table tbody tr td,
.RPGSpell-listing .more-info-body-description table tbody tr td,
.IGear-listing .more-info-body-description table tbody tr td,
.RPGFeat-listing .more-info-body-description table tbody tr td,
.RPGBackground-listing .more-info-body-description table tbody tr td,
.RPGSubclass-listing .more-info-body-description table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.irace-listing .more-info-body-description table tbody tr td.left-align,
.RPGMonster-listing .more-info-body-description table tbody tr td.left-align,
.RPGMagicItem-listing .more-info-body-description table tbody tr td.left-align,
.ihomebrewable-listing .more-info-body-description table tbody tr td.left-align,
.RPGSpell-listing .more-info-body-description table tbody tr td.left-align,
.IGear-listing .more-info-body-description table tbody tr td.left-align,
.RPGFeat-listing .more-info-body-description table tbody tr td.left-align,
.RPGBackground-listing .more-info-body-description table tbody tr td.left-align,
.RPGSubclass-listing .more-info-body-description table tbody tr td.left-align {
    text-align: left!important
}

.irace-listing .more-info-body-description table tbody tr td.uppercase,
.RPGMonster-listing .more-info-body-description table tbody tr td.uppercase,
.RPGMagicItem-listing .more-info-body-description table tbody tr td.uppercase,
.ihomebrewable-listing .more-info-body-description table tbody tr td.uppercase,
.RPGSpell-listing .more-info-body-description table tbody tr td.uppercase,
.IGear-listing .more-info-body-description table tbody tr td.uppercase,
.RPGFeat-listing .more-info-body-description table tbody tr td.uppercase,
.RPGBackground-listing .more-info-body-description table tbody tr td.uppercase,
.RPGSubclass-listing .more-info-body-description table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.irace-listing .more-info-body-description table tbody tr:nth-child(odd),
.RPGMonster-listing .more-info-body-description table tbody tr:nth-child(odd),
.RPGMagicItem-listing .more-info-body-description table tbody tr:nth-child(odd),
.ihomebrewable-listing .more-info-body-description table tbody tr:nth-child(odd),
.RPGSpell-listing .more-info-body-description table tbody tr:nth-child(odd),
.IGear-listing .more-info-body-description table tbody tr:nth-child(odd),
.RPGFeat-listing .more-info-body-description table tbody tr:nth-child(odd),
.RPGBackground-listing .more-info-body-description table tbody tr:nth-child(odd),
.RPGSubclass-listing .more-info-body-description table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.irace-listing .more-info-body-description ul,
.RPGMonster-listing .more-info-body-description ul,
.RPGMagicItem-listing .more-info-body-description ul,
.ihomebrewable-listing .more-info-body-description ul,
.RPGSpell-listing .more-info-body-description ul,
.IGear-listing .more-info-body-description ul,
.RPGFeat-listing .more-info-body-description ul,
.RPGBackground-listing .more-info-body-description ul,
.RPGSubclass-listing .more-info-body-description ul {
    list-style: initial;
    padding: 15px
}

.irace-listing .more-info-body-description ol,
.RPGMonster-listing .more-info-body-description ol,
.RPGMagicItem-listing .more-info-body-description ol,
.ihomebrewable-listing .more-info-body-description ol,
.RPGSpell-listing .more-info-body-description ol,
.IGear-listing .more-info-body-description ol,
.RPGFeat-listing .more-info-body-description ol,
.RPGBackground-listing .more-info-body-description ol,
.RPGSubclass-listing .more-info-body-description ol {
    list-style: decimal;
    padding: 15px
}

.irace-listing .more-info-body-description blockquote,
.RPGMonster-listing .more-info-body-description blockquote,
.RPGMagicItem-listing .more-info-body-description blockquote,
.ihomebrewable-listing .more-info-body-description blockquote,
.RPGSpell-listing .more-info-body-description blockquote,
.IGear-listing .more-info-body-description blockquote,
.RPGFeat-listing .more-info-body-description blockquote,
.RPGBackground-listing .more-info-body-description blockquote,
.RPGSubclass-listing .more-info-body-description blockquote {
    font-size: 14px;
    margin: 5px 0
}

.irace-listing .more-info-body-description blockquote p,
.RPGMonster-listing .more-info-body-description blockquote p,
.RPGMagicItem-listing .more-info-body-description blockquote p,
.ihomebrewable-listing .more-info-body-description blockquote p,
.RPGSpell-listing .more-info-body-description blockquote p,
.IGear-listing .more-info-body-description blockquote p,
.RPGFeat-listing .more-info-body-description blockquote p,
.RPGBackground-listing .more-info-body-description blockquote p,
.RPGSubclass-listing .more-info-body-description blockquote p {
    font-size: 14px
}

.irace-listing .more-info-body-description h1,
.irace-listing .more-info-body-description h2,
.irace-listing .more-info-body-description h3,
.RPGMonster-listing .more-info-body-description h1,
.RPGMonster-listing .more-info-body-description h2,
.RPGMonster-listing .more-info-body-description h3,
.RPGMagicItem-listing .more-info-body-description h1,
.RPGMagicItem-listing .more-info-body-description h2,
.RPGMagicItem-listing .more-info-body-description h3,
.ihomebrewable-listing .more-info-body-description h1,
.ihomebrewable-listing .more-info-body-description h2,
.ihomebrewable-listing .more-info-body-description h3,
.RPGSpell-listing .more-info-body-description h1,
.RPGSpell-listing .more-info-body-description h2,
.RPGSpell-listing .more-info-body-description h3,
.IGear-listing .more-info-body-description h1,
.IGear-listing .more-info-body-description h2,
.IGear-listing .more-info-body-description h3,
.RPGFeat-listing .more-info-body-description h1,
.RPGFeat-listing .more-info-body-description h2,
.RPGFeat-listing .more-info-body-description h3,
.RPGBackground-listing .more-info-body-description h1,
.RPGBackground-listing .more-info-body-description h2,
.RPGBackground-listing .more-info-body-description h3,
.RPGSubclass-listing .more-info-body-description h1,
.RPGSubclass-listing .more-info-body-description h2,
.RPGSubclass-listing .more-info-body-description h3 {
    font-weight: normal
}

.irace-listing .more-info-body-description h1,
.RPGMonster-listing .more-info-body-description h1,
.RPGMagicItem-listing .more-info-body-description h1,
.ihomebrewable-listing .more-info-body-description h1,
.RPGSpell-listing .more-info-body-description h1,
.IGear-listing .more-info-body-description h1,
.RPGFeat-listing .more-info-body-description h1,
.RPGBackground-listing .more-info-body-description h1,
.RPGSubclass-listing .more-info-body-description h1 {
    font-size: 32px
}

.irace-listing .more-info-body-description h2,
.RPGMonster-listing .more-info-body-description h2,
.RPGMagicItem-listing .more-info-body-description h2,
.ihomebrewable-listing .more-info-body-description h2,
.RPGSpell-listing .more-info-body-description h2,
.IGear-listing .more-info-body-description h2,
.RPGFeat-listing .more-info-body-description h2,
.RPGBackground-listing .more-info-body-description h2,
.RPGSubclass-listing .more-info-body-description h2 {
    font-size: 26px
}

.irace-listing .more-info-body-description h3,
.RPGMonster-listing .more-info-body-description h3,
.RPGMagicItem-listing .more-info-body-description h3,
.ihomebrewable-listing .more-info-body-description h3,
.RPGSpell-listing .more-info-body-description h3,
.IGear-listing .more-info-body-description h3,
.RPGFeat-listing .more-info-body-description h3,
.RPGBackground-listing .more-info-body-description h3,
.RPGSubclass-listing .more-info-body-description h3 {
    font-size: 20px
}

.irace-listing .more-info-body-description h5,
.irace-listing .more-info-body-description h6,
.RPGMonster-listing .more-info-body-description h5,
.RPGMonster-listing .more-info-body-description h6,
.RPGMagicItem-listing .more-info-body-description h5,
.RPGMagicItem-listing .more-info-body-description h6,
.ihomebrewable-listing .more-info-body-description h5,
.ihomebrewable-listing .more-info-body-description h6,
.RPGSpell-listing .more-info-body-description h5,
.RPGSpell-listing .more-info-body-description h6,
.IGear-listing .more-info-body-description h5,
.IGear-listing .more-info-body-description h6,
.RPGFeat-listing .more-info-body-description h5,
.RPGFeat-listing .more-info-body-description h6,
.RPGBackground-listing .more-info-body-description h5,
.RPGBackground-listing .more-info-body-description h6,
.RPGSubclass-listing .more-info-body-description h5,
.RPGSubclass-listing .more-info-body-description h6 {
    font-size: 18px
}

.irace-listing .more-info-body-description a,
.RPGMonster-listing .more-info-body-description a,
.RPGMagicItem-listing .more-info-body-description a,
.ihomebrewable-listing .more-info-body-description a,
.RPGSpell-listing .more-info-body-description a,
.IGear-listing .more-info-body-description a,
.RPGFeat-listing .more-info-body-description a,
.RPGBackground-listing .more-info-body-description a,
.RPGSubclass-listing .more-info-body-description a {
    text-decoration: none;
    cursor: pointer
}

.irace-listing .more-info-body-description a,
.irace-listing .more-info-body-description a:hover,
.irace-listing .more-info-body-description a:focus,
.irace-listing .more-info-body-description a:active,
.irace-listing .more-info-body-description a:visited,
.RPGMonster-listing .more-info-body-description a,
.RPGMonster-listing .more-info-body-description a:hover,
.RPGMonster-listing .more-info-body-description a:focus,
.RPGMonster-listing .more-info-body-description a:active,
.RPGMonster-listing .more-info-body-description a:visited,
.RPGMagicItem-listing .more-info-body-description a,
.RPGMagicItem-listing .more-info-body-description a:hover,
.RPGMagicItem-listing .more-info-body-description a:focus,
.RPGMagicItem-listing .more-info-body-description a:active,
.RPGMagicItem-listing .more-info-body-description a:visited,
.ihomebrewable-listing .more-info-body-description a,
.ihomebrewable-listing .more-info-body-description a:hover,
.ihomebrewable-listing .more-info-body-description a:focus,
.ihomebrewable-listing .more-info-body-description a:active,
.ihomebrewable-listing .more-info-body-description a:visited,
.RPGSpell-listing .more-info-body-description a,
.RPGSpell-listing .more-info-body-description a:hover,
.RPGSpell-listing .more-info-body-description a:focus,
.RPGSpell-listing .more-info-body-description a:active,
.RPGSpell-listing .more-info-body-description a:visited,
.IGear-listing .more-info-body-description a,
.IGear-listing .more-info-body-description a:hover,
.IGear-listing .more-info-body-description a:focus,
.IGear-listing .more-info-body-description a:active,
.IGear-listing .more-info-body-description a:visited,
.RPGFeat-listing .more-info-body-description a,
.RPGFeat-listing .more-info-body-description a:hover,
.RPGFeat-listing .more-info-body-description a:focus,
.RPGFeat-listing .more-info-body-description a:active,
.RPGFeat-listing .more-info-body-description a:visited,
.RPGBackground-listing .more-info-body-description a,
.RPGBackground-listing .more-info-body-description a:hover,
.RPGBackground-listing .more-info-body-description a:focus,
.RPGBackground-listing .more-info-body-description a:active,
.RPGBackground-listing .more-info-body-description a:visited,
.RPGSubclass-listing .more-info-body-description a,
.RPGSubclass-listing .more-info-body-description a:hover,
.RPGSubclass-listing .more-info-body-description a:focus,
.RPGSubclass-listing .more-info-body-description a:active,
.RPGSubclass-listing .more-info-body-description a:visited {
    color: #47D18C
}

.irace-listing .more-info-body-description h1,
.irace-listing .more-info-body-description h2,
.irace-listing .more-info-body-description h3,
.RPGMonster-listing .more-info-body-description h1,
.RPGMonster-listing .more-info-body-description h2,
.RPGMonster-listing .more-info-body-description h3,
.RPGMagicItem-listing .more-info-body-description h1,
.RPGMagicItem-listing .more-info-body-description h2,
.RPGMagicItem-listing .more-info-body-description h3,
.ihomebrewable-listing .more-info-body-description h1,
.ihomebrewable-listing .more-info-body-description h2,
.ihomebrewable-listing .more-info-body-description h3,
.RPGSpell-listing .more-info-body-description h1,
.RPGSpell-listing .more-info-body-description h2,
.RPGSpell-listing .more-info-body-description h3,
.IGear-listing .more-info-body-description h1,
.IGear-listing .more-info-body-description h2,
.IGear-listing .more-info-body-description h3,
.RPGFeat-listing .more-info-body-description h1,
.RPGFeat-listing .more-info-body-description h2,
.RPGFeat-listing .more-info-body-description h3,
.RPGBackground-listing .more-info-body-description h1,
.RPGBackground-listing .more-info-body-description h2,
.RPGBackground-listing .more-info-body-description h3,
.RPGSubclass-listing .more-info-body-description h1,
.RPGSubclass-listing .more-info-body-description h2,
.RPGSubclass-listing .more-info-body-description h3 {
    font-weight: normal
}

.irace-listing .more-info-body-description h1,
.RPGMonster-listing .more-info-body-description h1,
.RPGMagicItem-listing .more-info-body-description h1,
.ihomebrewable-listing .more-info-body-description h1,
.RPGSpell-listing .more-info-body-description h1,
.IGear-listing .more-info-body-description h1,
.RPGFeat-listing .more-info-body-description h1,
.RPGBackground-listing .more-info-body-description h1,
.RPGSubclass-listing .more-info-body-description h1 {
    font-size: 32px
}

.irace-listing .more-info-body-description h1::after,
.RPGMonster-listing .more-info-body-description h1::after,
.RPGMagicItem-listing .more-info-body-description h1::after,
.ihomebrewable-listing .more-info-body-description h1::after,
.RPGSpell-listing .more-info-body-description h1::after,
.IGear-listing .more-info-body-description h1::after,
.RPGFeat-listing .more-info-body-description h1::after,
.RPGBackground-listing .more-info-body-description h1::after,
.RPGSubclass-listing .more-info-body-description h1::after {
    content: '';
    width: 100%;
    max-width: 1200px;
    margin: 5px auto 20px;
    height: 3px;
    background-color: #1b9af0;
    display: block
}

.irace-listing .more-info-body-description h2::after,
.irace-listing .more-info-body-description h3::after,
.RPGMonster-listing .more-info-body-description h2::after,
.RPGMonster-listing .more-info-body-description h3::after,
.RPGMagicItem-listing .more-info-body-description h2::after,
.RPGMagicItem-listing .more-info-body-description h3::after,
.ihomebrewable-listing .more-info-body-description h2::after,
.ihomebrewable-listing .more-info-body-description h3::after,
.RPGSpell-listing .more-info-body-description h2::after,
.RPGSpell-listing .more-info-body-description h3::after,
.IGear-listing .more-info-body-description h2::after,
.IGear-listing .more-info-body-description h3::after,
.RPGFeat-listing .more-info-body-description h2::after,
.RPGFeat-listing .more-info-body-description h3::after,
.RPGBackground-listing .more-info-body-description h2::after,
.RPGBackground-listing .more-info-body-description h3::after,
.RPGSubclass-listing .more-info-body-description h2::after,
.RPGSubclass-listing .more-info-body-description h3::after {
    content: '';
    width: 100%;
    margin: 5px auto 20px;
    height: 1px;
    background-color: #1b9af0;
    display: block
}

.irace-listing .more-info-body-description h2,
.RPGMonster-listing .more-info-body-description h2,
.RPGMagicItem-listing .more-info-body-description h2,
.ihomebrewable-listing .more-info-body-description h2,
.RPGSpell-listing .more-info-body-description h2,
.IGear-listing .more-info-body-description h2,
.RPGFeat-listing .more-info-body-description h2,
.RPGBackground-listing .more-info-body-description h2,
.RPGSubclass-listing .more-info-body-description h2 {
    font-size: 26px
}

.irace-listing .more-info-body-description h3,
.RPGMonster-listing .more-info-body-description h3,
.RPGMagicItem-listing .more-info-body-description h3,
.ihomebrewable-listing .more-info-body-description h3,
.RPGSpell-listing .more-info-body-description h3,
.IGear-listing .more-info-body-description h3,
.RPGFeat-listing .more-info-body-description h3,
.RPGBackground-listing .more-info-body-description h3,
.RPGSubclass-listing .more-info-body-description h3 {
    font-size: 20px
}

.irace-listing .more-info-body-description h5,
.irace-listing .more-info-body-description h6,
.RPGMonster-listing .more-info-body-description h5,
.RPGMonster-listing .more-info-body-description h6,
.RPGMagicItem-listing .more-info-body-description h5,
.RPGMagicItem-listing .more-info-body-description h6,
.ihomebrewable-listing .more-info-body-description h5,
.ihomebrewable-listing .more-info-body-description h6,
.RPGSpell-listing .more-info-body-description h5,
.RPGSpell-listing .more-info-body-description h6,
.IGear-listing .more-info-body-description h5,
.IGear-listing .more-info-body-description h6,
.RPGFeat-listing .more-info-body-description h5,
.RPGFeat-listing .more-info-body-description h6,
.RPGBackground-listing .more-info-body-description h5,
.RPGBackground-listing .more-info-body-description h6,
.RPGSubclass-listing .more-info-body-description h5,
.RPGSubclass-listing .more-info-body-description h6 {
    font-size: 18px
}

.irace-listing .more-info-body-description-upper,
.RPGMonster-listing .more-info-body-description-upper,
.RPGMagicItem-listing .more-info-body-description-upper,
.ihomebrewable-listing .more-info-body-description-upper,
.RPGSpell-listing .more-info-body-description-upper,
.IGear-listing .more-info-body-description-upper,
.RPGFeat-listing .more-info-body-description-upper,
.RPGBackground-listing .more-info-body-description-upper,
.RPGSubclass-listing .more-info-body-description-upper {
    font-style: italic;
    font-size: 16px
}

.irace-listing .more-info-body-description-lower,
.RPGMonster-listing .more-info-body-description-lower,
.RPGMagicItem-listing .more-info-body-description-lower,
.ihomebrewable-listing .more-info-body-description-lower,
.RPGSpell-listing .more-info-body-description-lower,
.IGear-listing .more-info-body-description-lower,
.RPGFeat-listing .more-info-body-description-lower,
.RPGBackground-listing .more-info-body-description-lower,
.RPGSubclass-listing .more-info-body-description-lower {
    padding-top: 20px
}

.irace-listing .more-info-body-description-lower .more-info-notes,
.RPGMonster-listing .more-info-body-description-lower .more-info-notes,
.RPGMagicItem-listing .more-info-body-description-lower .more-info-notes,
.ihomebrewable-listing .more-info-body-description-lower .more-info-notes,
.RPGSpell-listing .more-info-body-description-lower .more-info-notes,
.IGear-listing .more-info-body-description-lower .more-info-notes,
.RPGFeat-listing .more-info-body-description-lower .more-info-notes,
.RPGBackground-listing .more-info-body-description-lower .more-info-notes,
.RPGSubclass-listing .more-info-body-description-lower .more-info-notes {
    font-style: italic
}

.irace-listing .more-info-body-description h4,
.RPGMonster-listing .more-info-body-description h4,
.RPGMagicItem-listing .more-info-body-description h4,
.ihomebrewable-listing .more-info-body-description h4,
.RPGSpell-listing .more-info-body-description h4,
.IGear-listing .more-info-body-description h4,
.RPGFeat-listing .more-info-body-description h4,
.RPGBackground-listing .more-info-body-description h4,
.RPGSubclass-listing .more-info-body-description h4 {
    font-size: 20px
}

.irace-listing .more-info-body-description h5,
.RPGMonster-listing .more-info-body-description h5,
.RPGMagicItem-listing .more-info-body-description h5,
.ihomebrewable-listing .more-info-body-description h5,
.RPGSpell-listing .more-info-body-description h5,
.IGear-listing .more-info-body-description h5,
.RPGFeat-listing .more-info-body-description h5,
.RPGBackground-listing .more-info-body-description h5,
.RPGSubclass-listing .more-info-body-description h5 {
    font-size: 16px
}

.irace-listing .more-info-monster .more-info-body-description h1::after,
.irace-listing .more-info-monster .more-info-body-description h2::before,
.irace-listing .more-info-monster .more-info-body-description h3::before,
.RPGMonster-listing .more-info-monster .more-info-body-description h1::after,
.RPGMonster-listing .more-info-monster .more-info-body-description h2::before,
.RPGMonster-listing .more-info-monster .more-info-body-description h3::before,
.RPGMagicItem-listing .more-info-monster .more-info-body-description h1::after,
.RPGMagicItem-listing .more-info-monster .more-info-body-description h2::before,
.RPGMagicItem-listing .more-info-monster .more-info-body-description h3::before,
.ihomebrewable-listing .more-info-monster .more-info-body-description h1::after,
.ihomebrewable-listing .more-info-monster .more-info-body-description h2::before,
.ihomebrewable-listing .more-info-monster .more-info-body-description h3::before,
.RPGSpell-listing .more-info-monster .more-info-body-description h1::after,
.RPGSpell-listing .more-info-monster .more-info-body-description h2::before,
.RPGSpell-listing .more-info-monster .more-info-body-description h3::before,
.IGear-listing .more-info-monster .more-info-body-description h1::after,
.IGear-listing .more-info-monster .more-info-body-description h2::before,
.IGear-listing .more-info-monster .more-info-body-description h3::before,
.RPGFeat-listing .more-info-monster .more-info-body-description h1::after,
.RPGFeat-listing .more-info-monster .more-info-body-description h2::before,
.RPGFeat-listing .more-info-monster .more-info-body-description h3::before,
.RPGBackground-listing .more-info-monster .more-info-body-description h1::after,
.RPGBackground-listing .more-info-monster .more-info-body-description h2::before,
.RPGBackground-listing .more-info-monster .more-info-body-description h3::before,
.RPGSubclass-listing .more-info-monster .more-info-body-description h1::after,
.RPGSubclass-listing .more-info-monster .more-info-body-description h2::before,
.RPGSubclass-listing .more-info-monster .more-info-body-description h3::before {
    content: none
}

.irace-listing .more-info-footer,
.RPGMonster-listing .more-info-footer,
.RPGMagicItem-listing .more-info-footer,
.ihomebrewable-listing .more-info-footer,
.RPGSpell-listing .more-info-footer,
.IGear-listing .more-info-footer,
.RPGFeat-listing .more-info-footer,
.RPGBackground-listing .more-info-footer,
.RPGSubclass-listing .more-info-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px
}

@media(min-width:1024px) {
    .irace-listing .more-info-footer,
    .RPGMonster-listing .more-info-footer,
    .RPGMagicItem-listing .more-info-footer,
    .ihomebrewable-listing .more-info-footer,
    .RPGSpell-listing .more-info-footer,
    .IGear-listing .more-info-footer,
    .RPGFeat-listing .more-info-footer,
    .RPGBackground-listing .more-info-footer,
    .RPGSubclass-listing .more-info-footer {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.irace-listing .more-info-footer-details-button,
.RPGMonster-listing .more-info-footer-details-button,
.RPGMagicItem-listing .more-info-footer-details-button,
.ihomebrewable-listing .more-info-footer-details-button,
.RPGSpell-listing .more-info-footer-details-button,
.IGear-listing .more-info-footer-details-button,
.RPGFeat-listing .more-info-footer-details-button,
.RPGBackground-listing .more-info-footer-details-button,
.RPGSubclass-listing .more-info-footer-details-button {
    margin: 0 auto;
    padding: 10px 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media(min-width:1024px) {
    .irace-listing .more-info-footer-details-button,
    .RPGMonster-listing .more-info-footer-details-button,
    .RPGMagicItem-listing .more-info-footer-details-button,
    .ihomebrewable-listing .more-info-footer-details-button,
    .RPGSpell-listing .more-info-footer-details-button,
    .IGear-listing .more-info-footer-details-button,
    .RPGFeat-listing .more-info-footer-details-button,
    .RPGBackground-listing .more-info-footer-details-button,
    .RPGSubclass-listing .more-info-footer-details-button {
        -webkit-order: unset;
        -ms-flex-order: unset;
        order: unset;
        margin-left: 0;
        margin-right: 10px
    }
}

.irace-listing .more-info-footer-details-button .button-characters,
.RPGMonster-listing .more-info-footer-details-button .button-characters,
.RPGMagicItem-listing .more-info-footer-details-button .button-characters,
.ihomebrewable-listing .more-info-footer-details-button .button-characters,
.RPGSpell-listing .more-info-footer-details-button .button-characters,
.IGear-listing .more-info-footer-details-button .button-characters,
.RPGFeat-listing .more-info-footer-details-button .button-characters,
.RPGBackground-listing .more-info-footer-details-button .button-characters,
.RPGSubclass-listing .more-info-footer-details-button .button-characters {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.irace-listing .more-info-footer-details-button .button-characters:hover,
.RPGMonster-listing .more-info-footer-details-button .button-characters:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-characters:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-characters:hover,
.RPGSpell-listing .more-info-footer-details-button .button-characters:hover,
.IGear-listing .more-info-footer-details-button .button-characters:hover,
.RPGFeat-listing .more-info-footer-details-button .button-characters:hover,
.RPGBackground-listing .more-info-footer-details-button .button-characters:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-characters:hover {
    background: #ff9e22
}

.irace-listing .more-info-footer-details-button .button-characters,
.irace-listing .more-info-footer-details-button .button-characters:hover,
.irace-listing .more-info-footer-details-button .button-characters:focus,
.irace-listing .more-info-footer-details-button .button-characters:active,
.irace-listing .more-info-footer-details-button .button-characters:visited,
.RPGMonster-listing .more-info-footer-details-button .button-characters,
.RPGMonster-listing .more-info-footer-details-button .button-characters:hover,
.RPGMonster-listing .more-info-footer-details-button .button-characters:focus,
.RPGMonster-listing .more-info-footer-details-button .button-characters:active,
.RPGMonster-listing .more-info-footer-details-button .button-characters:visited,
.RPGMagicItem-listing .more-info-footer-details-button .button-characters,
.RPGMagicItem-listing .more-info-footer-details-button .button-characters:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-characters:focus,
.RPGMagicItem-listing .more-info-footer-details-button .button-characters:active,
.RPGMagicItem-listing .more-info-footer-details-button .button-characters:visited,
.ihomebrewable-listing .more-info-footer-details-button .button-characters,
.ihomebrewable-listing .more-info-footer-details-button .button-characters:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-characters:focus,
.ihomebrewable-listing .more-info-footer-details-button .button-characters:active,
.ihomebrewable-listing .more-info-footer-details-button .button-characters:visited,
.RPGSpell-listing .more-info-footer-details-button .button-characters,
.RPGSpell-listing .more-info-footer-details-button .button-characters:hover,
.RPGSpell-listing .more-info-footer-details-button .button-characters:focus,
.RPGSpell-listing .more-info-footer-details-button .button-characters:active,
.RPGSpell-listing .more-info-footer-details-button .button-characters:visited,
.IGear-listing .more-info-footer-details-button .button-characters,
.IGear-listing .more-info-footer-details-button .button-characters:hover,
.IGear-listing .more-info-footer-details-button .button-characters:focus,
.IGear-listing .more-info-footer-details-button .button-characters:active,
.IGear-listing .more-info-footer-details-button .button-characters:visited,
.RPGFeat-listing .more-info-footer-details-button .button-characters,
.RPGFeat-listing .more-info-footer-details-button .button-characters:hover,
.RPGFeat-listing .more-info-footer-details-button .button-characters:focus,
.RPGFeat-listing .more-info-footer-details-button .button-characters:active,
.RPGFeat-listing .more-info-footer-details-button .button-characters:visited,
.RPGBackground-listing .more-info-footer-details-button .button-characters,
.RPGBackground-listing .more-info-footer-details-button .button-characters:hover,
.RPGBackground-listing .more-info-footer-details-button .button-characters:focus,
.RPGBackground-listing .more-info-footer-details-button .button-characters:active,
.RPGBackground-listing .more-info-footer-details-button .button-characters:visited,
.RPGSubclass-listing .more-info-footer-details-button .button-characters,
.RPGSubclass-listing .more-info-footer-details-button .button-characters:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-characters:focus,
.RPGSubclass-listing .more-info-footer-details-button .button-characters:active,
.RPGSubclass-listing .more-info-footer-details-button .button-characters:visited {
    color: #fff
}

@media(min-width:1024px) {
    .irace-listing .more-info-footer-details-button .button-characters,
    .RPGMonster-listing .more-info-footer-details-button .button-characters,
    .RPGMagicItem-listing .more-info-footer-details-button .button-characters,
    .ihomebrewable-listing .more-info-footer-details-button .button-characters,
    .RPGSpell-listing .more-info-footer-details-button .button-characters,
    .IGear-listing .more-info-footer-details-button .button-characters,
    .RPGFeat-listing .more-info-footer-details-button .button-characters,
    .RPGBackground-listing .more-info-footer-details-button .button-characters,
    .RPGSubclass-listing .more-info-footer-details-button .button-characters {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.irace-listing .more-info-footer-details-button .button-characters:hover,
.RPGMonster-listing .more-info-footer-details-button .button-characters:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-characters:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-characters:hover,
.RPGSpell-listing .more-info-footer-details-button .button-characters:hover,
.IGear-listing .more-info-footer-details-button .button-characters:hover,
.RPGFeat-listing .more-info-footer-details-button .button-characters:hover,
.RPGBackground-listing .more-info-footer-details-button .button-characters:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-characters:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.irace-listing .more-info-footer-details-button .button-items,
.RPGMonster-listing .more-info-footer-details-button .button-items,
.RPGMagicItem-listing .more-info-footer-details-button .button-items,
.ihomebrewable-listing .more-info-footer-details-button .button-items,
.RPGSpell-listing .more-info-footer-details-button .button-items,
.IGear-listing .more-info-footer-details-button .button-items,
.RPGFeat-listing .more-info-footer-details-button .button-items,
.RPGBackground-listing .more-info-footer-details-button .button-items,
.RPGSubclass-listing .more-info-footer-details-button .button-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #0f5cbc;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.irace-listing .more-info-footer-details-button .button-items:hover,
.RPGMonster-listing .more-info-footer-details-button .button-items:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-items:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-items:hover,
.RPGSpell-listing .more-info-footer-details-button .button-items:hover,
.IGear-listing .more-info-footer-details-button .button-items:hover,
.RPGFeat-listing .more-info-footer-details-button .button-items:hover,
.RPGBackground-listing .more-info-footer-details-button .button-items:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-items:hover {
    background: #1373eb
}

.irace-listing .more-info-footer-details-button .button-items,
.irace-listing .more-info-footer-details-button .button-items:hover,
.irace-listing .more-info-footer-details-button .button-items:focus,
.irace-listing .more-info-footer-details-button .button-items:active,
.irace-listing .more-info-footer-details-button .button-items:visited,
.RPGMonster-listing .more-info-footer-details-button .button-items,
.RPGMonster-listing .more-info-footer-details-button .button-items:hover,
.RPGMonster-listing .more-info-footer-details-button .button-items:focus,
.RPGMonster-listing .more-info-footer-details-button .button-items:active,
.RPGMonster-listing .more-info-footer-details-button .button-items:visited,
.RPGMagicItem-listing .more-info-footer-details-button .button-items,
.RPGMagicItem-listing .more-info-footer-details-button .button-items:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-items:focus,
.RPGMagicItem-listing .more-info-footer-details-button .button-items:active,
.RPGMagicItem-listing .more-info-footer-details-button .button-items:visited,
.ihomebrewable-listing .more-info-footer-details-button .button-items,
.ihomebrewable-listing .more-info-footer-details-button .button-items:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-items:focus,
.ihomebrewable-listing .more-info-footer-details-button .button-items:active,
.ihomebrewable-listing .more-info-footer-details-button .button-items:visited,
.RPGSpell-listing .more-info-footer-details-button .button-items,
.RPGSpell-listing .more-info-footer-details-button .button-items:hover,
.RPGSpell-listing .more-info-footer-details-button .button-items:focus,
.RPGSpell-listing .more-info-footer-details-button .button-items:active,
.RPGSpell-listing .more-info-footer-details-button .button-items:visited,
.IGear-listing .more-info-footer-details-button .button-items,
.IGear-listing .more-info-footer-details-button .button-items:hover,
.IGear-listing .more-info-footer-details-button .button-items:focus,
.IGear-listing .more-info-footer-details-button .button-items:active,
.IGear-listing .more-info-footer-details-button .button-items:visited,
.RPGFeat-listing .more-info-footer-details-button .button-items,
.RPGFeat-listing .more-info-footer-details-button .button-items:hover,
.RPGFeat-listing .more-info-footer-details-button .button-items:focus,
.RPGFeat-listing .more-info-footer-details-button .button-items:active,
.RPGFeat-listing .more-info-footer-details-button .button-items:visited,
.RPGBackground-listing .more-info-footer-details-button .button-items,
.RPGBackground-listing .more-info-footer-details-button .button-items:hover,
.RPGBackground-listing .more-info-footer-details-button .button-items:focus,
.RPGBackground-listing .more-info-footer-details-button .button-items:active,
.RPGBackground-listing .more-info-footer-details-button .button-items:visited,
.RPGSubclass-listing .more-info-footer-details-button .button-items,
.RPGSubclass-listing .more-info-footer-details-button .button-items:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-items:focus,
.RPGSubclass-listing .more-info-footer-details-button .button-items:active,
.RPGSubclass-listing .more-info-footer-details-button .button-items:visited {
    color: #fff
}

@media(min-width:1024px) {
    .irace-listing .more-info-footer-details-button .button-items,
    .RPGMonster-listing .more-info-footer-details-button .button-items,
    .RPGMagicItem-listing .more-info-footer-details-button .button-items,
    .ihomebrewable-listing .more-info-footer-details-button .button-items,
    .RPGSpell-listing .more-info-footer-details-button .button-items,
    .IGear-listing .more-info-footer-details-button .button-items,
    .RPGFeat-listing .more-info-footer-details-button .button-items,
    .RPGBackground-listing .more-info-footer-details-button .button-items,
    .RPGSubclass-listing .more-info-footer-details-button .button-items {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.irace-listing .more-info-footer-details-button .button-items:hover,
.RPGMonster-listing .more-info-footer-details-button .button-items:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-items:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-items:hover,
.RPGSpell-listing .more-info-footer-details-button .button-items:hover,
.IGear-listing .more-info-footer-details-button .button-items:hover,
.RPGFeat-listing .more-info-footer-details-button .button-items:hover,
.RPGBackground-listing .more-info-footer-details-button .button-items:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-items:hover {
    transition: 100ms linear all;
    background: #1373eb
}

.irace-listing .more-info-footer-details-button .button-spells,
.RPGMonster-listing .more-info-footer-details-button .button-spells,
.RPGMagicItem-listing .more-info-footer-details-button .button-spells,
.ihomebrewable-listing .more-info-footer-details-button .button-spells,
.RPGSpell-listing .more-info-footer-details-button .button-spells,
.IGear-listing .more-info-footer-details-button .button-spells,
.RPGFeat-listing .more-info-footer-details-button .button-spells,
.RPGBackground-listing .more-info-footer-details-button .button-spells,
.RPGSubclass-listing .more-info-footer-details-button .button-spells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #704cd9;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.irace-listing .more-info-footer-details-button .button-spells:hover,
.RPGMonster-listing .more-info-footer-details-button .button-spells:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-spells:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-spells:hover,
.RPGSpell-listing .more-info-footer-details-button .button-spells:hover,
.IGear-listing .more-info-footer-details-button .button-spells:hover,
.RPGFeat-listing .more-info-footer-details-button .button-spells:hover,
.RPGBackground-listing .more-info-footer-details-button .button-spells:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-spells:hover {
    background: #9276e2
}

.irace-listing .more-info-footer-details-button .button-spells,
.irace-listing .more-info-footer-details-button .button-spells:hover,
.irace-listing .more-info-footer-details-button .button-spells:focus,
.irace-listing .more-info-footer-details-button .button-spells:active,
.irace-listing .more-info-footer-details-button .button-spells:visited,
.RPGMonster-listing .more-info-footer-details-button .button-spells,
.RPGMonster-listing .more-info-footer-details-button .button-spells:hover,
.RPGMonster-listing .more-info-footer-details-button .button-spells:focus,
.RPGMonster-listing .more-info-footer-details-button .button-spells:active,
.RPGMonster-listing .more-info-footer-details-button .button-spells:visited,
.RPGMagicItem-listing .more-info-footer-details-button .button-spells,
.RPGMagicItem-listing .more-info-footer-details-button .button-spells:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-spells:focus,
.RPGMagicItem-listing .more-info-footer-details-button .button-spells:active,
.RPGMagicItem-listing .more-info-footer-details-button .button-spells:visited,
.ihomebrewable-listing .more-info-footer-details-button .button-spells,
.ihomebrewable-listing .more-info-footer-details-button .button-spells:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-spells:focus,
.ihomebrewable-listing .more-info-footer-details-button .button-spells:active,
.ihomebrewable-listing .more-info-footer-details-button .button-spells:visited,
.RPGSpell-listing .more-info-footer-details-button .button-spells,
.RPGSpell-listing .more-info-footer-details-button .button-spells:hover,
.RPGSpell-listing .more-info-footer-details-button .button-spells:focus,
.RPGSpell-listing .more-info-footer-details-button .button-spells:active,
.RPGSpell-listing .more-info-footer-details-button .button-spells:visited,
.IGear-listing .more-info-footer-details-button .button-spells,
.IGear-listing .more-info-footer-details-button .button-spells:hover,
.IGear-listing .more-info-footer-details-button .button-spells:focus,
.IGear-listing .more-info-footer-details-button .button-spells:active,
.IGear-listing .more-info-footer-details-button .button-spells:visited,
.RPGFeat-listing .more-info-footer-details-button .button-spells,
.RPGFeat-listing .more-info-footer-details-button .button-spells:hover,
.RPGFeat-listing .more-info-footer-details-button .button-spells:focus,
.RPGFeat-listing .more-info-footer-details-button .button-spells:active,
.RPGFeat-listing .more-info-footer-details-button .button-spells:visited,
.RPGBackground-listing .more-info-footer-details-button .button-spells,
.RPGBackground-listing .more-info-footer-details-button .button-spells:hover,
.RPGBackground-listing .more-info-footer-details-button .button-spells:focus,
.RPGBackground-listing .more-info-footer-details-button .button-spells:active,
.RPGBackground-listing .more-info-footer-details-button .button-spells:visited,
.RPGSubclass-listing .more-info-footer-details-button .button-spells,
.RPGSubclass-listing .more-info-footer-details-button .button-spells:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-spells:focus,
.RPGSubclass-listing .more-info-footer-details-button .button-spells:active,
.RPGSubclass-listing .more-info-footer-details-button .button-spells:visited {
    color: #fff
}

@media(min-width:1024px) {
    .irace-listing .more-info-footer-details-button .button-spells,
    .RPGMonster-listing .more-info-footer-details-button .button-spells,
    .RPGMagicItem-listing .more-info-footer-details-button .button-spells,
    .ihomebrewable-listing .more-info-footer-details-button .button-spells,
    .RPGSpell-listing .more-info-footer-details-button .button-spells,
    .IGear-listing .more-info-footer-details-button .button-spells,
    .RPGFeat-listing .more-info-footer-details-button .button-spells,
    .RPGBackground-listing .more-info-footer-details-button .button-spells,
    .RPGSubclass-listing .more-info-footer-details-button .button-spells {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.irace-listing .more-info-footer-details-button .button-spells:hover,
.RPGMonster-listing .more-info-footer-details-button .button-spells:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-spells:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-spells:hover,
.RPGSpell-listing .more-info-footer-details-button .button-spells:hover,
.IGear-listing .more-info-footer-details-button .button-spells:hover,
.RPGFeat-listing .more-info-footer-details-button .button-spells:hover,
.RPGBackground-listing .more-info-footer-details-button .button-spells:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-spells:hover {
    transition: 100ms linear all;
    background: #9276e2
}

.irace-listing .more-info-footer-details-button .button-monsters,
.RPGMonster-listing .more-info-footer-details-button .button-monsters,
.RPGMagicItem-listing .more-info-footer-details-button .button-monsters,
.ihomebrewable-listing .more-info-footer-details-button .button-monsters,
.RPGSpell-listing .more-info-footer-details-button .button-monsters,
.IGear-listing .more-info-footer-details-button .button-monsters,
.RPGFeat-listing .more-info-footer-details-button .button-monsters,
.RPGBackground-listing .more-info-footer-details-button .button-monsters,
.RPGSubclass-listing .more-info-footer-details-button .button-monsters {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #bc0f0f;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.irace-listing .more-info-footer-details-button .button-monsters:hover,
.RPGMonster-listing .more-info-footer-details-button .button-monsters:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-monsters:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-monsters:hover,
.RPGSpell-listing .more-info-footer-details-button .button-monsters:hover,
.IGear-listing .more-info-footer-details-button .button-monsters:hover,
.RPGFeat-listing .more-info-footer-details-button .button-monsters:hover,
.RPGBackground-listing .more-info-footer-details-button .button-monsters:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-monsters:hover {
    background: #eb1313
}

.irace-listing .more-info-footer-details-button .button-monsters,
.irace-listing .more-info-footer-details-button .button-monsters:hover,
.irace-listing .more-info-footer-details-button .button-monsters:focus,
.irace-listing .more-info-footer-details-button .button-monsters:active,
.irace-listing .more-info-footer-details-button .button-monsters:visited,
.RPGMonster-listing .more-info-footer-details-button .button-monsters,
.RPGMonster-listing .more-info-footer-details-button .button-monsters:hover,
.RPGMonster-listing .more-info-footer-details-button .button-monsters:focus,
.RPGMonster-listing .more-info-footer-details-button .button-monsters:active,
.RPGMonster-listing .more-info-footer-details-button .button-monsters:visited,
.RPGMagicItem-listing .more-info-footer-details-button .button-monsters,
.RPGMagicItem-listing .more-info-footer-details-button .button-monsters:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-monsters:focus,
.RPGMagicItem-listing .more-info-footer-details-button .button-monsters:active,
.RPGMagicItem-listing .more-info-footer-details-button .button-monsters:visited,
.ihomebrewable-listing .more-info-footer-details-button .button-monsters,
.ihomebrewable-listing .more-info-footer-details-button .button-monsters:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-monsters:focus,
.ihomebrewable-listing .more-info-footer-details-button .button-monsters:active,
.ihomebrewable-listing .more-info-footer-details-button .button-monsters:visited,
.RPGSpell-listing .more-info-footer-details-button .button-monsters,
.RPGSpell-listing .more-info-footer-details-button .button-monsters:hover,
.RPGSpell-listing .more-info-footer-details-button .button-monsters:focus,
.RPGSpell-listing .more-info-footer-details-button .button-monsters:active,
.RPGSpell-listing .more-info-footer-details-button .button-monsters:visited,
.IGear-listing .more-info-footer-details-button .button-monsters,
.IGear-listing .more-info-footer-details-button .button-monsters:hover,
.IGear-listing .more-info-footer-details-button .button-monsters:focus,
.IGear-listing .more-info-footer-details-button .button-monsters:active,
.IGear-listing .more-info-footer-details-button .button-monsters:visited,
.RPGFeat-listing .more-info-footer-details-button .button-monsters,
.RPGFeat-listing .more-info-footer-details-button .button-monsters:hover,
.RPGFeat-listing .more-info-footer-details-button .button-monsters:focus,
.RPGFeat-listing .more-info-footer-details-button .button-monsters:active,
.RPGFeat-listing .more-info-footer-details-button .button-monsters:visited,
.RPGBackground-listing .more-info-footer-details-button .button-monsters,
.RPGBackground-listing .more-info-footer-details-button .button-monsters:hover,
.RPGBackground-listing .more-info-footer-details-button .button-monsters:focus,
.RPGBackground-listing .more-info-footer-details-button .button-monsters:active,
.RPGBackground-listing .more-info-footer-details-button .button-monsters:visited,
.RPGSubclass-listing .more-info-footer-details-button .button-monsters,
.RPGSubclass-listing .more-info-footer-details-button .button-monsters:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-monsters:focus,
.RPGSubclass-listing .more-info-footer-details-button .button-monsters:active,
.RPGSubclass-listing .more-info-footer-details-button .button-monsters:visited {
    color: #fff
}

@media(min-width:1024px) {
    .irace-listing .more-info-footer-details-button .button-monsters,
    .RPGMonster-listing .more-info-footer-details-button .button-monsters,
    .RPGMagicItem-listing .more-info-footer-details-button .button-monsters,
    .ihomebrewable-listing .more-info-footer-details-button .button-monsters,
    .RPGSpell-listing .more-info-footer-details-button .button-monsters,
    .IGear-listing .more-info-footer-details-button .button-monsters,
    .RPGFeat-listing .more-info-footer-details-button .button-monsters,
    .RPGBackground-listing .more-info-footer-details-button .button-monsters,
    .RPGSubclass-listing .more-info-footer-details-button .button-monsters {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.irace-listing .more-info-footer-details-button .button-monsters:hover,
.RPGMonster-listing .more-info-footer-details-button .button-monsters:hover,
.RPGMagicItem-listing .more-info-footer-details-button .button-monsters:hover,
.ihomebrewable-listing .more-info-footer-details-button .button-monsters:hover,
.RPGSpell-listing .more-info-footer-details-button .button-monsters:hover,
.IGear-listing .more-info-footer-details-button .button-monsters:hover,
.RPGFeat-listing .more-info-footer-details-button .button-monsters:hover,
.RPGBackground-listing .more-info-footer-details-button .button-monsters:hover,
.RPGSubclass-listing .more-info-footer-details-button .button-monsters:hover {
    transition: 100ms linear all;
    background: #eb1313
}

.irace-listing .more-info-footer-tags,
.RPGMonster-listing .more-info-footer-tags,
.RPGMagicItem-listing .more-info-footer-tags,
.ihomebrewable-listing .more-info-footer-tags,
.RPGSpell-listing .more-info-footer-tags,
.IGear-listing .more-info-footer-tags,
.RPGFeat-listing .more-info-footer-tags,
.RPGBackground-listing .more-info-footer-tags,
.RPGSubclass-listing .more-info-footer-tags {
    font-size: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0 10px;
    padding: 10px 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.irace-listing .more-info-footer-tags .tag,
.RPGMonster-listing .more-info-footer-tags .tag,
.RPGMagicItem-listing .more-info-footer-tags .tag,
.ihomebrewable-listing .more-info-footer-tags .tag,
.RPGSpell-listing .more-info-footer-tags .tag,
.IGear-listing .more-info-footer-tags .tag,
.RPGFeat-listing .more-info-footer-tags .tag,
.RPGBackground-listing .more-info-footer-tags .tag,
.RPGSubclass-listing .more-info-footer-tags .tag {
    border: 1px solid #cbc6c3;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 #dcd1c7;
    padding: 4px 8px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 2px
}

@media(min-width:1024px) {
    .irace-listing .more-info-footer-tags,
    .RPGMonster-listing .more-info-footer-tags,
    .RPGMagicItem-listing .more-info-footer-tags,
    .ihomebrewable-listing .more-info-footer-tags,
    .RPGSpell-listing .more-info-footer-tags,
    .IGear-listing .more-info-footer-tags,
    .RPGFeat-listing .more-info-footer-tags,
    .RPGBackground-listing .more-info-footer-tags,
    .RPGSubclass-listing .more-info-footer-tags {
        margin-left: 0
    }
}

.irace-listing .more-info-footer-classes,
.RPGMonster-listing .more-info-footer-classes,
.RPGMagicItem-listing .more-info-footer-classes,
.ihomebrewable-listing .more-info-footer-classes,
.RPGSpell-listing .more-info-footer-classes,
.IGear-listing .more-info-footer-classes,
.RPGFeat-listing .more-info-footer-classes,
.RPGBackground-listing .more-info-footer-classes,
.RPGSubclass-listing .more-info-footer-classes {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.irace-listing .more-info-footer-source,
.RPGMonster-listing .more-info-footer-source,
.RPGMagicItem-listing .more-info-footer-source,
.ihomebrewable-listing .more-info-footer-source,
.RPGSpell-listing .more-info-footer-source,
.IGear-listing .more-info-footer-source,
.RPGFeat-listing .more-info-footer-source,
.RPGBackground-listing .more-info-footer-source,
.RPGSubclass-listing .more-info-footer-source {
    font-style: italic;
    text-align: right;
    min-width: 110px;
    padding: 10px;
    margin-left: auto
}

.body-rpgigear .irace-listing .more-info-footer-source,
.body-rpgigear .RPGMonster-listing .more-info-footer-source,
.body-rpgigear .RPGMagicItem-listing .more-info-footer-source,
.body-rpgigear .ihomebrewable-listing .more-info-footer-source,
.body-rpgigear .RPGSpell-listing .more-info-footer-source,
.body-rpgigear .IGear-listing .more-info-footer-source,
.body-rpgigear .RPGFeat-listing .more-info-footer-source,
.body-rpgigear .RPGBackground-listing .more-info-footer-source,
.body-rpgigear .RPGSubclass-listing .more-info-footer-source {
    display: none
}

.irace-listing .more-info-footer-edit-button,
.RPGMonster-listing .more-info-footer-edit-button,
.RPGMagicItem-listing .more-info-footer-edit-button,
.ihomebrewable-listing .more-info-footer-edit-button,
.RPGSpell-listing .more-info-footer-edit-button,
.IGear-listing .more-info-footer-edit-button,
.RPGFeat-listing .more-info-footer-edit-button,
.RPGBackground-listing .more-info-footer-edit-button,
.RPGSubclass-listing .more-info-footer-edit-button {
    position: absolute;
    top: 0;
    left: 0
}

.irace-listing .more-info-footer-homebrew-actions,
.RPGMonster-listing .more-info-footer-homebrew-actions,
.RPGMagicItem-listing .more-info-footer-homebrew-actions,
.ihomebrewable-listing .more-info-footer-homebrew-actions,
.RPGSpell-listing .more-info-footer-homebrew-actions,
.IGear-listing .more-info-footer-homebrew-actions,
.RPGFeat-listing .more-info-footer-homebrew-actions,
.RPGBackground-listing .more-info-footer-homebrew-actions,
.RPGSubclass-listing .more-info-footer-homebrew-actions {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media(min-width:1024px) {
    .irace-listing .more-info-footer-homebrew-actions,
    .RPGMonster-listing .more-info-footer-homebrew-actions,
    .RPGMagicItem-listing .more-info-footer-homebrew-actions,
    .ihomebrewable-listing .more-info-footer-homebrew-actions,
    .RPGSpell-listing .more-info-footer-homebrew-actions,
    .IGear-listing .more-info-footer-homebrew-actions,
    .RPGFeat-listing .more-info-footer-homebrew-actions,
    .RPGBackground-listing .more-info-footer-homebrew-actions,
    .RPGSubclass-listing .more-info-footer-homebrew-actions {
        -webkit-order: unset;
        -ms-flex-order: unset;
        order: unset;
        margin-left: 0
    }
}

.irace-listing .more-info::after,
.RPGMonster-listing .more-info::after,
.RPGMagicItem-listing .more-info::after,
.ihomebrewable-listing .more-info::after,
.RPGSpell-listing .more-info::after,
.IGear-listing .more-info::after,
.RPGFeat-listing .more-info::after,
.RPGBackground-listing .more-info::after,
.RPGSubclass-listing .more-info::after {
    content: '';
    display: block;
    height: 28px;
    width: calc(100% + 40px);
    border-bottom: 28px solid transparent;
    border-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/expanded-listing-item-bottom-border.png") 28 stretch;
    position: relative;
    top: 4px;
    margin: 0 -20px
}

@media(min-width:1024px) {
    .irace-listing .more-info::after,
    .RPGMonster-listing .more-info::after,
    .RPGMagicItem-listing .more-info::after,
    .ihomebrewable-listing .more-info::after,
    .RPGSpell-listing .more-info::after,
    .IGear-listing .more-info::after,
    .RPGFeat-listing .more-info::after,
    .RPGBackground-listing .more-info::after,
    .RPGSubclass-listing .more-info::after {
        width: calc(100% + 52px);
        margin: 0 -26px
    }
}

.more-links {
    z-index: 5
}

.more-links .close {
    position: absolute;
    right: 10px;
    top: 5px;
    height: 20px;
    width: 20px;
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/x.svg)
}

.more-links__links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:1023px) {
    .more-links__links {
        display: none!important
    }
    .body-page-details>.section-compendium-content .more-links__links {
        display: block!important
    }
}

@media(max-width:1023px) {
    .more-links__links .compendium-quick-action {
        padding: 8px 16px
    }
}

.more-links__links .compendium-quick-action span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.body-rpgspell .more-links__links .button-alt {
    border-color: #704cd9
}

.body-rpgmonster .more-links__links .button-alt {
    border-color: #bc0f0f
}

.body-rpgmagicitem .more-links__links .button-alt {
    border-color: #0f5cbc
}

.body-page .more-links__links .button-alt,
.body-category .more-links__links .button-alt {
    border-color: #47D18C
}

.more-links__links .button-alt-marketplace {
    border-color: #1cd2c0
}

.more-links__links .button-alt-marketplace.my-cart .label::before {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/marketplace/cart/cart-white.svg");
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-size: cover;
    background-position: center
}

.more-links__links .button-alt-marketplace-default {
    border-color: #1b9af0
}

.more-links__links .button-alt-marketplace-character {
    border-color: #ee8600
}

.more-links__links .button-alt-marketplace-compendium {
    border-color: #47D18C
}

.more-links__links .button-alt-marketplace-homebrew {
    border-color: #45cef7!important
}

@media print {
    .more-links {
        display: none
    }
}

@media(min-width:1024px) {
    .more-links {
        z-index: 10
    }
    .more-links__links {
        visibility: visible!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .more-links__links a {
        margin: 0;
        width: auto!important;
        padding: 8px 16px;
        display: block
    }
    .more-links__links a span {
        width: 100%;
        padding: 0;
        white-space: nowrap
    }
    .more-links__links a:not(:first-of-type) {
        margin: 0 0 0 10px!important
    }
    .more-links__links .button-alt-group-item {
        display: block!important;
        margin: 0 auto!important;
        padding: 0 15px!important;
        max-width: 250px;
        background: #242527;
        border-bottom: 1px solid #333;
        color: #979AA4;
        line-height: 33px;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 13px;
        text-transform: uppercase;
        white-space: nowrap
    }
    .more-links__links .button-alt-group-item:active,
    .more-links__links .button-alt-group-item:visited {
        color: #979AA4
    }
    .more-links__links .button-alt-group-item:hover {
        color: #fff
    }
    .more-links__links .button-alt-group-item:not(:first-of-type) {
        margin: 0!important
    }
}

.body-rpgcharacter-userindex #site #site-main::before {
    display: none
}

.body-rpgcharacter-userindex #site #footer {
    display: block!important
}

.body-rpgcharacter-userindex #site .container {
    position: relative!important
}

.ddb-characters-listing-header {
    padding-bottom: 20px
}

.ddb-characters-listing-header-primary {
    font-size: 24px;
    color: #242527;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold
}

.ddb-characters-listing-header-primary-count {
    color: #1b9af0;
    text-transform: capitalize
}

.ddb-characters-listing-header-secondary {
    font-size: 15px;
    color: #242527
}

.ddb-characters-listing-header-secondary .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: linear-gradient(to bottom, #1b9af0, #0f5cbc);
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    transition: none;
    margin-top: 20px
}

.ddb-characters-listing-header-secondary .button,
.ddb-characters-listing-header-secondary .button:hover,
.ddb-characters-listing-header-secondary .button:focus,
.ddb-characters-listing-header-secondary .button:active,
.ddb-characters-listing-header-secondary .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-characters-listing-header-secondary .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-characters-listing-header-secondary .button:hover {
    transition: 100ms linear all
}

@media(min-width:1024px) {
    .ddb-characters-listing-header-secondary .button:not(.button-complete) {
        display: none
    }
}

@media(min-width:1024px) {
    .ddb-characters-listing-header-secondary .button-complete {
        margin-left: 0;
        max-width: 200px
    }
}

.ddb-characters-listing-body .empty {
    text-align: center;
    font-size: 18px;
    color: #242527;
    margin: 20px 0
}

.ddb-characters-listing-body .empty .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: linear-gradient(to bottom, #1b9af0, #0f5cbc);
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    transition: none;
    margin-top: 20px
}

.ddb-characters-listing-body .empty .button,
.ddb-characters-listing-body .empty .button:hover,
.ddb-characters-listing-body .empty .button:focus,
.ddb-characters-listing-body .empty .button:active,
.ddb-characters-listing-body .empty .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-characters-listing-body .empty .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-characters-listing-body .empty .button:hover {
    transition: 100ms linear all
}

@media(min-width:1024px) {
    .ddb-characters-listing-body .empty .button {
        height: 50px;
        max-width: 200px
    }
}

.ddb-characters-listing-count-max,
.ddb-characters-listing-count-unlock {
    color: #979AA4;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 18px;
    margin-top: 20px
}

.ddb-characters-listing .ddb-campaigns-character-card.status-locked .ddb-campaigns-character-card-header {
    -webkit-filter: saturate(0);
    filter: saturate(0)
}

@media(min-width:1024px) {
    .p-nav-a {
        z-index: auto
    }
    .p-nav-a .p-nav-item.section>ul {
        z-index: 50000
    }
    .p-nav-a .p-nav-item.section>ul .section>a:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    nav.main .b-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0 5px
    }
    nav.main .b-list span::-moz-selection {
        background: transparent
    }
    nav.main .b-list span::selection {
        background: transparent
    }
    nav.main .b-list .b-list-item {
        display: block
    }
    nav.main .b-list .b-list-item .override {
        background: #1c1d1e;
        top: 50px;
        box-shadow: 0 13px 16px rgba(0, 0, 0, 0.7)
    }
    nav.main .b-list .b-list-item .override .nav-main-item {
        max-width: 1200px;
        margin: 0 auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    nav.main .b-list .b-list-item .override .nav-main-item__list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    nav.main .b-list .b-list-item .override .nav-main-item__list .portal-listing-item {
        max-width: 275px;
        height: 130px;
        opacity: .5;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    nav.main .b-list .b-list-item .override .nav-main-item__list .portal-listing-item-background {
        background-size: 100%
    }
    nav.main .b-list .b-list-item .override .nav-main-item__list .portal-listing-item:hover {
        opacity: 1
    }
    nav.main .b-list .b-list-item .override .nav-main-item__list .portal-listing-item:hover .portal-listing-item-header-text {
        color: #fff
    }
    nav.main .b-list .b-list-item .override .nav-main-item__list .portal-listing-item-header {
        padding: 0
    }
    nav.main .b-list .b-list-item .override .nav-main-item__list .portal-listing-item-header-text {
        color: #a5afba;
        font-size: 20px
    }
    nav.main .b-list .b-list-item .override .nav-main-item__list .portal-listing-item__user {
        margin-top: 20px;
        width: 50%;
        border: .5px solid #343639;
        background: #171819;
        height: 50px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    nav.main .b-list .b-list-item .override .nav-main-item__list .portal-listing-item__user .portal-listing-item-header-text {
        font-size: 15px;
        color: #fff
    }
    nav.main .b-list .b-list-item .override .nav-main-item__list .portal-listing-item__user:hover {
        background: #343639
    }
    nav.main .b-list .section>a::after {
        content: "";
        display: inline-block;
        height: 0;
        vertical-align: baseline;
        width: 0;
        border-top: 5px solid #585a64;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        margin-left: 6px
    }
    nav.main .b-list>li {
        height: 50px;
        cursor: pointer;
        border-top: 1px solid transparent
    }
    nav.main .b-list>li ul>li.section {
        position: relative
    }
    nav.main .b-list>li>a {
        padding: 0;
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #a5afba
    }
    nav.main .b-list>li>a:hover {
        color: #fff
    }
    nav.main .b-list>li>a span {
        font-family: Roboto, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: lighter
    }
    nav.main .b-list>li:not(:first-of-type) {
        margin-left: 30px
    }
    .body-rpgcharacterbuilder nav.main .b-list>li#nav-builder>a>.b-list-label {
        color: #ffa218;
        color: #fff
    }
    .body-rpghomebrew-creations nav.main .b-list>li#nav-my-content>a>.b-list-label,
    .body-rpghomebrew-collection nav.main .b-list>li#nav-my-content>a>.b-list-label,
    .body-mycontent nav.main .b-list>li#nav-my-content>a>.b-list-label {
        color: #1b9af0;
        color: #fff
    }
    .body-rpgcharacter nav.main .b-list>li#nav-characters>a>.b-list-label,
    .body-rpgbackground nav.main .b-list>li#nav-characters>a>.b-list-label,
    .body-rpgfeat nav.main .b-list>li#nav-characters>a>.b-list-label,
    .body-rpgclass nav.main .b-list>li#nav-characters>a>.b-list-label,
    .body-rpgrace nav.main .b-list>li#nav-characters>a>.b-list-label {
        color: #ffa218;
        color: #fff
    }
    .body-rpgitem nav.main .b-list>li#nav-items>a>.b-list-label,
    .body-rpgigear nav.main .b-list>li#nav-items>a>.b-list-label,
    .body-rpgmagicitem nav.main .b-list>li#nav-items>a>.b-list-label {
        color: #438DFC;
        color: #fff
    }
    .body-rpgspell nav.main .b-list>li#nav-spells>a>.b-list-label {
        color: #A184F5;
        color: #fff
    }
    .body-rpgmonster nav.main .b-list>li#nav-monsters>a>.b-list-label {
        color: #F15F5F;
        color: #fff
    }
    .body-articles.section-posts nav.main .b-list>li#nav-articles>a>.b-list-label,
    .body-category.section-posts nav.main .b-list>li#nav-articles>a>.b-list-label {
        color: #26A4FA;
        color: #fff
    }
    .body-page:not(.section-posts) nav.main .b-list>li#nav-compendium>a>.b-list-label,
    .body-category:not(.section-posts) nav.main .b-list>li#nav-compendium>a>.b-list-label {
        color: #55D090;
        color: #fff
    }
    .body-forum nav.main .b-list>li#nav-forums>a>.b-list-label {
        color: #B7C1C5;
        color: #fff
    }
    .body-marketplace nav.main .b-list>li#nav-marketplace>a>.b-list-label {
        color: #55D090;
        color: #fff
    }
    nav.main .b-list>li:hover>ul {
        position: absolute;
        top: 49px;
        background-color: #242528
    }
    nav.main .b-list>li:hover>ul li:not(:last-child) {
        border-bottom: 1px solid #34353a
    }
    nav.main .b-list>li:hover>ul li a {
        padding: 10px
    }
    nav.main .b-list>li:hover>ul li .b-list-label {
        color: #979AA4;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 25px;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
    }
    nav.main .b-list>li:hover>ul li:hover .b-list-label {
        color: #fff
    }
    nav.main .b-list>li:hover>ul li.spacer .label {
        background-color: #34353a;
        padding: 3px 0 0 0
    }
    nav.main .b-list>li:hover>a {
        background: transparent!important
    }
    nav.main .b-list>li:hover>a:hover {
        background: transparent!important
    }
}

@media(max-width:1023px) {
    nav.main .b-list-item .override {
        display: none
    }
}

@media(min-width:1168px) {
    nav.main .b-list #nav-articles {
        display: inline
    }
}

.content-container .no-results {
    margin-top: 40px;
    font-size: 26px;
    background: transparent;
    border: 0;
    text-transform: uppercase;
    font-family: Roboto, Helvetica, sans-serif;
    font-weight: bold
}

.content-container .no-results::after {
    content: '(NOTHING FOUND WITH THOSE FILTERS)';
    display: block;
    font-size: 13px;
    font-weight: bold;
    font-family: Roboto, Helvetica, sans-serif
}

.body-rpgspell .content-container .no-results::after {
    content: "(NO SPELLS FOUND WITH THOSE FILTERS)";
    text-transform: uppercase
}

.body-rpgmonster .content-container .no-results::after {
    content: "(NO MONSTERS FOUND WITH THOSE FILTERS)";
    text-transform: uppercase
}

.body-rpgmagicitem .content-container .no-results::after {
    content: "(NO MAGIC ITEMS FOUND WITH THOSE FILTERS)";
    text-transform: uppercase
}

@media(min-width:1024px) {
    .content-container .no-results::after {
        font-size: 16px
    }
}

.ddb-no-results {
    padding-top: 30px
}

.ddb-no-results-main,
.ddb-no-results-secondary {
    font-weight: bold;
    text-transform: uppercase
}

.ddb-no-results-main {
    font-size: 26px
}

.ddb-no-results-secondary {
    font-size: 14px
}

.ddb-notification {
    position: relative
}

.ddb-notification-subject {
    margin-bottom: 1.3em
}

.ddb-notification-icon {
    height: 48px;
    width: 48px;
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: #979AA4;
    border-radius: 4px;
    position: absolute;
    left: -64px
}

.ddb-notification-item .ddb-notification-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/items.svg");
    background-color: #0f5cbc
}

.ddb-notification-monster .ddb-notification-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/monsters.svg");
    background-color: #bc0f0f
}

.ddb-notification-spell .ddb-notification-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/spells.svg");
    background-color: #704cd9;
    background-size: 65%
}

.ddb-notification-toast .vex-dialog-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ddb-notification-toast .vex-dialog-message {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #242527;
    padding: 0 10px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ddb-notification-toast .vex-dialog-buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-notification-toast .vex-dialog-buttons .close {
    float: none;
    height: 20px;
    width: 20px;
    padding: 0;
    background-color: transparent;
    background-size: 100%;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/yes-no/x-grey.svg")
}

.ddb-notification-toast-homebrew {
    border-color: #45cef7
}

.ddb-notification-toast-homebrew .vex-dialog-form::before {
    content: '';
    min-width: 36px;
    height: 36px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/homebrew/homebrew-grey.svg");
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat
}

.ddb-notification-toast-error {
    border-color: #b70202;
    max-width: 400px!important
}

.ddb-notification-toast-error .vex-dialog-form {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ddb-notification-toast-error .vex-dialog-buttons {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.ddb-notification-toast-header {
    padding-bottom: 10px
}

.ddb-notification-toast-header-text {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold
}

.ddb-notification-toast-body-text .link,
.ddb-notification-toast-body-text .link:hover,
.ddb-notification-toast-body-text .link:focus,
.ddb-notification-toast-body-text .link:active,
.ddb-notification-toast-body-text .link:visited {
    color: #1b9af0!important
}

.ddb-notification-toast-body-text .link-homebrew,
.ddb-notification-toast-body-text .link-homebrew:hover,
.ddb-notification-toast-body-text .link-homebrew:focus,
.ddb-notification-toast-body-text .link-homebrew:active,
.ddb-notification-toast-body-text .link-homebrew:visited {
    color: #45cef7!important
}

.ddb-notification-toast-body-text .link-item,
.ddb-notification-toast-body-text .link-item:hover,
.ddb-notification-toast-body-text .link-item:focus,
.ddb-notification-toast-body-text .link-item:active,
.ddb-notification-toast-body-text .link-item:visited {
    color: #0f5cbc!important
}

.ddb-notification-toast-body-text .link-monster,
.ddb-notification-toast-body-text .link-monster:hover,
.ddb-notification-toast-body-text .link-monster:focus,
.ddb-notification-toast-body-text .link-monster:active,
.ddb-notification-toast-body-text .link-monster:visited {
    color: #bc0f0f!important
}

.ddb-notification-toast-body-text .link-compendium,
.ddb-notification-toast-body-text .link-compendium:hover,
.ddb-notification-toast-body-text .link-compendium:focus,
.ddb-notification-toast-body-text .link-compendium:active,
.ddb-notification-toast-body-text .link-compendium:visited {
    color: #47D18C!important
}

.body-notification .p-notifications-a header.h2 {
    border-bottom: 3px solid #1b9af0
}

.s_myNotifications .p-all-notifications-checkbox {
    width: 100%;
    margin-bottom: 15px
}

.s_myNotifications .p-notification-settings .setting {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#notifications {
    z-index: 51000!important
}

.page-header {
    padding: 0 10px;
    width: auto!important;
    max-width: 1200px!important
}

@media(max-width:1023px) {
    .body-noncebilling .page-header,
    .body-page-details>.section-compendium-content .page-header {
        display: none!important
    }
}

.page-header__unique .page-header__extras {
    position: relative;
    top: -54px;
    float: right
}

.page-header__unique .page-heading {
    padding-top: 0
}

@media(max-width:1023px) {
    .section-compendium-content .page-header__primary {
        padding: 0 8px
    }
}

.body-rpghomebrew-createhomebrewbackground .page-header__primary,
.body-rpghomebrew-createhomebrewfeat .page-header__primary,
.body-rpghomebrew-createhomebrewmagicitem .page-header__primary,
.body-rpghomebrew-createhomebrewmonster .page-header__primary,
.body-rpghomebrew-createhomebrewrace .page-header__primary,
.body-rpghomebrew-createhomebrewspell .page-header__primary,
.body-rpghomebrew-createhomebrewsubclass .page-header__primary,
.body-search-index .page-header__primary,
.body-noncebilling .page-header__primary,
.body-rpglanguageentitymapping .page-header__primary {
    display: none
}

.page-header__extras {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 5px 0
}

.page-header__extra {
    margin-top: 15px
}

.page-header__spacer {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.page-header.privatemessage-header {
    position: static
}

.body-category-details .section-compendium-content .page-header {
    z-index: 10
}

.body-home .page-header {
    display: none!important
}

@media(min-width:1024px) {
    .section-adventuring .page-header .rule-name {
        position: absolute;
        top: -100px;
        font-size: 40px
    }
    .page-header .header-image {
        display: none
    }
    .page-header .homebrew::before {
        height: 24px!important;
        width: 24px!important;
        background-size: 12px 12px!important;
        -webkit-transform: translateY(5px)!important;
        transform: translateY(5px)!important
    }
}

@media print {
    .page-header h2 {
        color: #000!important
    }
}

@media print {
    .body-rpgmonster-details .monster-header {
        display: none
    }
    .static-container-details .page-header h2 {
        display: none
    }
}

.page-heading {
    border-bottom: 3px solid #1b9af0;
    padding-bottom: 8px;
    padding-top: 16px
}

.body-home-index .page-heading {
    border-color: #e40712
}

.body-mycontent .page-heading,
.section-posts .page-heading,
.body-post .page-heading {
    border-color: #1b9af0
}

.body-rpgspell .page-heading {
    border-color: #704cd9
}

.body-rpgmonster .page-heading {
    border-color: #bc0f0f
}

.body-rpgitem .page-heading,
.body-rpgigear .page-heading,
.body-rpgmagicitem .page-heading {
    border-color: #0f5cbc
}

.body-rpgcharacter .page-heading,
.body-rpgfeat .page-heading,
.body-rpgrace .page-heading,
.body-rpgirace .page-heading,
.body-rpgsubrace .page-heading,
.body-rpgclass .page-heading,
.body-rpgbackground .page-heading {
    border-color: #ee8600
}

.body-forum .page-heading {
    border-color: #979aa4
}

.body-marketplace .page-heading,
.body-noncebilling .page-heading,
.body-productkey .page-heading {
    border-color: #1cd2c0
}

.body-rpghomebrew .page-heading {
    border-color: #45cef7
}

.section-compendium .page-heading,
.section-adventures .page-heading,
.section-rules .page-heading,
.page-heading.section-compendium {
    border-color: #47D18C
}

.body-search .page-heading,
.body-rpgcampaign .page-heading {
    border-color: #1b9af0
}

.page-heading__prefix,
.page-heading__content,
.page-heading__suffix {
    display: inline
}

.page-heading__prefix .page-title,
.page-heading__content .page-title,
.page-heading__suffix .page-title {
    display: inline
}

.page-heading__prefix .i-homebrew,
.page-heading__content .i-homebrew,
.page-heading__suffix .i-homebrew {
    height: 21px;
    width: 21px;
    background-size: 12px 12px
}

.page-heading__prefix .i-req-attunement,
.page-heading__prefix .i-legendary-monster,
.page-heading__prefix .i-ritual,
.page-heading__content .i-req-attunement,
.page-heading__content .i-legendary-monster,
.page-heading__content .i-ritual,
.page-heading__suffix .i-req-attunement,
.page-heading__suffix .i-legendary-monster,
.page-heading__suffix .i-ritual {
    height: 21px;
    width: 21px
}

.page-heading__prefix .i-concentration,
.page-heading__content .i-concentration,
.page-heading__suffix .i-concentration {
    height: 24px;
    width: 24px
}

.body-page-details>.section-compendium-content .page-heading {
    display: none
}

.body-notification .page-heading,
.body-forum-details .page-heading,
.body-forum-index .page-heading,
.body-forum-threaddetails .page-heading {
    display: none
}

.body-forum-threadcreate .page-heading,
.body-forum-search .page-heading {
    margin-bottom: 16px
}

.body-category-details .section-compendium-content .page-heading {
    background-image: url(https://www.dndbeyond.com/attachments/0/116/500darkbar.png);
    background-size: 101% 100%;
    border: 0;
    padding-left: 15px!important;
    margin-top: 32px
}

.body-category-details .section-compendium-content .page-heading .page-title {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase
}

.section-compendium .section-compendium-content .page-heading,
.section-rules .section-compendium-content .page-heading,
.section-adventures .section-compendium-content .page-heading {
    background: none!important;
    border-bottom: 3px solid #47D18C;
    padding-left: 0!important;
    margin-top: 16px
}

.body-home-index .section-compendium .section-compendium-content .page-heading,
.body-home-index .section-rules .section-compendium-content .page-heading,
.body-home-index .section-adventures .section-compendium-content .page-heading {
    border-color: #e40712
}

.body-mycontent .section-compendium .section-compendium-content .page-heading,
.section-posts .section-compendium .section-compendium-content .page-heading,
.body-post .section-compendium .section-compendium-content .page-heading,
.body-mycontent .section-rules .section-compendium-content .page-heading,
.section-posts .section-rules .section-compendium-content .page-heading,
.body-post .section-rules .section-compendium-content .page-heading,
.body-mycontent .section-adventures .section-compendium-content .page-heading,
.section-posts .section-adventures .section-compendium-content .page-heading,
.body-post .section-adventures .section-compendium-content .page-heading {
    border-color: #1b9af0
}

.body-rpgspell .section-compendium .section-compendium-content .page-heading,
.body-rpgspell .section-rules .section-compendium-content .page-heading,
.body-rpgspell .section-adventures .section-compendium-content .page-heading {
    border-color: #704cd9
}

.body-rpgmonster .section-compendium .section-compendium-content .page-heading,
.body-rpgmonster .section-rules .section-compendium-content .page-heading,
.body-rpgmonster .section-adventures .section-compendium-content .page-heading {
    border-color: #bc0f0f
}

.body-rpgitem .section-compendium .section-compendium-content .page-heading,
.body-rpgigear .section-compendium .section-compendium-content .page-heading,
.body-rpgmagicitem .section-compendium .section-compendium-content .page-heading,
.body-rpgitem .section-rules .section-compendium-content .page-heading,
.body-rpgigear .section-rules .section-compendium-content .page-heading,
.body-rpgmagicitem .section-rules .section-compendium-content .page-heading,
.body-rpgitem .section-adventures .section-compendium-content .page-heading,
.body-rpgigear .section-adventures .section-compendium-content .page-heading,
.body-rpgmagicitem .section-adventures .section-compendium-content .page-heading {
    border-color: #0f5cbc
}

.body-rpgcharacter .section-compendium .section-compendium-content .page-heading,
.body-rpgfeat .section-compendium .section-compendium-content .page-heading,
.body-rpgrace .section-compendium .section-compendium-content .page-heading,
.body-rpgirace .section-compendium .section-compendium-content .page-heading,
.body-rpgsubrace .section-compendium .section-compendium-content .page-heading,
.body-rpgclass .section-compendium .section-compendium-content .page-heading,
.body-rpgbackground .section-compendium .section-compendium-content .page-heading,
.body-rpgcharacter .section-rules .section-compendium-content .page-heading,
.body-rpgfeat .section-rules .section-compendium-content .page-heading,
.body-rpgrace .section-rules .section-compendium-content .page-heading,
.body-rpgirace .section-rules .section-compendium-content .page-heading,
.body-rpgsubrace .section-rules .section-compendium-content .page-heading,
.body-rpgclass .section-rules .section-compendium-content .page-heading,
.body-rpgbackground .section-rules .section-compendium-content .page-heading,
.body-rpgcharacter .section-adventures .section-compendium-content .page-heading,
.body-rpgfeat .section-adventures .section-compendium-content .page-heading,
.body-rpgrace .section-adventures .section-compendium-content .page-heading,
.body-rpgirace .section-adventures .section-compendium-content .page-heading,
.body-rpgsubrace .section-adventures .section-compendium-content .page-heading,
.body-rpgclass .section-adventures .section-compendium-content .page-heading,
.body-rpgbackground .section-adventures .section-compendium-content .page-heading {
    border-color: #ee8600
}

.body-forum .section-compendium .section-compendium-content .page-heading,
.body-forum .section-rules .section-compendium-content .page-heading,
.body-forum .section-adventures .section-compendium-content .page-heading {
    border-color: #979aa4
}

.body-marketplace .section-compendium .section-compendium-content .page-heading,
.body-noncebilling .section-compendium .section-compendium-content .page-heading,
.body-productkey .section-compendium .section-compendium-content .page-heading,
.body-marketplace .section-rules .section-compendium-content .page-heading,
.body-noncebilling .section-rules .section-compendium-content .page-heading,
.body-productkey .section-rules .section-compendium-content .page-heading,
.body-marketplace .section-adventures .section-compendium-content .page-heading,
.body-noncebilling .section-adventures .section-compendium-content .page-heading,
.body-productkey .section-adventures .section-compendium-content .page-heading {
    border-color: #1cd2c0
}

.body-rpghomebrew .section-compendium .section-compendium-content .page-heading,
.body-rpghomebrew .section-rules .section-compendium-content .page-heading,
.body-rpghomebrew .section-adventures .section-compendium-content .page-heading {
    border-color: #45cef7
}

.section-compendium .section-compendium .section-compendium-content .page-heading,
.section-adventures .section-compendium .section-compendium-content .page-heading,
.section-rules .section-compendium .section-compendium-content .page-heading,
.section-compendium .section-compendium-content .page-heading.section-compendium,
.section-compendium .section-rules .section-compendium-content .page-heading,
.section-adventures .section-rules .section-compendium-content .page-heading,
.section-rules .section-rules .section-compendium-content .page-heading,
.section-rules .section-compendium-content .page-heading.section-compendium,
.section-compendium .section-adventures .section-compendium-content .page-heading,
.section-adventures .section-adventures .section-compendium-content .page-heading,
.section-rules .section-adventures .section-compendium-content .page-heading,
.section-adventures .section-compendium-content .page-heading.section-compendium {
    border-color: #47D18C
}

.body-search .section-compendium .section-compendium-content .page-heading,
.body-rpgcampaign .section-compendium .section-compendium-content .page-heading,
.body-search .section-rules .section-compendium-content .page-heading,
.body-rpgcampaign .section-rules .section-compendium-content .page-heading,
.body-search .section-adventures .section-compendium-content .page-heading,
.body-rpgcampaign .section-adventures .section-compendium-content .page-heading {
    border-color: #1b9af0
}

.section-compendium .section-compendium-content .page-heading .page-title,
.section-rules .section-compendium-content .page-heading .page-title,
.section-adventures .section-compendium-content .page-heading .page-title {
    color: #000!important;
    font-size: 36px;
    text-transform: none
}

@media(max-width:1023px) {
    .page-heading {
        padding-top: 0
    }
}

@media(min-width:1024px) {
    .body-mycontent-index .page-heading,
    .body-rpgcharacter-index .page-heading,
    .section-compendium .page-heading,
    .body-rpgitem-index .page-heading,
    .body-rpgclass-details .page-heading,
    .body-rpgrace-details .page-heading {
        display: none
    }
}

@media(min-width:700px) {
    .body-rpgclass-details .page-heading,
    .body-rpgrace-details .page-heading {
        display: none
    }
}

@media print {
    .page-heading {
        border: 0
    }
}

.page-title {
    font-size: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: normal;
    z-index: 5;
    color: #242527;
    padding: 0!important;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 0
}

@media(min-width:1024px) {
    .page-title {
        font-size: 36px
    }
}

@media print {
    .page-title {
        position: static;
        color: #000
    }
    .page-title i {
        display: none
    }
}

#mobile-navigate-thread .b-pagination-item {
    margin-right: 0!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 46px
}

#mobile-navigate-thread .b-pagination-item a {
    box-shadow: none!important
}

li.b-pagination-item {
    margin-right: 5px!important
}

li.b-pagination-item a[rel="prev"],
li.b-pagination-item a[rel="next"],
li.b-pagination-item .b-pagination-item {
    min-height: 36px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif!important;
    font-weight: normal!important;
    font-size: 14px!important;
    color: #242527!important;
    text-align: center;
    padding-top: 8px!important
}

.body-rpgspell li.b-pagination-item a[rel="prev"]:hover,
.body-rpgspell li.b-pagination-item a[rel="next"]:hover,
.body-rpgspell li.b-pagination-item .b-pagination-item:hover {
    background: #704cd9!important
}

.body-rpgmonster li.b-pagination-item a[rel="prev"]:hover,
.body-rpgmonster li.b-pagination-item a[rel="next"]:hover,
.body-rpgmonster li.b-pagination-item .b-pagination-item:hover {
    background: #bc0f0f!important
}

.body-rpgmagicitem li.b-pagination-item a[rel="prev"]:hover,
.body-rpgmagicitem li.b-pagination-item a[rel="next"]:hover,
.body-rpgmagicitem li.b-pagination-item .b-pagination-item:hover {
    background: #0f5cbc!important
}

.body-forum li.b-pagination-item a[rel="prev"]:hover,
.body-forum li.b-pagination-item a[rel="next"]:hover,
.body-forum li.b-pagination-item .b-pagination-item:hover {
    background: #979aa4!important
}

li.b-pagination-item a[rel="prev"]:not(.s-active),
li.b-pagination-item a[rel="next"]:not(.s-active),
li.b-pagination-item .b-pagination-item:not(.s-active) {
    box-shadow: inset 0 0 4px 0 #dcd1c7!important;
    border: solid 1px #cbc6c3
}

.body-rpgspell li.b-pagination-item .s-active {
    background: #704cd9!important
}

.body-rpgmonster li.b-pagination-item .s-active {
    background: #bc0f0f!important
}

.body-rpgigear li.b-pagination-item .s-active,
.body-rpgmagicitem li.b-pagination-item .s-active {
    background: #0f5cbc!important
}

.body-forum li.b-pagination-item .s-active {
    background: #979aa4!important
}

li.b-pagination-item a[rel="prev"],
li.b-pagination-item a[rel="next"] {
    font-weight: bold!important;
    min-width: 55px
}

li.b-pagination-item+.dots {
    color: #7d8791;
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-align: center
}

.body-rpgspell li.b-pagination-item>a:hover {
    background: #704cd9!important
}

.body-rpgmonster li.b-pagination-item>a:hover {
    background: #bc0f0f!important
}

.body-rpgigear li.b-pagination-item>a:hover,
.body-rpgmagicitem li.b-pagination-item>a:hover {
    background: #0f5cbc!important
}

.body-forum li.b-pagination-item>a:hover {
    background: #979aa4!important
}

@media(min-width:385px) {
    li.b-pagination-item a[rel="prev"],
    li.b-pagination-item a[rel="next"],
    li.b-pagination-item .b-pagination-item {
        min-width: 38px
    }
}

.b-pagination-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.body-forum-threaddetails .b-pagination-list {
    float: left;
    margin-bottom: 10px
}

.portal-listing {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px
}

.portal-listing .ad-container {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.portal-listing-item {
    background-color: #333;
    width: 100%;
    max-width: 580px;
    height: 280px;
    border-radius: 4px;
    margin: 10px;
    padding: 10px;
    background-position: center center;
    background-size: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.portal-listing-item:hover .portal-listing-item-background {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out
}

.portal-listing-item-background {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.portal-listing-item-backgrounds .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/characters-landing/backgrounds.png")
}

.portal-listing-item-feats .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/characters-landing/feats.png")
}

.portal-listing-item-classes .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/characters-landing/classes.png")
}

.portal-listing-item-races .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/characters-landing/races.png")
}

.portal-listing-item-equipment .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/items-landing/equipment.png")
}

.portal-listing-item-magic-items .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/items-landing/magic-items.png")
}

.portal-listing-item-homebrew-spells .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/homebrew-landing/spells.png")
}

.portal-listing-item-homebrew-magic-items .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/homebrew-landing/items.png")
}

.portal-listing-item-homebrew-monsters .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/homebrew-landing/monsters.png")
}

.portal-listing-item-homebrew-backgrounds .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/homebrew-landing/background.png")
}

.portal-listing-item-homebrew-feats .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/homebrew-landing/feats.jpg")
}

.portal-listing-item-homebrew-races .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/homebrew-landing/races.png")
}

.portal-listing-item-homebrew-subclasses .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/homebrew-landing/subclasses.png")
}

.portal-listing-item-homebrew-creations .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/homebrew-landing/create.png")
}

.portal-listing-item-campaigns .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/my-content-landing/campaigns.jpg")
}

.portal-listing-item-characters .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/my-content-landing/characters.jpg")
}

.portal-listing-item-collection .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/my-content-landing/collection.jpg")
}

.portal-listing-item-creations .portal-listing-item-background {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/my-content-landing/creations.jpg")
}

.portal-listing-item-header {
    padding-bottom: 20px;
    position: relative;
    z-index: 2
}

.portal-listing-item-header-text {
    color: #fff;
    font-size: 36px;
    text-align: center
}

.portal-listing-item-body {
    position: relative;
    z-index: 2
}

.portal-listing-item-body-text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    max-width: 430px;
    margin: 0 auto
}

.portal-listing-item-body-buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:600px) {
    .portal-listing-item-body-buttons {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.portal-listing-item-body-buttons .button {
    height: 40px;
    min-width: 180px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 30px;
    background-image: none;
    border: 0;
    box-shadow: none;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-shadow: none
}

.portal-listing-item-body-buttons .button+.button {
    margin-top: 10px
}

@media(min-width:600px) {
    .portal-listing-item-body-buttons .button+.button {
        margin-top: 0;
        margin-left: 20px
    }
}

.portal-listing-item-body-buttons .button-default {
    background-color: #1b9af0
}

.portal-listing-item-body-buttons .button-default:hover {
    background-color: #4baff3
}

.portal-listing-item-body-buttons .button-characters {
    background-color: #ee8600
}

.portal-listing-item-body-buttons .button-characters:hover {
    background-color: #ff9e22
}

.portal-listing-item-body-buttons .button-spells {
    background-color: #704cd9
}

.portal-listing-item-body-buttons .button-spells:hover {
    background-color: #9276e2
}

.portal-listing-item-body-buttons .button-items {
    background-color: #0f5cbc
}

.portal-listing-item-body-buttons .button-items:hover {
    background-color: #1373eb
}

.portal-listing-item-body-buttons .button-monsters {
    background-color: #bc0f0f
}

.portal-listing-item-body-buttons .button-monsters:hover {
    background-color: #eb1313
}

.portal-listing-item-body-buttons .button-homebrew {
    background-color: #45cef7
}

.portal-listing-item-body-buttons .button-homebrew:hover {
    background-color: #76dbf9
}

.portal-listing-item-body-buttons .button-homebrew {
    min-width: 240px
}

.body-rpgcharacter-index #site #site-main::before,
.body-rpgitem-index #site #site-main::before {
    display: block!important
}

.body-rpgcharacter-index #site .container,
.body-rpgitem-index #site .container {
    position: relative!important
}

.body-rpgcharacter-index #site #footer,
.body-rpgitem-index #site #footer {
    display: block!important
}

.body-privatemessage .fake-title,
.section-posts .fake-title,
.section-changelog .fake-title {
    font-size: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: normal;
    z-index: 5;
    color: #242527;
    padding: 0!important;
    line-height: 1.3;
    font-weight: bold
}

@media(min-width:1024px) {
    .body-privatemessage .fake-title,
    .section-posts .fake-title,
    .section-changelog .fake-title {
        font-size: 36px
    }
}

.body-privatemessage .user-action-create-message>a,
.section-posts .user-action-create-message>a,
.section-changelog .user-action-create-message>a {
    background-color: #242527!important;
    background-image: none!important;
    box-shadow: none!important;
    padding: 10px 20px!important;
    transition: none!important;
    text-shadow: none!important;
    border: 2px solid #979aa4!important;
    border-radius: 4px!important
}

.body-privatemessage .user-action-create-message>a>span,
.section-posts .user-action-create-message>a>span,
.section-changelog .user-action-create-message>a>span {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.body-privatemessage .pm-create-folder,
.section-posts .pm-create-folder,
.section-changelog .pm-create-folder {
    background-color: #242527!important;
    background-image: none!important;
    box-shadow: none!important;
    padding: 10px 20px!important;
    transition: none!important;
    text-shadow: none!important;
    border: 2px solid #979aa4!important;
    border-radius: 4px!important;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.body-privatemessage .pm-nav .user-action,
.section-posts .pm-nav .user-action,
.section-changelog .pm-nav .user-action {
    background: #f6f4f3
}

.body-privatemessage .pm-nav .user-action .label,
.section-posts .pm-nav .user-action .label,
.section-changelog .pm-nav .user-action .label {
    font-size: 16px;
    text-shadow: none
}

.body-privatemessage .p-pm-a,
.section-posts .p-pm-a,
.section-changelog .p-pm-a {
    margin-top: 0!important
}

.body-privatemessage .p-pm-a.s-index .p-pm-filter .b-userAction,
.section-posts .p-pm-a.s-index .p-pm-filter .b-userAction,
.section-changelog .p-pm-a.s-index .p-pm-filter .b-userAction {
    border: 1px solid #d9d4d2
}

.section-posts .p-pm,
.section-changelog .p-pm,
.body-rpgfeat-details .p-pm,
.body-rpgrace-details .p-pm,
.body-rpgclass-details .p-pm,
.body-rpgclass-subclassdetails .p-pm,
.body-rpgspell-details .p-pm,
.body-rpgigear-details .p-pm,
.body-rpgmonster-details .p-pm,
.body-rpgmagicitem-details .p-pm,
.body-rpgbackground-details .p-pm,
.body-rpgsubrace-details .p-pm,
.body-privatemessage-details .p-pm,
.body-infractionappeal .p-pm {
    padding-top: 60px
}

@media(min-width:1024px) {
    .section-posts .p-pm,
    .section-changelog .p-pm,
    .body-rpgfeat-details .p-pm,
    .body-rpgrace-details .p-pm,
    .body-rpgclass-details .p-pm,
    .body-rpgclass-subclassdetails .p-pm,
    .body-rpgspell-details .p-pm,
    .body-rpgigear-details .p-pm,
    .body-rpgmonster-details .p-pm,
    .body-rpgmagicitem-details .p-pm,
    .body-rpgbackground-details .p-pm,
    .body-rpgsubrace-details .p-pm,
    .body-privatemessage-details .p-pm,
    .body-infractionappeal .p-pm {
        padding-top: 0
    }
}

.section-posts .p-comment-container,
.section-changelog .p-comment-container,
.body-rpgfeat-details .p-comment-container,
.body-rpgrace-details .p-comment-container,
.body-rpgclass-details .p-comment-container,
.body-rpgclass-subclassdetails .p-comment-container,
.body-rpgspell-details .p-comment-container,
.body-rpgigear-details .p-comment-container,
.body-rpgmonster-details .p-comment-container,
.body-rpgmagicitem-details .p-comment-container,
.body-rpgbackground-details .p-comment-container,
.body-rpgsubrace-details .p-comment-container,
.body-privatemessage-details .p-comment-container,
.body-infractionappeal .p-comment-container {
    border: 1px solid #D9D4D2;
    padding: 5px
}

.section-posts .p-comment-wrapper,
.section-changelog .p-comment-wrapper,
.body-rpgfeat-details .p-comment-wrapper,
.body-rpgrace-details .p-comment-wrapper,
.body-rpgclass-details .p-comment-wrapper,
.body-rpgclass-subclassdetails .p-comment-wrapper,
.body-rpgspell-details .p-comment-wrapper,
.body-rpgigear-details .p-comment-wrapper,
.body-rpgmonster-details .p-comment-wrapper,
.body-rpgmagicitem-details .p-comment-wrapper,
.body-rpgbackground-details .p-comment-wrapper,
.body-rpgsubrace-details .p-comment-wrapper,
.body-privatemessage-details .p-comment-wrapper,
.body-infractionappeal .p-comment-wrapper {
    padding-left: 20px!important
}

.section-posts .p-comment-wrapper::before,
.section-changelog .p-comment-wrapper::before,
.body-rpgfeat-details .p-comment-wrapper::before,
.body-rpgrace-details .p-comment-wrapper::before,
.body-rpgclass-details .p-comment-wrapper::before,
.body-rpgclass-subclassdetails .p-comment-wrapper::before,
.body-rpgspell-details .p-comment-wrapper::before,
.body-rpgigear-details .p-comment-wrapper::before,
.body-rpgmonster-details .p-comment-wrapper::before,
.body-rpgmagicitem-details .p-comment-wrapper::before,
.body-rpgbackground-details .p-comment-wrapper::before,
.body-rpgsubrace-details .p-comment-wrapper::before,
.body-privatemessage-details .p-comment-wrapper::before,
.body-infractionappeal .p-comment-wrapper::before {
    content: none
}

@media(min-width:641px) {
    .section-posts .p-comment-wrapper,
    .section-changelog .p-comment-wrapper,
    .body-rpgfeat-details .p-comment-wrapper,
    .body-rpgrace-details .p-comment-wrapper,
    .body-rpgclass-details .p-comment-wrapper,
    .body-rpgclass-subclassdetails .p-comment-wrapper,
    .body-rpgspell-details .p-comment-wrapper,
    .body-rpgigear-details .p-comment-wrapper,
    .body-rpgmonster-details .p-comment-wrapper,
    .body-rpgmagicitem-details .p-comment-wrapper,
    .body-rpgbackground-details .p-comment-wrapper,
    .body-rpgsubrace-details .p-comment-wrapper,
    .body-privatemessage-details .p-comment-wrapper,
    .body-infractionappeal .p-comment-wrapper {
        margin-left: 100px!important
    }
    .section-posts .p-comment-wrapper::before,
    .section-changelog .p-comment-wrapper::before,
    .body-rpgfeat-details .p-comment-wrapper::before,
    .body-rpgrace-details .p-comment-wrapper::before,
    .body-rpgclass-details .p-comment-wrapper::before,
    .body-rpgclass-subclassdetails .p-comment-wrapper::before,
    .body-rpgspell-details .p-comment-wrapper::before,
    .body-rpgigear-details .p-comment-wrapper::before,
    .body-rpgmonster-details .p-comment-wrapper::before,
    .body-rpgmagicitem-details .p-comment-wrapper::before,
    .body-rpgbackground-details .p-comment-wrapper::before,
    .body-rpgsubrace-details .p-comment-wrapper::before,
    .body-privatemessage-details .p-comment-wrapper::before,
    .body-infractionappeal .p-comment-wrapper::before {
        left: unset;
        right: 20px;
        margin-top: 35px
    }
}

@media(min-width:1024px) {
    .section-posts .p-comment-wrapper,
    .section-changelog .p-comment-wrapper,
    .body-rpgfeat-details .p-comment-wrapper,
    .body-rpgrace-details .p-comment-wrapper,
    .body-rpgclass-details .p-comment-wrapper,
    .body-rpgclass-subclassdetails .p-comment-wrapper,
    .body-rpgspell-details .p-comment-wrapper,
    .body-rpgigear-details .p-comment-wrapper,
    .body-rpgmonster-details .p-comment-wrapper,
    .body-rpgmagicitem-details .p-comment-wrapper,
    .body-rpgbackground-details .p-comment-wrapper,
    .body-rpgsubrace-details .p-comment-wrapper,
    .body-privatemessage-details .p-comment-wrapper,
    .body-infractionappeal .p-comment-wrapper {
        padding-left: 15px!important
    }
}

.section-posts .p-comment-content a,
.section-posts .p-comment-content a:hover,
.section-posts .p-comment-content a:focus,
.section-posts .p-comment-content a:active,
.section-posts .p-comment-content a:visited,
.section-changelog .p-comment-content a,
.section-changelog .p-comment-content a:hover,
.section-changelog .p-comment-content a:focus,
.section-changelog .p-comment-content a:active,
.section-changelog .p-comment-content a:visited,
.body-rpgfeat-details .p-comment-content a,
.body-rpgfeat-details .p-comment-content a:hover,
.body-rpgfeat-details .p-comment-content a:focus,
.body-rpgfeat-details .p-comment-content a:active,
.body-rpgfeat-details .p-comment-content a:visited,
.body-rpgrace-details .p-comment-content a,
.body-rpgrace-details .p-comment-content a:hover,
.body-rpgrace-details .p-comment-content a:focus,
.body-rpgrace-details .p-comment-content a:active,
.body-rpgrace-details .p-comment-content a:visited,
.body-rpgclass-details .p-comment-content a,
.body-rpgclass-details .p-comment-content a:hover,
.body-rpgclass-details .p-comment-content a:focus,
.body-rpgclass-details .p-comment-content a:active,
.body-rpgclass-details .p-comment-content a:visited,
.body-rpgclass-subclassdetails .p-comment-content a,
.body-rpgclass-subclassdetails .p-comment-content a:hover,
.body-rpgclass-subclassdetails .p-comment-content a:focus,
.body-rpgclass-subclassdetails .p-comment-content a:active,
.body-rpgclass-subclassdetails .p-comment-content a:visited,
.body-rpgspell-details .p-comment-content a,
.body-rpgspell-details .p-comment-content a:hover,
.body-rpgspell-details .p-comment-content a:focus,
.body-rpgspell-details .p-comment-content a:active,
.body-rpgspell-details .p-comment-content a:visited,
.body-rpgigear-details .p-comment-content a,
.body-rpgigear-details .p-comment-content a:hover,
.body-rpgigear-details .p-comment-content a:focus,
.body-rpgigear-details .p-comment-content a:active,
.body-rpgigear-details .p-comment-content a:visited,
.body-rpgmonster-details .p-comment-content a,
.body-rpgmonster-details .p-comment-content a:hover,
.body-rpgmonster-details .p-comment-content a:focus,
.body-rpgmonster-details .p-comment-content a:active,
.body-rpgmonster-details .p-comment-content a:visited,
.body-rpgmagicitem-details .p-comment-content a,
.body-rpgmagicitem-details .p-comment-content a:hover,
.body-rpgmagicitem-details .p-comment-content a:focus,
.body-rpgmagicitem-details .p-comment-content a:active,
.body-rpgmagicitem-details .p-comment-content a:visited,
.body-rpgbackground-details .p-comment-content a,
.body-rpgbackground-details .p-comment-content a:hover,
.body-rpgbackground-details .p-comment-content a:focus,
.body-rpgbackground-details .p-comment-content a:active,
.body-rpgbackground-details .p-comment-content a:visited,
.body-rpgsubrace-details .p-comment-content a,
.body-rpgsubrace-details .p-comment-content a:hover,
.body-rpgsubrace-details .p-comment-content a:focus,
.body-rpgsubrace-details .p-comment-content a:active,
.body-rpgsubrace-details .p-comment-content a:visited,
.body-privatemessage-details .p-comment-content a,
.body-privatemessage-details .p-comment-content a:hover,
.body-privatemessage-details .p-comment-content a:focus,
.body-privatemessage-details .p-comment-content a:active,
.body-privatemessage-details .p-comment-content a:visited,
.body-infractionappeal .p-comment-content a,
.body-infractionappeal .p-comment-content a:hover,
.body-infractionappeal .p-comment-content a:focus,
.body-infractionappeal .p-comment-content a:active,
.body-infractionappeal .p-comment-content a:visited {
    color: #1b9af0!important
}

.section-posts .p-comment-content a.tooltip-hover,
.section-changelog .p-comment-content a.tooltip-hover,
.body-rpgfeat-details .p-comment-content a.tooltip-hover,
.body-rpgrace-details .p-comment-content a.tooltip-hover,
.body-rpgclass-details .p-comment-content a.tooltip-hover,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover,
.body-rpgspell-details .p-comment-content a.tooltip-hover,
.body-rpgigear-details .p-comment-content a.tooltip-hover,
.body-rpgmonster-details .p-comment-content a.tooltip-hover,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover,
.body-rpgbackground-details .p-comment-content a.tooltip-hover,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover,
.body-privatemessage-details .p-comment-content a.tooltip-hover,
.body-infractionappeal .p-comment-content a.tooltip-hover {
    font-weight: bold!important
}

.section-posts .p-comment-content a.tooltip-hover,
.section-posts .p-comment-content a.tooltip-hover:hover,
.section-posts .p-comment-content a.tooltip-hover:focus,
.section-posts .p-comment-content a.tooltip-hover:active,
.section-posts .p-comment-content a.tooltip-hover:visited,
.section-changelog .p-comment-content a.tooltip-hover,
.section-changelog .p-comment-content a.tooltip-hover:hover,
.section-changelog .p-comment-content a.tooltip-hover:focus,
.section-changelog .p-comment-content a.tooltip-hover:active,
.section-changelog .p-comment-content a.tooltip-hover:visited,
.body-rpgfeat-details .p-comment-content a.tooltip-hover,
.body-rpgfeat-details .p-comment-content a.tooltip-hover:hover,
.body-rpgfeat-details .p-comment-content a.tooltip-hover:focus,
.body-rpgfeat-details .p-comment-content a.tooltip-hover:active,
.body-rpgfeat-details .p-comment-content a.tooltip-hover:visited,
.body-rpgrace-details .p-comment-content a.tooltip-hover,
.body-rpgrace-details .p-comment-content a.tooltip-hover:hover,
.body-rpgrace-details .p-comment-content a.tooltip-hover:focus,
.body-rpgrace-details .p-comment-content a.tooltip-hover:active,
.body-rpgrace-details .p-comment-content a.tooltip-hover:visited,
.body-rpgclass-details .p-comment-content a.tooltip-hover,
.body-rpgclass-details .p-comment-content a.tooltip-hover:hover,
.body-rpgclass-details .p-comment-content a.tooltip-hover:focus,
.body-rpgclass-details .p-comment-content a.tooltip-hover:active,
.body-rpgclass-details .p-comment-content a.tooltip-hover:visited,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover:hover,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover:focus,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover:active,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover:visited,
.body-rpgspell-details .p-comment-content a.tooltip-hover,
.body-rpgspell-details .p-comment-content a.tooltip-hover:hover,
.body-rpgspell-details .p-comment-content a.tooltip-hover:focus,
.body-rpgspell-details .p-comment-content a.tooltip-hover:active,
.body-rpgspell-details .p-comment-content a.tooltip-hover:visited,
.body-rpgigear-details .p-comment-content a.tooltip-hover,
.body-rpgigear-details .p-comment-content a.tooltip-hover:hover,
.body-rpgigear-details .p-comment-content a.tooltip-hover:focus,
.body-rpgigear-details .p-comment-content a.tooltip-hover:active,
.body-rpgigear-details .p-comment-content a.tooltip-hover:visited,
.body-rpgmonster-details .p-comment-content a.tooltip-hover,
.body-rpgmonster-details .p-comment-content a.tooltip-hover:hover,
.body-rpgmonster-details .p-comment-content a.tooltip-hover:focus,
.body-rpgmonster-details .p-comment-content a.tooltip-hover:active,
.body-rpgmonster-details .p-comment-content a.tooltip-hover:visited,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover:hover,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover:focus,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover:active,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover:visited,
.body-rpgbackground-details .p-comment-content a.tooltip-hover,
.body-rpgbackground-details .p-comment-content a.tooltip-hover:hover,
.body-rpgbackground-details .p-comment-content a.tooltip-hover:focus,
.body-rpgbackground-details .p-comment-content a.tooltip-hover:active,
.body-rpgbackground-details .p-comment-content a.tooltip-hover:visited,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover:hover,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover:focus,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover:active,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover:visited,
.body-privatemessage-details .p-comment-content a.tooltip-hover,
.body-privatemessage-details .p-comment-content a.tooltip-hover:hover,
.body-privatemessage-details .p-comment-content a.tooltip-hover:focus,
.body-privatemessage-details .p-comment-content a.tooltip-hover:active,
.body-privatemessage-details .p-comment-content a.tooltip-hover:visited,
.body-infractionappeal .p-comment-content a.tooltip-hover,
.body-infractionappeal .p-comment-content a.tooltip-hover:hover,
.body-infractionappeal .p-comment-content a.tooltip-hover:focus,
.body-infractionappeal .p-comment-content a.tooltip-hover:active,
.body-infractionappeal .p-comment-content a.tooltip-hover:visited {
    color: #47D18C!important
}

.section-posts .p-comment-content a.tooltip-hover.spell-tooltip,
.section-posts .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.section-posts .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.section-posts .p-comment-content a.tooltip-hover.spell-tooltip:active,
.section-posts .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.section-changelog .p-comment-content a.tooltip-hover.spell-tooltip,
.section-changelog .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.section-changelog .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.section-changelog .p-comment-content a.tooltip-hover.spell-tooltip:active,
.section-changelog .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.spell-tooltip,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-rpgrace-details .p-comment-content a.tooltip-hover.spell-tooltip,
.body-rpgrace-details .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-rpgrace-details .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-rpgrace-details .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-rpgrace-details .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-rpgclass-details .p-comment-content a.tooltip-hover.spell-tooltip,
.body-rpgclass-details .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-rpgclass-details .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-rpgclass-details .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-rpgclass-details .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.spell-tooltip,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-rpgspell-details .p-comment-content a.tooltip-hover.spell-tooltip,
.body-rpgspell-details .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-rpgspell-details .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-rpgspell-details .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-rpgspell-details .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-rpgigear-details .p-comment-content a.tooltip-hover.spell-tooltip,
.body-rpgigear-details .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-rpgigear-details .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-rpgigear-details .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-rpgigear-details .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.spell-tooltip,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.spell-tooltip,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.spell-tooltip,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.spell-tooltip,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-privatemessage-details .p-comment-content a.tooltip-hover.spell-tooltip,
.body-privatemessage-details .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-privatemessage-details .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-privatemessage-details .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-privatemessage-details .p-comment-content a.tooltip-hover.spell-tooltip:visited,
.body-infractionappeal .p-comment-content a.tooltip-hover.spell-tooltip,
.body-infractionappeal .p-comment-content a.tooltip-hover.spell-tooltip:hover,
.body-infractionappeal .p-comment-content a.tooltip-hover.spell-tooltip:focus,
.body-infractionappeal .p-comment-content a.tooltip-hover.spell-tooltip:active,
.body-infractionappeal .p-comment-content a.tooltip-hover.spell-tooltip:visited {
    color: #704cd9!important;
    font-style: italic
}

.section-posts .p-comment-content a.tooltip-hover.monster-tooltip,
.section-posts .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.section-posts .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.section-posts .p-comment-content a.tooltip-hover.monster-tooltip:active,
.section-posts .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.section-changelog .p-comment-content a.tooltip-hover.monster-tooltip,
.section-changelog .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.section-changelog .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.section-changelog .p-comment-content a.tooltip-hover.monster-tooltip:active,
.section-changelog .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.monster-tooltip,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-rpgrace-details .p-comment-content a.tooltip-hover.monster-tooltip,
.body-rpgrace-details .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-rpgrace-details .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-rpgrace-details .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-rpgrace-details .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-rpgclass-details .p-comment-content a.tooltip-hover.monster-tooltip,
.body-rpgclass-details .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-rpgclass-details .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-rpgclass-details .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-rpgclass-details .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.monster-tooltip,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-rpgspell-details .p-comment-content a.tooltip-hover.monster-tooltip,
.body-rpgspell-details .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-rpgspell-details .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-rpgspell-details .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-rpgspell-details .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-rpgigear-details .p-comment-content a.tooltip-hover.monster-tooltip,
.body-rpgigear-details .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-rpgigear-details .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-rpgigear-details .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-rpgigear-details .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.monster-tooltip,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.monster-tooltip,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.monster-tooltip,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.monster-tooltip,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-privatemessage-details .p-comment-content a.tooltip-hover.monster-tooltip,
.body-privatemessage-details .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-privatemessage-details .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-privatemessage-details .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-privatemessage-details .p-comment-content a.tooltip-hover.monster-tooltip:visited,
.body-infractionappeal .p-comment-content a.tooltip-hover.monster-tooltip,
.body-infractionappeal .p-comment-content a.tooltip-hover.monster-tooltip:hover,
.body-infractionappeal .p-comment-content a.tooltip-hover.monster-tooltip:focus,
.body-infractionappeal .p-comment-content a.tooltip-hover.monster-tooltip:active,
.body-infractionappeal .p-comment-content a.tooltip-hover.monster-tooltip:visited {
    color: #bc0f0f!important
}

.section-posts .p-comment-content a.tooltip-hover.magic-item-tooltip,
.section-posts .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.section-posts .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.section-posts .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.section-posts .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.section-changelog .p-comment-content a.tooltip-hover.magic-item-tooltip,
.section-changelog .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.section-changelog .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.section-changelog .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.section-changelog .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-rpgfeat-details .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-rpgrace-details .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-rpgrace-details .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-rpgrace-details .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-rpgrace-details .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-rpgrace-details .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-rpgclass-details .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-rpgclass-details .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-rpgclass-details .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-rpgclass-details .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-rpgclass-details .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-rpgclass-subclassdetails .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-rpgspell-details .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-rpgspell-details .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-rpgspell-details .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-rpgspell-details .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-rpgspell-details .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-rpgigear-details .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-rpgigear-details .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-rpgigear-details .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-rpgigear-details .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-rpgigear-details .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-rpgmonster-details .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-rpgmagicitem-details .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-rpgbackground-details .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-rpgsubrace-details .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-privatemessage-details .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-privatemessage-details .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-privatemessage-details .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-privatemessage-details .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-privatemessage-details .p-comment-content a.tooltip-hover.magic-item-tooltip:visited,
.body-infractionappeal .p-comment-content a.tooltip-hover.magic-item-tooltip,
.body-infractionappeal .p-comment-content a.tooltip-hover.magic-item-tooltip:hover,
.body-infractionappeal .p-comment-content a.tooltip-hover.magic-item-tooltip:focus,
.body-infractionappeal .p-comment-content a.tooltip-hover.magic-item-tooltip:active,
.body-infractionappeal .p-comment-content a.tooltip-hover.magic-item-tooltip:visited {
    color: #0f5cbc!important;
    font-style: italic
}

.section-posts .p-comment-header,
.section-changelog .p-comment-header,
.body-rpgfeat-details .p-comment-header,
.body-rpgrace-details .p-comment-header,
.body-rpgclass-details .p-comment-header,
.body-rpgclass-subclassdetails .p-comment-header,
.body-rpgspell-details .p-comment-header,
.body-rpgigear-details .p-comment-header,
.body-rpgmonster-details .p-comment-header,
.body-rpgmagicitem-details .p-comment-header,
.body-rpgbackground-details .p-comment-header,
.body-rpgsubrace-details .p-comment-header,
.body-privatemessage-details .p-comment-header,
.body-infractionappeal .p-comment-header {
    height: 36px;
    padding: 0 5px
}

.section-posts .p-comment-header .user-actions-forum-post-author-menu,
.section-changelog .p-comment-header .user-actions-forum-post-author-menu,
.body-rpgfeat-details .p-comment-header .user-actions-forum-post-author-menu,
.body-rpgrace-details .p-comment-header .user-actions-forum-post-author-menu,
.body-rpgclass-details .p-comment-header .user-actions-forum-post-author-menu,
.body-rpgclass-subclassdetails .p-comment-header .user-actions-forum-post-author-menu,
.body-rpgspell-details .p-comment-header .user-actions-forum-post-author-menu,
.body-rpgigear-details .p-comment-header .user-actions-forum-post-author-menu,
.body-rpgmonster-details .p-comment-header .user-actions-forum-post-author-menu,
.body-rpgmagicitem-details .p-comment-header .user-actions-forum-post-author-menu,
.body-rpgbackground-details .p-comment-header .user-actions-forum-post-author-menu,
.body-rpgsubrace-details .p-comment-header .user-actions-forum-post-author-menu,
.body-privatemessage-details .p-comment-header .user-actions-forum-post-author-menu,
.body-infractionappeal .p-comment-header .user-actions-forum-post-author-menu {
    top: 35px
}

.section-posts .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.section-changelog .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-rpgfeat-details .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-rpgrace-details .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-rpgclass-details .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-rpgclass-subclassdetails .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-rpgspell-details .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-rpgigear-details .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-rpgmonster-details .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-rpgmagicitem-details .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-rpgbackground-details .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-rpgsubrace-details .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-privatemessage-details .p-comment-header .user-actions-forum-post-author-menu .user-action .label,
.body-infractionappeal .p-comment-header .user-actions-forum-post-author-menu .user-action .label {
    color: #242527
}

.section-posts .p-comment-header .user-role-d-d-beyond-staff,
.section-changelog .p-comment-header .user-role-d-d-beyond-staff,
.body-rpgfeat-details .p-comment-header .user-role-d-d-beyond-staff,
.body-rpgrace-details .p-comment-header .user-role-d-d-beyond-staff,
.body-rpgclass-details .p-comment-header .user-role-d-d-beyond-staff,
.body-rpgclass-subclassdetails .p-comment-header .user-role-d-d-beyond-staff,
.body-rpgspell-details .p-comment-header .user-role-d-d-beyond-staff,
.body-rpgigear-details .p-comment-header .user-role-d-d-beyond-staff,
.body-rpgmonster-details .p-comment-header .user-role-d-d-beyond-staff,
.body-rpgmagicitem-details .p-comment-header .user-role-d-d-beyond-staff,
.body-rpgbackground-details .p-comment-header .user-role-d-d-beyond-staff,
.body-rpgsubrace-details .p-comment-header .user-role-d-d-beyond-staff,
.body-privatemessage-details .p-comment-header .user-role-d-d-beyond-staff,
.body-infractionappeal .p-comment-header .user-role-d-d-beyond-staff {
    color: #fff!important;
    padding-left: 20px;
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-b-white.png);
    background-size: 16px
}

.section-posts .p-comment-header .user-role-d-d-staff,
.section-changelog .p-comment-header .user-role-d-d-staff,
.body-rpgfeat-details .p-comment-header .user-role-d-d-staff,
.body-rpgrace-details .p-comment-header .user-role-d-d-staff,
.body-rpgclass-details .p-comment-header .user-role-d-d-staff,
.body-rpgclass-subclassdetails .p-comment-header .user-role-d-d-staff,
.body-rpgspell-details .p-comment-header .user-role-d-d-staff,
.body-rpgigear-details .p-comment-header .user-role-d-d-staff,
.body-rpgmonster-details .p-comment-header .user-role-d-d-staff,
.body-rpgmagicitem-details .p-comment-header .user-role-d-d-staff,
.body-rpgbackground-details .p-comment-header .user-role-d-d-staff,
.body-rpgsubrace-details .p-comment-header .user-role-d-d-staff,
.body-privatemessage-details .p-comment-header .user-role-d-d-staff,
.body-infractionappeal .p-comment-header .user-role-d-d-staff {
    color: #fff!important
}

.section-posts .p-comment-index,
.section-changelog .p-comment-index,
.body-rpgfeat-details .p-comment-index,
.body-rpgrace-details .p-comment-index,
.body-rpgclass-details .p-comment-index,
.body-rpgclass-subclassdetails .p-comment-index,
.body-rpgspell-details .p-comment-index,
.body-rpgigear-details .p-comment-index,
.body-rpgmonster-details .p-comment-index,
.body-rpgmagicitem-details .p-comment-index,
.body-rpgbackground-details .p-comment-index,
.body-rpgsubrace-details .p-comment-index,
.body-privatemessage-details .p-comment-index,
.body-infractionappeal .p-comment-index {
    margin-top: 0;
    background-color: #242424;
    border-radius: 0;
    height: 36px
}

.section-posts .p-comment-user,
.section-changelog .p-comment-user,
.body-rpgfeat-details .p-comment-user,
.body-rpgrace-details .p-comment-user,
.body-rpgclass-details .p-comment-user,
.body-rpgclass-subclassdetails .p-comment-user,
.body-rpgspell-details .p-comment-user,
.body-rpgigear-details .p-comment-user,
.body-rpgmonster-details .p-comment-user,
.body-rpgmagicitem-details .p-comment-user,
.body-rpgbackground-details .p-comment-user,
.body-rpgsubrace-details .p-comment-user,
.body-privatemessage-details .p-comment-user,
.body-infractionappeal .p-comment-user {
    z-index: 14!important
}

@media(min-width:641px) {
    .section-posts .p-comment-user,
    .section-changelog .p-comment-user,
    .body-rpgfeat-details .p-comment-user,
    .body-rpgrace-details .p-comment-user,
    .body-rpgclass-details .p-comment-user,
    .body-rpgclass-subclassdetails .p-comment-user,
    .body-rpgspell-details .p-comment-user,
    .body-rpgigear-details .p-comment-user,
    .body-rpgmonster-details .p-comment-user,
    .body-rpgmagicitem-details .p-comment-user,
    .body-rpgbackground-details .p-comment-user,
    .body-rpgsubrace-details .p-comment-user,
    .body-privatemessage-details .p-comment-user,
    .body-infractionappeal .p-comment-user {
        width: 100px!important
    }
}

.section-posts .p-comment-username,
.section-changelog .p-comment-username,
.body-rpgfeat-details .p-comment-username,
.body-rpgrace-details .p-comment-username,
.body-rpgclass-details .p-comment-username,
.body-rpgclass-subclassdetails .p-comment-username,
.body-rpgspell-details .p-comment-username,
.body-rpgigear-details .p-comment-username,
.body-rpgmonster-details .p-comment-username,
.body-rpgmagicitem-details .p-comment-username,
.body-rpgbackground-details .p-comment-username,
.body-rpgsubrace-details .p-comment-username,
.body-privatemessage-details .p-comment-username,
.body-infractionappeal .p-comment-username {
    display: table;
    height: 100%
}

.section-posts .p-comment-username>a,
.section-changelog .p-comment-username>a,
.body-rpgfeat-details .p-comment-username>a,
.body-rpgrace-details .p-comment-username>a,
.body-rpgclass-details .p-comment-username>a,
.body-rpgclass-subclassdetails .p-comment-username>a,
.body-rpgspell-details .p-comment-username>a,
.body-rpgigear-details .p-comment-username>a,
.body-rpgmonster-details .p-comment-username>a,
.body-rpgmagicitem-details .p-comment-username>a,
.body-rpgbackground-details .p-comment-username>a,
.body-rpgsubrace-details .p-comment-username>a,
.body-privatemessage-details .p-comment-username>a,
.body-infractionappeal .p-comment-username>a {
    display: table-cell;
    vertical-align: middle
}

.section-posts .p-comment-post:hover .p-comment-wrapper,
.section-changelog .p-comment-post:hover .p-comment-wrapper,
.body-rpgfeat-details .p-comment-post:hover .p-comment-wrapper,
.body-rpgrace-details .p-comment-post:hover .p-comment-wrapper,
.body-rpgclass-details .p-comment-post:hover .p-comment-wrapper,
.body-rpgclass-subclassdetails .p-comment-post:hover .p-comment-wrapper,
.body-rpgspell-details .p-comment-post:hover .p-comment-wrapper,
.body-rpgigear-details .p-comment-post:hover .p-comment-wrapper,
.body-rpgmonster-details .p-comment-post:hover .p-comment-wrapper,
.body-rpgmagicitem-details .p-comment-post:hover .p-comment-wrapper,
.body-rpgbackground-details .p-comment-post:hover .p-comment-wrapper,
.body-rpgsubrace-details .p-comment-post:hover .p-comment-wrapper,
.body-privatemessage-details .p-comment-post:hover .p-comment-wrapper,
.body-infractionappeal .p-comment-post:hover .p-comment-wrapper {
    box-shadow: none
}

.section-posts .p-comment-postdate,
.section-changelog .p-comment-postdate,
.body-rpgfeat-details .p-comment-postdate,
.body-rpgrace-details .p-comment-postdate,
.body-rpgclass-details .p-comment-postdate,
.body-rpgclass-subclassdetails .p-comment-postdate,
.body-rpgspell-details .p-comment-postdate,
.body-rpgigear-details .p-comment-postdate,
.body-rpgmonster-details .p-comment-postdate,
.body-rpgmagicitem-details .p-comment-postdate,
.body-rpgbackground-details .p-comment-postdate,
.body-rpgsubrace-details .p-comment-postdate,
.body-privatemessage-details .p-comment-postdate,
.body-infractionappeal .p-comment-postdate {
    line-height: 36px;
    color: white
}

.section-posts .p-comment-footer .user-action .label,
.section-changelog .p-comment-footer .user-action .label,
.body-rpgfeat-details .p-comment-footer .user-action .label,
.body-rpgrace-details .p-comment-footer .user-action .label,
.body-rpgclass-details .p-comment-footer .user-action .label,
.body-rpgclass-subclassdetails .p-comment-footer .user-action .label,
.body-rpgspell-details .p-comment-footer .user-action .label,
.body-rpgigear-details .p-comment-footer .user-action .label,
.body-rpgmonster-details .p-comment-footer .user-action .label,
.body-rpgmagicitem-details .p-comment-footer .user-action .label,
.body-rpgbackground-details .p-comment-footer .user-action .label,
.body-rpgsubrace-details .p-comment-footer .user-action .label,
.body-privatemessage-details .p-comment-footer .user-action .label,
.body-infractionappeal .p-comment-footer .user-action .label {
    color: #fff
}

@media(min-width:641px) {
    .section-posts .p-comment-footer .user-action .label,
    .section-changelog .p-comment-footer .user-action .label,
    .body-rpgfeat-details .p-comment-footer .user-action .label,
    .body-rpgrace-details .p-comment-footer .user-action .label,
    .body-rpgclass-details .p-comment-footer .user-action .label,
    .body-rpgclass-subclassdetails .p-comment-footer .user-action .label,
    .body-rpgspell-details .p-comment-footer .user-action .label,
    .body-rpgigear-details .p-comment-footer .user-action .label,
    .body-rpgmonster-details .p-comment-footer .user-action .label,
    .body-rpgmagicitem-details .p-comment-footer .user-action .label,
    .body-rpgbackground-details .p-comment-footer .user-action .label,
    .body-rpgsubrace-details .p-comment-footer .user-action .label,
    .body-privatemessage-details .p-comment-footer .user-action .label,
    .body-infractionappeal .p-comment-footer .user-action .label {
        color: #242527
    }
}

.section-posts .p-comment-avatar,
.section-changelog .p-comment-avatar,
.body-rpgfeat-details .p-comment-avatar,
.body-rpgrace-details .p-comment-avatar,
.body-rpgclass-details .p-comment-avatar,
.body-rpgclass-subclassdetails .p-comment-avatar,
.body-rpgspell-details .p-comment-avatar,
.body-rpgigear-details .p-comment-avatar,
.body-rpgmonster-details .p-comment-avatar,
.body-rpgmagicitem-details .p-comment-avatar,
.body-rpgbackground-details .p-comment-avatar,
.body-rpgsubrace-details .p-comment-avatar,
.body-privatemessage-details .p-comment-avatar,
.body-infractionappeal .p-comment-avatar {
    margin-left: 3px!important;
    z-index: auto
}

@media(min-width:641px) {
    .section-posts .p-comment-avatar,
    .section-changelog .p-comment-avatar,
    .body-rpgfeat-details .p-comment-avatar,
    .body-rpgrace-details .p-comment-avatar,
    .body-rpgclass-details .p-comment-avatar,
    .body-rpgclass-subclassdetails .p-comment-avatar,
    .body-rpgspell-details .p-comment-avatar,
    .body-rpgigear-details .p-comment-avatar,
    .body-rpgmonster-details .p-comment-avatar,
    .body-rpgmagicitem-details .p-comment-avatar,
    .body-rpgbackground-details .p-comment-avatar,
    .body-rpgsubrace-details .p-comment-avatar,
    .body-privatemessage-details .p-comment-avatar,
    .body-infractionappeal .p-comment-avatar {
        margin-left: 0!important
    }
}

.conversation-listing {
    border: 1px solid #F0EBEA
}

.conversation-listing .b-table-header tr {
    background: #242527
}

.conversation-listing .b-table-header tr .b-table-heading a {
    color: #fff!important
}

#site-main .conversation-listing .b-table-header tr .b-table-heading a.desc::before {
    border-top-color: #fff!important
}

#site-main .conversation-listing .b-table-header tr .b-table-heading a.desc::after {
    border-bottom-color: #979AA4!important
}

#site-main .conversation-listing .b-table-header tr .b-table-heading a.asc::before {
    border-top-color: #979AA4!important
}

#site-main .conversation-listing .b-table-header tr .b-table-heading a.asc::after {
    border-bottom-color: #fff!important
}

.conversation-listing .conversation-row {
    background: white
}

.conversation-listing .conversation-row .title>a {
    font-size: 18px!important
}

.conversation-listing .conversation-row td:nth-child(3) {
    text-align: center
}

.send-pm {
    padding-top: 100px
}

@media(min-width:1024px) {
    .send-pm {
        padding-top: 0
    }
}

.send-pm header.h2 {
    display: none
}

.p-pm-participants .list li {
    background: white;
    border: 1px solid #979AA4
}

#form-field-bcc input[type=text],
#form-field-subject input[type=text],
#form-field-recipients input[type=text],
#j-private-message-invite-form input[type=text] {
    border-radius: 0;
    height: 50px;
    background-color: white;
    box-shadow: inset 0 0 4px 0 rgba(138, 177, 198, 0.48);
    border: solid 1px #d8dde3;
    box-sizing: border-box
}

@media(min-width:1024px) {
    #form-field-bcc,
    #form-field-subject,
    #form-field-recipients {
        display: inline-block;
        width: 33%
    }
    #form-field-bcc input,
    #form-field-subject input,
    #form-field-recipients input {
        width: 90%
    }
}

#form-field-bcc label,
#form-field-subject label,
#form-field-recipients label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    height: 21px
}

.pm-nav .user-action {
    background: white
}

@media(max-width:1023px) {
    .profile-nav-container {
        z-index: 1
    }
}

.body-user-followers .user-listing .user-list-item,
.body-user-myusersubscriptions .user-listing .user-list-item {
    margin-right: 16px!important;
    height: auto
}

.body-user-followers .user-listing .user-list-item span:nth-child(2),
.body-user-myusersubscriptions .user-listing .user-list-item span:nth-child(2) {
    padding: 3px 0
}

.body-user-followers .user-listing .user-list-item .button .b-list-label,
.body-user-myusersubscriptions .user-listing .user-list-item .button .b-list-label {
    color: #fff!important;
    font-size: 12px!important;
    display: inline!important;
    padding: 0!important
}

.body-user-myforumthreadsubscriptions .forum-thread-listing .b-table-heading a {
    color: #494b4f!important
}

.body-user-mysubscriptions .post-listing li,
.body-user-mypostsubscriptions .post-listing li {
    width: 100%!important
}

.body-user-mysubscriptions .post-listing li .post-list-item,
.body-user-mypostsubscriptions .post-listing li .post-list-item {
    border-bottom: 1px solid #242527;
    margin-bottom: 16px!important
}

.body-user-mysubscriptions .post-listing li .post-list-item .p-article-title,
.body-user-mypostsubscriptions .post-listing li .post-list-item .p-article-title {
    display: block;
    font-size: 16px
}

.body-user-mysubscriptions .post-listing li .post-list-item .p-article-byline .b-list_inlineBlock,
.body-user-mypostsubscriptions .post-listing li .post-list-item .p-article-byline .b-list_inlineBlock {
    display: block
}

.body-user-mysubscriptions .post-listing li .post-list-item .p-article-author,
.body-user-mypostsubscriptions .post-listing li .post-list-item .p-article-author {
    display: block;
    text-align: left
}

.body-user-mysubscriptions .post-listing li .post-list-item .j-notification-sub .b-list-label,
.body-user-mypostsubscriptions .post-listing li .post-list-item .j-notification-sub .b-list-label {
    padding: 5px 8px!important;
    font-size: 13px!important;
    font-weight: bold!important
}

.body-user-mysubscriptions .post-listing li .post-list-item .p-article-content,
.body-user-mypostsubscriptions .post-listing li .post-list-item .p-article-content {
    display: none
}

.body-user-mysubscriptions .post-listing li .post-list-item .p-article-jump,
.body-user-mypostsubscriptions .post-listing li .post-list-item .p-article-jump {
    float: left
}

.body-user-mysubscriptions .post-listing li .post-list-item .p-article-jump a,
.body-user-mypostsubscriptions .post-listing li .post-list-item .p-article-jump a {
    color: #fff!important
}

.body-user-mysubscriptions .post-listing li .post-list-item .p-article-interact,
.body-user-mypostsubscriptions .post-listing li .post-list-item .p-article-interact {
    display: none
}

.p-user .comment.user-is-dev {
    border: 0
}

.p-user .comment .p-comment-wrapper {
    margin-left: 0!important
}

.p-user .comment .p-comment-wrapper::before {
    content: none
}

.p-user .comment.user-is-dev {
    border: 0
}

.p-user .comment .p-comment-wrapper {
    margin-left: 0!important
}

.p-user .comment .p-comment-wrapper::before {
    content: none
}

.ddb-pronunciation-clip {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/pronunciation/sound-icon.svg");
    background-size: contain;
    height: 20px;
    width: 20px;
    display: inline-block;
    cursor: pointer
}

.ddb-pronunciation-clip.playing {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/pronunciation/spinner.svg");
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media print {
    .ddb-pronunciation-clip {
        display: none
    }
}

.ddb-search-autocomplete {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
    border-radius: 0
}

.ddb-search-autocomplete .ui-menu-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold
}

.ddb-search-autocomplete .ui-menu-item+.ddb-search-autocomplete .ui-menu-item {
    border-top: 1px solid #979AA4
}

.ddb-search-autocomplete .ui-menu-item a {
    width: 100%;
    padding: 10px 20px
}

.ddb-search-autocomplete .ui-menu-item .ui-state-hover {
    border: 0;
    font-weight: bold
}

.ddb-search-filter {
    padding-bottom: 30px;
    overflow-x: scroll
}

@media(min-width:755px) {
    .ddb-search-filter {
        overflow-x: initial
    }
}

.ddb-search-filter-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px
}

.ddb-search-filter-item {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 85px;
    cursor: pointer
}

.ddb-search-filter-item-wrapper {
    padding: 0 10px
}

.ddb-search-filter-item-icon .icon {
    height: 70px;
    width: 70px;
    margin: 0 auto;
    position: relative
}

.ddb-search-filter-item-icon .icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
    border-radius: 50%;
    opacity: .5;
    transition: .1s opacity linear
}

.selected .ddb-search-filter-item-icon .icon::before {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    opacity: 1;
    transition: .1s opacity linear
}

.selected .ddb-search-filter-item-icon .icon::after {
    content: '';
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ddb-search-filter-item-icon .icon-all::before {
    background-color: #1b9af0;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/white/search.svg")
}

.ddb-search-filter-item-icon .icon-all::after {
    border-color: #1b9af0
}

.ddb-search-filter-item-icon .icon-characters::before {
    background-color: #ee8600;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/characters.svg")
}

.ddb-search-filter-item-icon .icon-characters::after {
    border-color: #ee8600
}

.ddb-search-filter-item-icon .icon-compendium::before {
    background-color: #47D18C;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/compendium.svg")
}

.ddb-search-filter-item-icon .icon-compendium::after {
    border-color: #47D18C
}

.ddb-search-filter-item-icon .icon-spells::before {
    background-color: #704cd9;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/spells.svg")
}

.ddb-search-filter-item-icon .icon-spells::after {
    border-color: #704cd9
}

.ddb-search-filter-item-icon .icon-items::before {
    background-color: #0f5cbc;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/items.svg")
}

.ddb-search-filter-item-icon .icon-items::after {
    border-color: #0f5cbc
}

.ddb-search-filter-item-icon .icon-monsters::before {
    background-color: #bc0f0f;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/monsters.svg")
}

.ddb-search-filter-item-icon .icon-monsters::after {
    border-color: #bc0f0f
}

.ddb-search-filter-item-icon .icon-forums::before {
    background-color: #979aa4;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/forums.svg")
}

.ddb-search-filter-item-icon .icon-forums::after {
    border-color: #979aa4
}

.ddb-search-filter-item-label {
    padding-top: 10px
}

.ddb-search-filter-item-label-text {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #242527;
    font-weight: bold
}

.ddb-search-landing-header {
    text-align: center;
    padding-bottom: 30px
}

.ddb-search-landing-header-primary-text {
    font-size: 36px
}

.ddb-search-landing-header-secondary-text {
    font-size: 20px
}

.ddb-search-landing .es-form {
    max-width: 800px;
    margin: 0 auto 20px
}

.ddb-search-landing .ddb-search-popular-terms {
    max-width: 800px;
    margin: 0 auto
}

.ddb-search-popular-terms-label,
.ddb-search-results-suggestions-label {
    margin-right: 10px
}

.ddb-search-popular-terms-list,
.ddb-search-results-suggestions-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ddb-search-popular-terms-list-item,
.ddb-search-results-suggestions-list-item {
    display: inline-block;
    max-width: 300px;
    color: #1b9af0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ddb-search-popular-terms-list-item+.ddb-search-popular-terms-list-item::before,
.ddb-search-results-suggestions-list-item+.ddb-search-popular-terms-list-item::before,
.ddb-search-popular-terms-list-item+.ddb-search-results-suggestions-list-item::before,
.ddb-search-results-suggestions-list-item+.ddb-search-results-suggestions-list-item::before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 1px;
    background-color: #000;
    margin: 0 10px
}

.ddb-search-popular-terms-list-item .link,
.ddb-search-popular-terms-list-item .link:hover,
.ddb-search-popular-terms-list-item .link:focus,
.ddb-search-popular-terms-list-item .link:active,
.ddb-search-popular-terms-list-item .link:visited,
.ddb-search-results-suggestions-list-item .link,
.ddb-search-results-suggestions-list-item .link:hover,
.ddb-search-results-suggestions-list-item .link:focus,
.ddb-search-results-suggestions-list-item .link:active,
.ddb-search-results-suggestions-list-item .link:visited {
    color: #1b9af0!important
}

.ddb-search-results-suggestions {
    padding-top: 10px
}

.ddb-search-results {
    padding-top: 16px
}

.ddb-search-results-body {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media(min-width:1024px) {
    .ddb-search-results-body {
        padding-right: 30px
    }
}

.ddb-search-results-body .ad-container {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px auto
}

.ddb-search-results-counts-text {
    font-size: 16px;
    color: #242527;
    display: inline
}

.ddb-search-results-counts-text .did-you-mean {
    font-style: italic
}

.ddb-search-results-counts-text .did-you-mean,
.ddb-search-results-counts-text .did-you-mean:hover,
.ddb-search-results-counts-text .did-you-mean:focus,
.ddb-search-results-counts-text .did-you-mean:active,
.ddb-search-results-counts-text .did-you-mean:visited {
    color: #1b9af0
}

.ddb-search-results-listing-item-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px
}

.ddb-search-results-listing-item-header-primary-text {
    font-size: 24px;
    color: #242527
}

.ddb-search-results-listing-item-header-secondary-text {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px
}

.ddb-search-results-listing-item-header-secondary-text .spells {
    color: #704cd9
}

.ddb-search-results-listing-item-header-secondary-text .monsters {
    color: #bc0f0f
}

.ddb-search-results-listing-item-header-secondary-text .forums {
    color: #979aa4
}

.ddb-search-results-listing-item-header-secondary-text .magic-items,
.ddb-search-results-listing-item-header-secondary-text .equipment {
    color: #0f5cbc
}

.ddb-search-results-listing-item-header-secondary-text .feats,
.ddb-search-results-listing-item-header-secondary-text .races,
.ddb-search-results-listing-item-header-secondary-text .classes,
.ddb-search-results-listing-item-header-secondary-text .backgrounds {
    color: #ee8600
}

.ddb-search-results-listing-item-header-secondary-text .rules,
.ddb-search-results-listing-item-header-secondary-text .skills,
.ddb-search-results-listing-item-header-secondary-text .actions,
.ddb-search-results-listing-item-header-secondary-text .conditions,
.ddb-search-results-listing-item-header-secondary-text .compendium,
.ddb-search-results-listing-item-header-secondary-text .weapon-property {
    color: #47D18C
}

.ddb-search-results-listing-item-header-callout {
    margin-left: auto
}

.ddb-search-results-listing-item-header-callout-icon .icon {
    height: 35px;
    width: 35px;
    border-radius: 3px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center
}

.ddb-search-results-listing-item-header-callout-icon .icon-spells {
    background-color: #704cd9;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/spells.svg")
}

.ddb-search-results-listing-item-header-callout-icon .icon-monsters {
    background-color: #bc0f0f;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/monsters.svg")
}

.ddb-search-results-listing-item-header-callout-icon .icon-forums {
    background-color: #979aa4;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/forums.svg")
}

.ddb-search-results-listing-item-header-callout-icon .icon-magic-items,
.ddb-search-results-listing-item-header-callout-icon .icon-equipment {
    background-color: #0f5cbc;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/items.svg")
}

.ddb-search-results-listing-item-header-callout-icon .icon-feats,
.ddb-search-results-listing-item-header-callout-icon .icon-races,
.ddb-search-results-listing-item-header-callout-icon .icon-classes,
.ddb-search-results-listing-item-header-callout-icon .icon-backgrounds {
    background-color: #ee8600;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/characters.svg")
}

.ddb-search-results-listing-item-header-callout-icon .icon-rules,
.ddb-search-results-listing-item-header-callout-icon .icon-skills,
.ddb-search-results-listing-item-header-callout-icon .icon-actions,
.ddb-search-results-listing-item-header-callout-icon .icon-conditions,
.ddb-search-results-listing-item-header-callout-icon .icon-compendium,
.ddb-search-results-listing-item-header-callout-icon .icon-weapon-property {
    background-color: #47D18C;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/compendium.svg")
}

.ddb-search-results-listing-item-body-snippet {
    color: #242527;
    font-size: 14px;
    line-height: 24px
}

.ddb-search-results-listing-item-body-snippet+.ddb-search-results-listing-item-body-snippet {
    margin-top: 10px
}

.ddb-search-results-sidebar {
    display: none
}

@media(min-width:1024px) {
    .ddb-search-results-sidebar {
        display: block;
        -webkit-flex: 0 0 400px;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        max-width: 400px
    }
}

.ddb-search-results-sidebar-top-result {
    padding-top: 10px
}

.ddb-search-results-sidebar-top-result+.ad-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    width: auto;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ddb-search-results-sidebar-search .es-form-icon {
    background-size: 22px
}

.ddb-search-results-sidebar-search .es-form-submit {
    font-size: 14px
}

.ddb-search-results-flex-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ddb-top-result {
    background-color: #fff;
    position: relative;
    padding: 20px;
    border-left: 1px solid #eeecea;
    border-right: 1px solid #eeecea
}

.ddb-top-result::before,
.ddb-top-result::after {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/border_texture.png");
    background-size: 100% 100%;
    height: 20px;
    position: absolute;
    left: -1px;
    right: -1px
}

.ddb-top-result::before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    top: -13px
}

.ddb-top-result::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    bottom: -5px
}

.ddb-top-result-callout {
    position: absolute;
    top: 0;
    left: 20px
}

.ddb-top-result-callout-text {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #979AA4
}

.ddb-top-result-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ddb-top-result-header-inner {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ddb-top-result-header-inner .ddb-top-result-header-primary-text-name {
    font-size: 24px
}

.ddb-top-result-header-inner .ddb-top-result-header-primary-text-name .link,
.ddb-top-result-header-inner .ddb-top-result-header-primary-text-name .link:hover,
.ddb-top-result-header-inner .ddb-top-result-header-primary-text-name .link:focus,
.ddb-top-result-header-inner .ddb-top-result-header-primary-text-name .link:active,
.ddb-top-result-header-inner .ddb-top-result-header-primary-text-name .link:visited {
    color: #242527
}

.ddb-top-result-header-inner .ddb-top-result-header-primary-text-type {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}

.ddb-top-result-header-inner .ddb-top-result-header-primary-text-type-spell {
    color: #704cd9
}

.ddb-top-result-header-inner .ddb-top-result-header-primary-text-type-monster {
    color: #bc0f0f
}

.ddb-top-result-header-inner .ddb-top-result-header-primary-text-type-item {
    color: #0f5cbc
}

.ddb-top-result-header-inner .ddb-top-result-header-primary-text-type-compendium {
    color: #47D18C
}

.ddb-top-result-header-inner .ddb-top-result-header-primary-text-type-character {
    color: #ee8600
}

.ddb-top-result-header-inner .ddb-top-result-header-primary-text-type-forum {
    color: #979aa4
}

.ddb-top-result-header-inner .ddb-top-result-header-secondary-text {
    color: #242527;
    font-size: 14px;
    font-style: italic
}

.ddb-top-result-header-image {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: 10px
}

.ddb-top-result-header-image .image {
    background-size: cover;
    height: 140px;
    width: 140px
}

.ddb-top-result-header-image .icon {
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat
}

.ddb-top-result-header-image .icon-action {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/compendium.svg");
    background-color: #47D18C
}

.ddb-top-result-header-image .icon-action-attack {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/attack.svg")
}

.ddb-top-result-header-image .icon-action-cast-a-spell {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/cast-a-spell.svg")
}

.ddb-top-result-header-image .icon-action-dash {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/dash.svg")
}

.ddb-top-result-header-image .icon-action-disengage {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/disengage.svg")
}

.ddb-top-result-header-image .icon-action-dodge {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/dodge.svg")
}

.ddb-top-result-header-image .icon-action-help {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/help.svg")
}

.ddb-top-result-header-image .icon-action-hide {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/hide.svg")
}

.ddb-top-result-header-image .icon-action-ready {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/ready.svg")
}

.ddb-top-result-header-image .icon-action-search {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/search.svg")
}

.ddb-top-result-header-image .icon-action-use-an-object {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/use-an-object.svg")
}

.ddb-top-result-header-image .icon-forum {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/forums.svg");
    background-color: #979aa4
}

.ddb-top-result-header-image .icon-compendium {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/compendium.svg");
    background-color: #47D18C
}

.ddb-top-result-header-image .icon-condition {
    background-color: #47D18C
}

.ddb-top-result-header-image .icon-condition-blinded {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/blinded.svg")
}

.ddb-top-result-header-image .icon-condition-charmed {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/charmed.svg")
}

.ddb-top-result-header-image .icon-condition-deafened {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/deafened.svg")
}

.ddb-top-result-header-image .icon-condition-exhaustion {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/exhaustion.svg")
}

.ddb-top-result-header-image .icon-condition-exhausted {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/exhausted.svg")
}

.ddb-top-result-header-image .icon-condition-frightened {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/frightened.svg")
}

.ddb-top-result-header-image .icon-condition-grappled {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/grappled.svg")
}

.ddb-top-result-header-image .icon-condition-incapacitated {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/incapacitated.svg")
}

.ddb-top-result-header-image .icon-condition-invisible {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/invisible.svg")
}

.ddb-top-result-header-image .icon-condition-paralyzed {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/paralyzed.svg")
}

.ddb-top-result-header-image .icon-condition-petrified {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/petrified.svg")
}

.ddb-top-result-header-image .icon-condition-poisoned {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/poisoned.svg")
}

.ddb-top-result-header-image .icon-condition-prone {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/prone.svg")
}

.ddb-top-result-header-image .icon-condition-restrained {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/restrained.svg")
}

.ddb-top-result-header-image .icon-condition-stunned {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/stunned.svg")
}

.ddb-top-result-header-image .icon-condition-unconscious {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/unconscious.svg")
}

.ddb-top-result-header-image .icon-skill {
    background-color: #47D18C
}

.ddb-top-result-header-image .icon-skill-strength {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/strength.svg")
}

.ddb-top-result-header-image .icon-skill-dexterity {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/dexterity.svg")
}

.ddb-top-result-header-image .icon-skill-constitution {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/constitution.svg")
}

.ddb-top-result-header-image .icon-skill-charisma {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/charisma.svg")
}

.ddb-top-result-header-image .icon-skill-wisdom {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/wisdom.svg")
}

.ddb-top-result-header-image .icon-skill-intelligence {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/intelligence.svg")
}

.ddb-top-result-body-description {
    font-size: 14px;
    line-height: 26px
}

.ddb-top-result-body-description ol {
    list-style: decimal;
    padding: 15px
}

.ddb-top-result-body-description ul {
    list-style: initial;
    padding: 15px
}

.ddb-top-result-body-description p {
    font-size: inherit;
    line-height: inherit
}

.ddb-top-result-body-description .subitems-list-label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #242527;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    text-align: left
}

.ddb-top-result-footer {
    padding-top: 20px
}

.ddb-top-result-footer .button {
    width: 200px!important;
    font-size: 15px!important
}

.ddb-top-result-footer .button-rule,
.ddb-top-result-footer .button-wprop,
.ddb-top-result-footer .button-page,
.ddb-top-result-footer .button-skill,
.ddb-top-result-footer .button-action,
.ddb-top-result-footer .button-condition {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #47D18C;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-top-result-footer .button-rule:hover,
.ddb-top-result-footer .button-wprop:hover,
.ddb-top-result-footer .button-page:hover,
.ddb-top-result-footer .button-skill:hover,
.ddb-top-result-footer .button-action:hover,
.ddb-top-result-footer .button-condition:hover {
    background: #70dba6
}

.ddb-top-result-footer .button-rule,
.ddb-top-result-footer .button-rule:hover,
.ddb-top-result-footer .button-rule:focus,
.ddb-top-result-footer .button-rule:active,
.ddb-top-result-footer .button-rule:visited,
.ddb-top-result-footer .button-wprop,
.ddb-top-result-footer .button-wprop:hover,
.ddb-top-result-footer .button-wprop:focus,
.ddb-top-result-footer .button-wprop:active,
.ddb-top-result-footer .button-wprop:visited,
.ddb-top-result-footer .button-page,
.ddb-top-result-footer .button-page:hover,
.ddb-top-result-footer .button-page:focus,
.ddb-top-result-footer .button-page:active,
.ddb-top-result-footer .button-page:visited,
.ddb-top-result-footer .button-skill,
.ddb-top-result-footer .button-skill:hover,
.ddb-top-result-footer .button-skill:focus,
.ddb-top-result-footer .button-skill:active,
.ddb-top-result-footer .button-skill:visited,
.ddb-top-result-footer .button-action,
.ddb-top-result-footer .button-action:hover,
.ddb-top-result-footer .button-action:focus,
.ddb-top-result-footer .button-action:active,
.ddb-top-result-footer .button-action:visited,
.ddb-top-result-footer .button-condition,
.ddb-top-result-footer .button-condition:hover,
.ddb-top-result-footer .button-condition:focus,
.ddb-top-result-footer .button-condition:active,
.ddb-top-result-footer .button-condition:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-top-result-footer .button-rule,
    .ddb-top-result-footer .button-wprop,
    .ddb-top-result-footer .button-page,
    .ddb-top-result-footer .button-skill,
    .ddb-top-result-footer .button-action,
    .ddb-top-result-footer .button-condition {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-top-result-footer .button-rule:hover,
.ddb-top-result-footer .button-wprop:hover,
.ddb-top-result-footer .button-page:hover,
.ddb-top-result-footer .button-skill:hover,
.ddb-top-result-footer .button-action:hover,
.ddb-top-result-footer .button-condition:hover {
    transition: 100ms linear all;
    background: #70dba6
}

.ddb-top-result-footer .button-gear,
.ddb-top-result-footer .button-magic-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #0f5cbc;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-top-result-footer .button-gear:hover,
.ddb-top-result-footer .button-magic-item:hover {
    background: #1373eb
}

.ddb-top-result-footer .button-gear,
.ddb-top-result-footer .button-gear:hover,
.ddb-top-result-footer .button-gear:focus,
.ddb-top-result-footer .button-gear:active,
.ddb-top-result-footer .button-gear:visited,
.ddb-top-result-footer .button-magic-item,
.ddb-top-result-footer .button-magic-item:hover,
.ddb-top-result-footer .button-magic-item:focus,
.ddb-top-result-footer .button-magic-item:active,
.ddb-top-result-footer .button-magic-item:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-top-result-footer .button-gear,
    .ddb-top-result-footer .button-magic-item {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-top-result-footer .button-gear:hover,
.ddb-top-result-footer .button-magic-item:hover {
    transition: 100ms linear all;
    background: #1373eb
}

.ddb-top-result-footer .button-monster {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #bc0f0f;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-top-result-footer .button-monster:hover {
    background: #eb1313
}

.ddb-top-result-footer .button-monster,
.ddb-top-result-footer .button-monster:hover,
.ddb-top-result-footer .button-monster:focus,
.ddb-top-result-footer .button-monster:active,
.ddb-top-result-footer .button-monster:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-top-result-footer .button-monster {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-top-result-footer .button-monster:hover {
    transition: 100ms linear all;
    background: #eb1313
}

.ddb-top-result-footer .button-spell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #704cd9;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-top-result-footer .button-spell:hover {
    background: #9276e2
}

.ddb-top-result-footer .button-spell,
.ddb-top-result-footer .button-spell:hover,
.ddb-top-result-footer .button-spell:focus,
.ddb-top-result-footer .button-spell:active,
.ddb-top-result-footer .button-spell:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-top-result-footer .button-spell {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-top-result-footer .button-spell:hover {
    transition: 100ms linear all;
    background: #9276e2
}

.ddb-top-result-footer .button-forum {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #979aa4;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-top-result-footer .button-forum:hover {
    background: #b2b4bc
}

.ddb-top-result-footer .button-forum,
.ddb-top-result-footer .button-forum:hover,
.ddb-top-result-footer .button-forum:focus,
.ddb-top-result-footer .button-forum:active,
.ddb-top-result-footer .button-forum:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-top-result-footer .button-forum {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-top-result-footer .button-forum:hover {
    transition: 100ms linear all;
    background: #b2b4bc
}

.ddb-top-result-footer .button-background,
.ddb-top-result-footer .button-class,
.ddb-top-result-footer .button-feat,
.ddb-top-result-footer .button-race {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #ee8600;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none
}

.ddb-top-result-footer .button-background:hover,
.ddb-top-result-footer .button-class:hover,
.ddb-top-result-footer .button-feat:hover,
.ddb-top-result-footer .button-race:hover {
    background: #ff9e22
}

.ddb-top-result-footer .button-background,
.ddb-top-result-footer .button-background:hover,
.ddb-top-result-footer .button-background:focus,
.ddb-top-result-footer .button-background:active,
.ddb-top-result-footer .button-background:visited,
.ddb-top-result-footer .button-class,
.ddb-top-result-footer .button-class:hover,
.ddb-top-result-footer .button-class:focus,
.ddb-top-result-footer .button-class:active,
.ddb-top-result-footer .button-class:visited,
.ddb-top-result-footer .button-feat,
.ddb-top-result-footer .button-feat:hover,
.ddb-top-result-footer .button-feat:focus,
.ddb-top-result-footer .button-feat:active,
.ddb-top-result-footer .button-feat:visited,
.ddb-top-result-footer .button-race,
.ddb-top-result-footer .button-race:hover,
.ddb-top-result-footer .button-race:focus,
.ddb-top-result-footer .button-race:active,
.ddb-top-result-footer .button-race:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-top-result-footer .button-background,
    .ddb-top-result-footer .button-class,
    .ddb-top-result-footer .button-feat,
    .ddb-top-result-footer .button-race {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-top-result-footer .button-background:hover,
.ddb-top-result-footer .button-class:hover,
.ddb-top-result-footer .button-feat:hover,
.ddb-top-result-footer .button-race:hover {
    transition: 100ms linear all;
    background: #ff9e22
}

.ddb-top-result-loading {
    height: 128px;
    width: 128px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg");
    background-position: center;
    background-repeat: no-repeat;
    margin: 30px auto
}

.es-form-global {
    height: auto;
    background: 0;
    border: 0;
    margin: 0
}

@media(max-width:1023px) {
    .es-form-global {
        display: none
    }
}

.es-form-global .es-form-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/search-grey.svg");
    background-size: 24px
}

.es-form-global .es-form-field-query {
    color: #fff;
    background: 0;
    font-size: 18px
}

.es-form-global .es-form-field-query::-webkit-input-placeholder {
    color: #979AA4;
    font-weight: bold
}

.es-form-global .es-form-field-query:-ms-input-placeholder {
    color: #979AA4;
    font-weight: bold
}

.es-form-global .es-form-field-query::placeholder {
    color: #979AA4;
    font-weight: bold
}

.es-form-global .es-form-field-query::-moz-selection {
    background: #979AA4!important
}

.es-form-global .es-form-field-query::selection {
    background: #979AA4!important
}

.es-form-global .es-form-field-query:-webkit-autofill {
    -webkit-text-fill-color: #fff
}

.es-form-mobile {
    margin-bottom: 0;
    padding: 0
}

.es-form-mobile-container {
    display: none
}

.search-open .es-form-mobile-container {
    display: block;
    position: fixed;
    top: 47px;
    left: 0;
    right: 0;
    background-color: #090809;
    padding: 10px;
    box-shadow: 0
}

@media(min-width:1024px) {
    .es-form-mobile-container {
        display: none
    }
}

.es-form-mobile .es-form-field-query {
    margin: 0;
    padding: 10px;
    height: 100%
}

.es-form {
    position: relative
}

.es-form-icon {
    background-size: 24px;
    cursor: pointer
}

.es-form-submit {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif!important;
    background-color: #1b9af0!important
}

.ddb-search-results-sidebar-search .es-form {
    height: 70px
}

.ddb-search-results-sidebar-search .es-form-field-query {
    width: 100%;
    min-width: 0;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
    font-size: 20px
}

.es-form-field-query:-webkit-autofill,
.es-form-field-query:-webkit-autofill:hover,
.es-form-field-query:-webkit-autofill:focus {
    transition: background-color 5000s linear
}

.es-form .autocomplete-target {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

#form-field-filter-prefix .select2-arrow {
    top: 0
}

#form-field-filter-prefix .select2-choice {
    min-height: 0
}

.select2-chosen {
    font-family: unset!important;
    font-weight: normal!important;
    font-size: 15px!important;
    text-transform: none!important;
    color: black!important
}

#form-field-filter-prefix .select2-chosen {
    margin-top: 0
}

.select2-container {
    width: 100%
}

.select2-container+select {
    display: none
}

#form-field-filter-prefix .select2-container {
    width: 200px;
    margin-right: 5px
}

.select2-container-multi .select2-choices {
    background-color: #fff;
    background-image: none!important;
    border-color: #D8DDE3!important;
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48)
}

.select2-default {
    color: #aaaab1!important
}

.select2-drop li.select2-result {
    font-size: 15px
}

.select2-input {
    width: auto!important
}

.select2-input[type="text"] {
    width: 100%!important
}

#site .select2-search-choice {
    background: #fff;
    box-shadow: inset 0 0 4px 0 #dcd1c7;
    border: 1px solid #cbc6c3;
    border-radius: 0
}

#site .select2-search-choice div {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    font-weight: bold;
    color: #242527;
    text-transform: uppercase
}

.select2-search-field {
    width: 100%
}

.sidebar-menu {
    background-color: #FFFFFF;
    width: 300px;
    z-index: 10;
}

.sidebar-menu.show-top {
    display-block
}

.sidebar-menu .sidebar-scroll-menu {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(90vh);
    border: 1px solid #CBC6C3;
}

.sidebar-menu .sidebar-scroll-menu::-webkit-scrollbar {
    width: 5px;
}

.sidebar-menu .sidebar-scroll-menu::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
}

.sidebar-menu .sidebar-scroll-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.4);
}

.sidebar-menu-top {
    width: 300px;
    height: 41px;
    border: 1px solid #CBC6C3;
    border-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    background: white;
}
a.sidebar-menu-top-link:visited, a.sidebar-menu-top-link:active, a.sidebar-menu-top-link {
    color: #878787;
}

.sidebar-menu-top-link {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    display: block;
    padding: 10px 20px 10px 23px;
    background-color: #fff
}

.sidebar-menu>.ad-container {
    margin-top: 30px;
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quick-menu {
    width: 100%;
}

.quick-menu-item-label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 18px;
    border-left: 3px solid transparent;
}

.quick-menu-item-label:hover {
    border-left-color: #47D18C
}

.body-rpgrace .quick-menu-item-label:hover,
.body-rpgclass .quick-menu-item-label:hover {
    border-left-color: #ee8600
}

.quick-menu-item-closed>.quick-menu {
    display: none
}

.quick-menu-item-opened>.quick-menu {
    display: block
}

.quick-menu-item-active>.quick-menu-item-label {
    border-left-color: #47D18C;
    font-weight: 600;
}

.body-rpgrace .quick-menu-item-active>.quick-menu-item-label,
.body-rpgclass .quick-menu-item-active>.quick-menu-item-label {
    border-left-color: #ee8600
}

.quick-menu-item-opened>.quick-menu-item-label>.quick-menu-item-trigger::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 1
}

.quick-menu-item .quick-menu-item-link {
    padding: 8px 8px 8px 20px;
    font-size: 16px;
    display: block;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.2
}

.quick-menu-item .quick-menu-item-link:hover {
    color: #47D18C
}

.body-rpgrace .quick-menu-item .quick-menu-item-link:hover,
.body-rpgclass .quick-menu-item .quick-menu-item-link:hover {
    color: #ee8600
}

.quick-menu-item-trigger {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
    height: 30px;
    width: 36px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-left: 5px
}

.quick-menu-item-trigger:hover::before {
    opacity: .7
}

.quick-menu-item-trigger::before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/black-chevron.svg") no-repeat transparent;
    background-size: auto 12px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: .5;
    transition: opacity 200ms, -webkit-transform 200ms;
    transition: transform 200ms, opacity 200ms;
    transition: transform 200ms, opacity 200ms, -webkit-transform 200ms
}

.quick-menu-tier-1 {
    background: #fff;
    border: 1px solid #CBC6C3
}

.quick-menu-tier-1>.quick-menu-item-opened>.quick-menu {
    border-bottom: 1px solid #F7F6F5
}

.quick-menu-tier-1>.quick-menu-item>.quick-menu-item-label {
    border-bottom: 1px solid #F7F6F5
}

.quick-menu-tier-1>.quick-menu-item>.quick-menu-item-label>.quick-menu-item-link {
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px
}

.quick-menu-tier-2 .quick-menu-item-link {
    padding-left: 15px;
    font-size: 15px!important
}

.quick-menu-tier-3 .quick-menu-item-link {
    padding-left: 30px;
    font-size: 14px
}

.quick-menu-tier-4 .quick-menu-item-link {
    padding-left: 45px;
    font-size: 13px
}

.quick-menu-tier-5 .quick-menu-item-link {
    padding-left: 55px;
    font-size: 13px
}

.quick-menu-item-tier-3 {
        background-color: #F5F5F5;
    }

.quick-menu-item-tier-4 {
    background-color: #EBEBEB;
}

.site-bar {
    background-color: #090809;
    border-bottom: 1px solid #1b9af0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    height: 48px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 55000
}

.body-home-index .site-bar {
    border-color: #e40712
}

.body-mycontent .site-bar,
.section-posts .site-bar,
.body-post .site-bar {
    border-color: #1b9af0
}

.body-rpgspell .site-bar {
    border-color: #704cd9
}

.body-rpgmonster .site-bar {
    border-color: #bc0f0f
}

.body-rpgitem .site-bar,
.body-rpgigear .site-bar,
.body-rpgmagicitem .site-bar {
    border-color: #0f5cbc
}

.body-rpgcharacter .site-bar,
.body-rpgfeat .site-bar,
.body-rpgrace .site-bar,
.body-rpgirace .site-bar,
.body-rpgsubrace .site-bar,
.body-rpgclass .site-bar,
.body-rpgbackground .site-bar {
    border-color: #ee8600
}

.body-forum .site-bar {
    border-color: #979aa4
}

.body-marketplace .site-bar,
.body-noncebilling .site-bar,
.body-productkey .site-bar {
    border-color: #1cd2c0
}

.body-rpghomebrew .site-bar {
    border-color: #45cef7
}

.section-compendium .site-bar,
.section-adventures .site-bar,
.section-rules .site-bar,
.site-bar.section-compendium {
    border-color: #47D18C
}

.body-search .site-bar,
.body-rpgcampaign .site-bar {
    border-color: #1b9af0
}

.site-bar__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto
}

.site-bar__container #logo {
    margin: 0
}

@media(min-width:1024px) {
    .site-bar {
        height: 64px;
        position: static
    }
}

@media(max-width:1023px) {
    .site-bar__container {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .site-bar__container .logo {
        display: none
    }
}

.site-interactions {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.site-interactions .fa {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background: center center transparent no-repeat;
    background-size: 18px
}

.site-interactions .fa-bell {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/bell.svg")
}

.site-interactions .fa-cog {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/cog.svg")
}

.site-interactions .fa-comments {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/comments.svg")
}

.site-interactions .fa-envelope {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/envelope.svg")
}

.site-interactions .fa-facebook-official {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/facebook-official.svg")
}

.site-interactions .fa-flag {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/flag.svg")
}

.site-interactions .fa-gavel {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/gavel.svg")
}

.site-interactions .fa-twitter {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/twitter.svg")
}

.site-interactions .fa-users {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/users.svg")
}

.site-interactions .fa-wrench {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/wrench.svg")
}

.site-interactions .fa-twitch {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/twitch.svg")
}

.site-interactions .fa-youtube {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/youtube.svg")
}

.site-interactions .fa-changelog {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/changelog.svg")
}

.site-interactions-groups {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 47px
}

.site-interactions-group-search {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.site-interactions-group-social {
    display: none
}

@media(min-width:1024px) {
    .site-interactions-groups {
        height: 64px;
        padding-left: 10px
    }
    .site-interactions-group-social {
        display: block
    }
    .site-interactions-group-user {
        border-left: 1px solid #262629
    }
}

@media(min-width:1200px) {
    .site-interactions-social {
        padding: 0
    }
}

@media print {
    .site-interactions {
        display: none
    }
}

.social-network-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px
}

.social-network-item+.social-network-item {
    margin-left: 20px
}

.user-interactions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.user-interactions .option-count {
    background-color: #e82626;
    color: #fff;
    font-size: 8px;
    padding: 1px 4px;
    border-radius: 3px;
    vertical-align: middle;
    line-height: 1.4
}

.user-interactions-signin {
    padding-left: 20px;
    padding-right: 10px;
    height: 47px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.user-interactions-action {
    color: #fff;
    margin: 0 20px
}

.user-interactions-action:visited,
.user-interactions-action:hover,
.user-interactions-action:active {
    color: #fff
}

.user-interactions-action-signin {
    display: inline-block;
    padding: 9px 20px
}

.user-interactions-action-register {
    padding: 9px 20px
}

.user-interactions-profile {
    position: relative;
    padding: 0 20px;
    transition: 250ms;
    color: #EAF5FD;
    border-left: 1px solid #262629;
    height: 47px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.user-interactions-profile:hover .user-interactions-profile-menu {
    z-index: 55000;
    opacity: 1;
    height: auto
}

.user-interactions-profile:hover .user-interactions-profile-img {
    box-shadow: 0 3px 23px rgba(80, 134, 255, 0.45)
}

.user-interactions-profile-img {
    border-radius: 50%;
    box-shadow: 0 3px 23px rgba(80, 134, 255, 0);
    transition: 250ms;
    max-width: 100%;
    max-height: 100%;
    width: 22px;
    height: 22px
}

.user-interactions-profile-nickname {
    display: none
}

.user-interactions-profile-menu {
    display: none
}

.user-interactions-profile-preview {
    position: relative;
    white-space: nowrap
}

.user-interactions-profile-preview-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.user-interactions-quick {
    padding-left: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.user-interactions-quick .option-count {
    position: absolute;
    top: -5px;
    right: -6px
}

.user-interactions-quick-extra {
    display: none
}

.user-interactions-quick-link {
    color: #b8c5d0;
    position: relative;
    margin-right: 20px
}

.user-interactions-quick-link:hover,
.user-interactions-quick-link:focus,
.user-interactions-quick-link:visited {
    color: #b8c5d0
}

.user-interactions-quick-users {
    font-size: 10px;
    color: #b8c5d0;
    white-space: nowrap
}

.user-interactions-quick-users .fa {
    margin-right: 10px;
    vertical-align: middle
}

.user-interactions-extra {
    display: none
}

@media(min-width:1024px) {
    .user-interactions-signin {
        height: 64px
    }
    .user-interactions-profile {
        padding-left: 20px;
        padding-right: 10px;
        height: 64px
    }
    .user-interactions-profile-nickname {
        display: inline-block;
        margin-left: 5px;
        max-width: 100px;
        overflow: hidden;
        vertical-align: middle;
        text-overflow: ellipsis;
        color: #fff;
        cursor: default
    }
    .user-interactions-profile-preview-link {
        display: none
    }
    .user-interactions-profile-menu {
        display: block;
        position: absolute;
        z-index: -1;
        top: 100%;
        right: 0;
        width: 150px;
        height: 0;
        opacity: 0;
        overflow: hidden;
        background-color: #1a2127;
        transition: opacity 250ms;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3)
    }
    .user-interactions-profile-menu form {
        margin: 0
    }
    .user-interactions-profile-menu-item {
        border-top: 1px solid #131b22
    }
    .user-interactions-profile-menu-link {
        display: block;
        padding: 10px 15px;
        line-height: 1;
        color: #fff;
        background-color: transparent;
        transition: background-color 100ms
    }
    .user-interactions-profile-menu-link:active,
    .user-interactions-profile-menu-link:visited {
        color: #fff
    }
    .user-interactions-profile-menu-link:hover {
        background-color: #242e36;
        color: white
    }
    .user-interactions-profile-menu-btn {
        display: block;
        width: 100%;
        padding: 10px 15px;
        line-height: 1;
        color: #fff;
        background: 0;
        border: 0;
        margin: 0;
        text-align: left;
        transition: background-color 100ms
    }
    .user-interactions-profile-menu-btn:hover {
        color: white;
        background-color: #242e36
    }
    .user-interactions-extra {
        transition: 250ms;
        position: relative;
        margin-right: 20px;
        height: 64px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .user-interactions-extra:hover .user-interactions-extra-menu {
        z-index: 10;
        opacity: 1;
        height: auto
    }
    .user-interactions-extra-menu {
        position: absolute;
        z-index: -1;
        top: 100%;
        right: -20px;
        opacity: 0;
        height: 0;
        overflow: hidden;
        background-color: #1a2127;
        transition: opacity 250ms;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3)
    }
    .user-interactions-extra-menu-item {
        border-top: 1px solid #131b22
    }
    .user-interactions-extra-menu-link {
        display: block;
        text-align: right;
        padding: 10px 15px 10px 30px;
        line-height: 1;
        color: #fff;
        white-space: nowrap
    }
    .user-interactions-extra-menu-link:active,
    .user-interactions-extra-menu-link:visited {
        color: #fff
    }
    .user-interactions-extra-menu-link:hover {
        color: white
    }
    .user-interactions-extra-menu-link .option-count,
    .user-interactions-extra-menu-link .fa {
        margin-right: 5px
    }
    .user-interactions-extra-preview {
        position: relative;
        white-space: nowrap
    }
    .user-interactions-extra-preview .option-count {
        line-height: 1.4;
        position: absolute;
        top: -5px;
        left: 11px
    }
    .user-interactions-extra-preview::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        border: 4px solid #fff;
        border-bottom: 0 transparent;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        margin-left: 6px
    }
}

@media(min-width:1200px) {
    .user-interactions-quick-extra {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .user-interactions-extra {
        display: none
    }
}

.source-category-controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 3px solid #1b9af0;
    margin-bottom: 24px
}

.body-rpgrace-index .source-category-controls {
    border-color: #ee8600
}

.source-category-controls__button {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    margin-right: 4px;
    border-radius: 12px 12px 0 0;
    width: 230px;
    cursor: pointer;
    background-color: #D3D8DD;
    color: #585A64;
    z-index: 0
}

.source-category-controls__button:hover {
    background-color: #fff;
    color: #ee8600
}

.source-category-controls__button:focus {
    background-color: #585A64;
    color: #fff
}

.source-category-controls__button--active {
    background-color: #ee8600;
    color: #fff
}

.source-category-controls__button--active:hover,
.source-category-controls__button--active:focus {
    background-color: #ee8600;
    color: #fff
}

.source-category-controls__button--overlay {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .2;
    border-radius: 12px 12px 0 0
}

.source-category-controls__label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .46px;
    margin-top: 4px;
    position: relative
}

.source-category__group--active {
    display: block
}

.source-category__group--inactive {
    display: none
}

.source-summary {
    font-size: 12px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-style: italic
}

.ddb-statblock {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px
}

.ddb-statblock-item {
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    padding: 10px
}

@media(min-width:475px) {
    .ddb-statblock-item {
        -webkit-flex: 33.33333%;
        -ms-flex: 33.33333%;
        flex: 33.33333%
    }
}

@media(min-width:600px) {
    .ddb-statblock-item {
        -webkit-flex: 25%;
        -ms-flex: 25%;
        flex: 25%
    }
}

.ddb-statblock-item-label,
.ddb-statblock-item-value {
    color: #242527;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ddb-statblock-item-label {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase
}

.ddb-statblock-item-value {
    font-size: 16px
}

.ddb-statblock-ability-scores .ddb-statblock-item {
    text-align: center
}

@media(min-width:420px) {
    .ddb-statblock-ability-scores .ddb-statblock-item {
        -webkit-flex: 33.33333%;
        -ms-flex: 33.33333%;
        flex: 33.33333%
    }
}

@media(min-width:740px) {
    .ddb-statblock-ability-scores .ddb-statblock-item {
        -webkit-flex: 16.66667%;
        -ms-flex: 16.66667%;
        flex: 16.66667%
    }
}

.ddb-top-result .ddb-statblock-ability-scores .ddb-statblock-item {
    -webkit-flex: 33.33333%;
    -ms-flex: 33.33333%;
    flex: 33.33333%
}

.ddb-statblock-ability-scores .ddb-statblock-item-label::before {
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    background-size: cover;
    background-position: center
}

.ddb-statblock-ability-scores .ddb-statblock-item-label.strength::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/strength.svg")
}

.ddb-statblock-ability-scores .ddb-statblock-item-label.dexterity::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/dexterity.svg")
}

.ddb-statblock-ability-scores .ddb-statblock-item-label.constitution::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/constitution.svg")
}

.ddb-statblock-ability-scores .ddb-statblock-item-label.charisma::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/charisma.svg")
}

.ddb-statblock-ability-scores .ddb-statblock-item-label.wisdom::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/wisdom.svg")
}

.ddb-statblock-ability-scores .ddb-statblock-item-label.intelligence::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/intelligence.svg")
}

.ddb-statblock-ability-scores .ddb-statblock-item-value .score,
.ddb-statblock-ability-scores .ddb-statblock-item-value .modifier {
    display: inline;
    font-size: 20px
}

.ddb-statblock-ability-scores .ddb-statblock-item-strength .score {
    color: #bf2225
}

.ddb-statblock-ability-scores .ddb-statblock-item-dexterity .score {
    color: #41474d
}

.ddb-statblock-ability-scores .ddb-statblock-item-constitution .score {
    color: #79614c
}

.ddb-statblock-ability-scores .ddb-statblock-item-intelligence .score {
    color: #f96a3b
}

.ddb-statblock-ability-scores .ddb-statblock-item-wisdom .score {
    color: #879399
}

.ddb-statblock-ability-scores .ddb-statblock-item-charisma .score {
    color: #edb451
}

.ddb-statblock-monster-stats .ddb-statblock-item {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

@media(min-width:640px) {
    .ddb-statblock-monster-stats .ddb-statblock-item {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.ddb-top-result .ddb-statblock-monster-stats .ddb-statblock-item {
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
}

.ddb-statblock-monster-stats .ddb-statblock-item-label {
    text-align: center
}

.ddb-statblock-monster-stats .ddb-statblock-item-value {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ddb-statblock-monster-stats .ddb-statblock-item-value .primary,
.ddb-statblock-monster-stats .ddb-statblock-item-value .secondary {
    display: inline
}

.ddb-statblock-monster-stats .ddb-statblock-item-value .primary {
    font-size: 24px;
    padding-right: 3px
}

.ddb-statblock-monster-stats .ddb-statblock-item-value .secondary {
    font-size: 12px;
    font-weight: 500;
    white-space: normal
}

.ddb-top-result .ddb-statblock-monster-info .ddb-statblock-item {
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
}

.ddb-statblock-monster-info .ddb-statblock-item-value {
    font-size: 14px;
    text-overflow: initial;
    white-space: initial;
    overflow: initial
}

@media(min-width:1024px) {
    .body-rpgclass-details-druid {
        background: url("https://www.dndbeyond.com/attachments/0/291/druid1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-druid {
        background: url("https://www.dndbeyond.com/attachments/0/292/druid2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-druid {
        background: url("https://www.dndbeyond.com/attachments/0/293/druid4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-bard {
        background: url("https://www.dndbeyond.com/attachments/0/279/bard1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-bard {
        background: url("https://www.dndbeyond.com/attachments/0/280/bard2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-bard {
        background: url("https://www.dndbeyond.com/attachments/0/281/bard4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-warlock {
        background: url("https://www.dndbeyond.com/attachments/0/340/warlock1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-warlock {
        background: url("https://www.dndbeyond.com/attachments/0/341/warlock2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-warlock {
        background: url("https://www.dndbeyond.com/attachments/0/342/warlock4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-sorcerer {
        background: url("https://www.dndbeyond.com/attachments/0/334/sorcerer1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-sorcerer {
        background: url("https://www.dndbeyond.com/attachments/0/335/sorcerer2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-sorcerer {
        background: url("https://www.dndbeyond.com/attachments/0/336/sorcerer4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-ranger {
        background: url("https://www.dndbeyond.com/attachments/0/328/ranger1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-ranger {
        background: url("https://www.dndbeyond.com/attachments/0/329/ranger2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-ranger {
        background: url("https://www.dndbeyond.com/attachments/0/330/ranger4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-cleric {
        background: url("https://www.dndbeyond.com/attachments/0/285/cleric1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-cleric {
        background: url("https://www.dndbeyond.com/attachments/0/286/cleric2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-cleric {
        background: url("https://www.dndbeyond.com/attachments/0/287/cleric4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-monk {
        background: url("https://www.dndbeyond.com/attachments/0/322/monk1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-monk {
        background: url("https://www.dndbeyond.com/attachments/0/323/monk2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-monk {
        background: url("https://www.dndbeyond.com/attachments/0/324/monk4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-rogue {
        background: url("https://www.dndbeyond.com/attachments/0/331/rogue1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-rogue {
        background: url("https://www.dndbeyond.com/attachments/0/332/rogue2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-rogue {
        background: url("https://www.dndbeyond.com/attachments/0/333/rogue4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-paladin {
        background: url("https://www.dndbeyond.com/attachments/0/325/paladin1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-paladin {
        background: url("https://www.dndbeyond.com/attachments/0/326/paladin2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-paladin {
        background: url("https://www.dndbeyond.com/attachments/0/327/paladin4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-fighter {
        background: url("https://www.dndbeyond.com/attachments/0/297/fighter1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-fighter {
        background: url("https://www.dndbeyond.com/attachments/0/298/fighter2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-fighter {
        background: url("https://www.dndbeyond.com/attachments/0/299/fighter4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-barbarian {
        background: url("https://www.dndbeyond.com/attachments/0/276/barbarian1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-barbarian {
        background: url("https://www.dndbeyond.com/attachments/0/277/barbarian2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-barbarian {
        background: url("https://www.dndbeyond.com/attachments/0/278/barbarian4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-wizard {
        background: url("https://www.dndbeyond.com/attachments/0/343/wizard1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-wizard {
        background: url("https://www.dndbeyond.com/attachments/0/344/wizard2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-wizard {
        background: url("https://www.dndbeyond.com/attachments/0/345/wizard4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgclass-details-blood-hunter {
        background: url("https://www.dndbeyond.com/attachments/3/334/bh1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgclass-details-blood-hunter {
        background: url("https://www.dndbeyond.com/attachments/3/335/bh2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgclass-details-blood-hunter {
        background: url("https://www.dndbeyond.com/attachments/3/336/bh4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-human {
        background: url("https://www.dndbeyond.com/attachments/0/319/human1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-human {
        background: url("https://www.dndbeyond.com/attachments/0/320/human2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-human {
        background: url("https://www.dndbeyond.com/attachments/0/321/human4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-half-elf {
        background: url("https://www.dndbeyond.com/attachments/0/310/half-elf1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-half-elf {
        background: url("https://www.dndbeyond.com/attachments/0/311/half-elf2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-half-elf {
        background: url("https://www.dndbeyond.com/attachments/0/312/half-elf4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-half-orc {
        background: url("https://www.dndbeyond.com/attachments/0/316/half-orc1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-half-orc {
        background: url("https://www.dndbeyond.com/attachments/0/317/half-orc2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-half-orc {
        background: url("https://www.dndbeyond.com/attachments/0/318/half-orc4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-elf {
        background: url("https://www.dndbeyond.com/attachments/0/294/elf1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-elf {
        background: url("https://www.dndbeyond.com/attachments/0/295/elf2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-elf {
        background: url("https://www.dndbeyond.com/attachments/0/296/elf4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-halfling {
        background: url("https://www.dndbeyond.com/attachments/0/313/halfling1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-halfling {
        background: url("https://www.dndbeyond.com/attachments/0/314/halfling2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-halfling {
        background: url("https://www.dndbeyond.com/attachments/0/315/halfling4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-dwarf {
        background: url("https://www.dndbeyond.com/attachments/0/270/dwarf1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-dwarf {
        background: url("https://www.dndbeyond.com/attachments/0/271/dwarf2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-dwarf {
        background: url("https://www.dndbeyond.com/attachments/0/272/dwarf4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-gnome {
        background: url("https://www.dndbeyond.com/attachments/0/303/gnome1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-gnome {
        background: url("https://www.dndbeyond.com/attachments/0/304/gnome2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-gnome {
        background: url("https://www.dndbeyond.com/attachments/0/305/gnome4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-tiefling {
        background: url("https://www.dndbeyond.com/attachments/0/337/tiefling1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-tiefling {
        background: url("https://www.dndbeyond.com/attachments/0/338/tiefling2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-tiefling {
        background: url("https://www.dndbeyond.com/attachments/0/339/tiefling4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-dragonborn {
        background: url("https://www.dndbeyond.com/attachments/0/288/dragonborn1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-dragonborn {
        background: url("https://www.dndbeyond.com/attachments/0/289/dragonborn2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-dragonborn {
        background: url("https://www.dndbeyond.com/attachments/0/290/dragonborn4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-aarakocra {
        background: url("https://www.dndbeyond.com/attachments/0/273/aarakocra1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-aarakocra {
        background: url("https://www.dndbeyond.com/attachments/0/274/aarakocra2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-aarakocra {
        background: url("https://www.dndbeyond.com/attachments/0/275/aarakocra4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-genasi {
        background: url("https://www.dndbeyond.com/attachments/0/770/genasi1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-genasi {
        background: url("https://www.dndbeyond.com/attachments/0/772/genasi2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-genasi {
        background: url("https://www.dndbeyond.com/attachments/0/771/genasi4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-goliath {
        background: url("https://www.dndbeyond.com/attachments/0/307/goliath1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-goliath {
        background: url("https://www.dndbeyond.com/attachments/0/308/goliath2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-goliath {
        background: url("https://www.dndbeyond.com/attachments/0/309/goliath4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgrace-details-firbolg {
        background: url("https://www.dndbeyond.com/attachments/0/775/firbolg1k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgrace-details-firbolg {
        background: url("https://www.dndbeyond.com/attachments/0/773/firbolg2k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgrace-details-firbolg {
        background: url("https://www.dndbeyond.com/attachments/0/774/firbolg4k.jpg") no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

.class-listing .listing-card__header-primary {
    border: 0
}

.rpgrace-listing .listing-card__icon {
    margin-top: 2px;
    margin-left: 2px;
    border: 1px solid #e0dcdc
}

@media(min-width:375px) {
    .rpgrace-listing .listing-card__icon {
        display: none
    }
}

.card-listing .listing {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0 -10px
}

.card-listing .listing-card {
    width: 100%;
    max-width: 555px
}

@media(min-width:768px) {
    .card-listing .listing {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .card-listing .listing-card {
        width: 50%;
        max-width: none
    }
    .card-listing .listing-card__content {
        height: 342px
    }
    .card-listing .listing-card__body {
        position: absolute;
        left: 15px;
        right: 126px;
        margin-right: 0
    }
}

@media(min-width:1200px) {
    .card-listing .listing-card {
        width: 33.33333%
    }
}

.listing-card {
    padding: 0 10px;
    font-size: 16px
}

.listing-card__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border: 1px solid #e0dcdc;
    background: #EBE9E7;
    padding: 15px 15px 35px;
    margin-bottom: 60px;
    height: auto;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/card-paper-texture.png");
    background-repeat: no-repeat;
    background-size: cover
}

.listing-card__link {
    width: 100%
}

.listing-card__icon {
    border-radius: 4px;
    height: 50px;
    margin-right: 10px
}

.listing-card__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 8px;
    position: relative
}

.listing-card__header-primary {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 2px solid #ee8600
}

.listing-card__title {
    font-size: 25px;
    color: #242527;
    margin-bottom: 0
}

.listing-card__source {
    color: #979AA4;
    font-size: 12px;
    margin-bottom: 5px
}

.listing-card__flavor-label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #242527;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px
}

.listing-card__body {
    z-index: 2;
    position: relative;
    height: auto;
    max-height: 305px;
    overflow: hidden;
    padding: 8px;
    border: 1px solid #e0dcdc;
    box-shadow: -2px -1px 2px 0 #e0dcdc;
    background: rgba(250, 250, 250, 0.9)
}

.listing-card__description {
    font-size: 14px;
    color: #242527;
    line-height: 1.5
}

.listing-card__description p {
    margin-bottom: 10px
}

.listing-card__description .characters-statblock {
    margin-bottom: 0
}

.listing-card__bg {
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 1
}

.listing-card__callout {
    position: absolute;
    bottom: -20px;
    z-index: 9;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.listing-card__callout-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    background: #ee8600;
    color: white;
    border-radius: 4px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    width: 220px
}

.listing-card__callout-button:hover {
    background-color: #ff9e22
}

.listing-card-source-br .listing-card__callout-button {
    background-color: #ee8600
}

.listing-card-source-br .listing-card__callout-button:hover {
    background-color: #ff9e22
}

.listing-card-source-br .listing-card__header-primary {
    border-color: rgba(238, 134, 0, 0.6)
}

.listing-card-source-ee .listing-card__callout-button {
    background-color: #557C6A
}

.listing-card-source-ee .listing-card__callout-button:hover {
    background-color: #6b9984
}

.listing-card-source-ee .listing-card__header-primary {
    border-color: rgba(85, 124, 106, 0.6)
}

.listing-card-source-mtof .listing-card__callout-button {
    background-color: #26505E
}

.listing-card-source-mtof .listing-card__callout-button:hover {
    background-color: #356f82
}

.listing-card-source-mtof .listing-card__header-primary {
    border-color: rgba(38, 80, 94, 0.6)
}

.listing-card-source-vgtm .listing-card__callout-button {
    background-color: #51637d
}

.listing-card-source-vgtm .listing-card__callout-button:hover {
    background-color: #657c9c
}

.listing-card-source-vgtm .listing-card__header-primary {
    border-color: rgba(81, 99, 125, 0.6)
}

.listing-card-source-ttp .listing-card__callout-button {
    background-color: #416429
}

.listing-card-source-ttp .listing-card__callout-button:hover {
    background-color: #598838
}

.listing-card-source-ttp .listing-card__header-primary {
    border-color: rgba(65, 100, 41, 0.6)
}

.listing-card-source-scag .listing-card__callout-button {
    background-color: #622e5d
}

.listing-card-source-scag .listing-card__callout-button:hover {
    background-color: #853e7e
}

.listing-card-source-scag .listing-card__header-primary {
    border-color: rgba(98, 46, 93, 0.6)
}

.listing-card-source-wgte .listing-card__callout-button {
    background-color: #79ab7d
}

.listing-card-source-wgte .listing-card__callout-button:hover {
    background-color: #98bf9b
}

.listing-card-source-wgte .listing-card__header-primary {
    border-color: rgba(121, 171, 125, 0.6)
}

.listing-card-source-ggtr .listing-card__callout-button {
    background-color: #2095B8
}

.listing-card-source-ggtr .listing-card__callout-button:hover {
    background-color: #30b4db
}

.listing-card-source-ggtr .listing-card__header-primary {
    border-color: rgba(32, 149, 184, 0.6)
}

.listing-card-source-ua .listing-card__callout-button {
    background-color: #5E0C0A
}

.listing-card-source-ua .listing-card__callout-button:hover {
    background-color: #8c120f
}

.listing-card-source-ua .listing-card__header-primary {
    border-color: rgba(94, 12, 10, 0.6)
}

@media(min-width:375px) {
    .listing-card__body {
        margin-right: 90px
    }
}

@media(min-width:440px) {
    .listing-card__body {
        margin-right: 126px
    }
}

.static-container header.h2 {
    display: none
}

.static-container .ad-container {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px
}

.static-container-details .page-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.static-container-details .page-header h2 {
    font-size: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: normal;
    z-index: 5;
    color: #242527;
    padding: 0!important;
    line-height: 1.3;
    font-weight: bold
}

@media(min-width:1024px) {
    .static-container-details .page-header h2 {
        font-size: 36px
    }
}

@media(max-width:1023px) {
    .static-container-details .page-header .more-links {
        display: none
    }
}

.static-container-details .content-container {
    font-size: 16px
}

.static-container-details .content-container table {
    border-collapse: collapse;
    margin: 20px 0
}

.static-container-details .content-container table.compendium-left-aligned-table th {
    text-align: left
}

.static-container-details .content-container table,
.static-container-details .content-container table th,
.static-container-details .content-container table td {
    border: 1px solid #edeae8
}

.static-container-details .content-container table th,
.static-container-details .content-container table td {
    font-size: 14px
}

.static-container-details .content-container table th.left-align,
.static-container-details .content-container table td.left-align {
    text-align: left!important
}

.static-container-details .content-container table th.uppercase,
.static-container-details .content-container table td.uppercase {
    text-transform: uppercase!important
}

.static-container-details .content-container table td {
    text-align: center;
    padding: 10px 20px
}

.static-container-details .content-container table td p {
    font-size: 14px
}

.static-container-details .content-container table thead th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 2px solid #d0cac5;
    text-align: center;
    background: #fff;
    color: #242527
}

.static-container-details .content-container table tbody tr {
    background: #fff
}

.static-container-details .content-container table tbody tr td {
    min-width: 100px;
    padding: 20px;
    background: 0
}

.static-container-details .content-container table tbody tr td.left-align {
    text-align: left!important
}

.static-container-details .content-container table tbody tr td.uppercase {
    text-transform: uppercase!important
}

.static-container-details .content-container table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.static-container-details .content-container ul {
    list-style: initial;
    padding: 15px
}

.static-container-details .content-container ol {
    list-style: decimal;
    padding: 15px
}

.static-container-details .content-container blockquote {
    font-size: 14px;
    margin: 5px 0
}

.static-container-details .content-container blockquote p {
    font-size: 14px
}

.static-container-details .content-container h1,
.static-container-details .content-container h2,
.static-container-details .content-container h3 {
    font-weight: normal
}

.static-container-details .content-container h1 {
    font-size: 32px
}

.static-container-details .content-container h2 {
    font-size: 26px
}

.static-container-details .content-container h3 {
    font-size: 20px
}

.static-container-details .content-container h5,
.static-container-details .content-container h6 {
    font-size: 18px
}

.static-container-details .content-container a {
    text-decoration: none;
    cursor: pointer
}

.static-container-details .content-container a,
.static-container-details .content-container a:hover,
.static-container-details .content-container a:focus,
.static-container-details .content-container a:active,
.static-container-details .content-container a:visited {
    color: #47D18C
}

.static-container-details .content-container h1,
.static-container-details .content-container h2,
.static-container-details .content-container h3 {
    font-weight: normal
}

.static-container-details .content-container h1 {
    font-size: 32px
}

.static-container-details .content-container h1::after {
    content: '';
    width: 100%;
    max-width: 1200px;
    margin: 5px auto 20px;
    height: 3px;
    background-color: #ee8600;
    display: block
}

.static-container-details .content-container h2::after,
.static-container-details .content-container h3::after {
    content: '';
    width: 100%;
    margin: 5px auto 20px;
    height: 1px;
    background-color: #ee8600;
    display: block
}

.static-container-details .content-container h2 {
    font-size: 26px
}

.static-container-details .content-container h3 {
    font-size: 20px
}

.static-container-details .content-container h5,
.static-container-details .content-container h6 {
    font-size: 18px
}

.static-container-details .content-container h1 {
    font-size: 36px
}

.static-container-details .content-container h1::after {
    content: none
}

.static-container-details .content-container h2 {
    font-size: 26px
}

.static-container-details .content-container h3 {
    font-size: 22px
}

.static-container-details .content-container h4 {
    font-size: 20px;
    margin: 10px 0 0!important
}

.static-container-details .content-container h5 {
    font-size: 16px
}

.static-container-details .content-container table tr td {
    padding: 10px!important;
    min-width: 0!important;
    font-size: 14px
}

.static-container-details .content-container ul {
    padding: 0 0 0 25px;
    line-height: 30px;
    margin: 15px 0
}

.static-container-details .content-container .nav-select {
    width: 100%
}

.static-container-details .content-container .nav-select+.ad-container {
    margin-top: 30px
}

@media(min-width:1024px) {
    .static-container-details .content-container .nav-select+.ad-container {
        margin-top: 0
    }
}

@media(min-width:1024px) {
    .static-container-details .content-container .nav-select {
        display: none
    }
}

.static-container-details .content-container .compendium-header-subtitle {
    font-size: 20px;
    color: #979AA4
}

.static-container-details .content-container .content-image {
    margin: 0 auto;
    padding: 15px
}

@media(min-width:700px) {
    .static-container-details .content-container .content-image {
        float: right;
        width: 330px;
        padding: 0 0 15px
    }
}

.static-container-details .content-container .content-image .image {
    display: block;
    width: 100%;
    max-width: 330px;
    margin: 0 auto
}

.static-container-details .content-container .content-image.wizard .image {
    max-width: 200px
}

@media(min-width:700px) {
    .static-container-details .content-container .content-image.wizard {
        width: 200px
    }
}

.static-container-details .content-container .content-image.genasi .image {
    max-width: 260px
}

@media(min-width:700px) {
    .static-container-details .content-container .content-image.genasi {
        width: 260px
    }
}

.static-container-details .content-container .content-image.centaur .image {
    max-width: 400px
}

@media(min-width:700px) {
    .static-container-details .content-container .content-image.centaur {
        width: 400px
    }
}

.static-container-details .content-container .content-image.vedalken {
    width: 300px
}

.static-container-details .content-container .content-image.viashino {
    width: 400px
}

.static-container-details .content-container .content-image.viashino .image {
    max-width: 400px
}

.static-container-details .content-container .content-image.simic-hybrid {
    width: 280px
}

.static-container-details .content-container .content-image.loxodon {
    width: 400px
}

.static-container-details .content-container .content-image.loxodon .image {
    max-width: 400px
}

.static-container-details .content-container .content-image.changeling {
    width: 270px
}

.static-container-details .content-container .content-image.triton {
    width: 270px
}

.static-container-details .content-container .content-image.yuan-ti-pureblood {
    width: 180px
}

.static-container-details .content-container p {
    line-height: 30px;
    color: #242527;
    font-size: inherit
}

.static-container-details .subitems-list-details {
    margin-top: 20px
}

.static-container-details .subitems-list-details-source-icon {
    height: 26px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top
}

.static-container-details .subitems-list-details-item {
    margin-top: 20px
}

.static-container-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0
}

.static-container-footer-spacer {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.class-listing__header {
    margin: 30px 0 20px;
    text-align: left
}

.race-details-source-icon {
    width: 26px;
    margin-right: 3px;
    margin-bottom: 4px
}

.ddb-strip-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ddb-strip-item {
    position: relative;
    padding: 20px;
    min-height: 135px;
    width: 300px;
    background-size: 100%;
    background-repeat: no-repeat
}

.ddb-strip-item-compendium-content {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/beta-homepage/strip-compendium-content.png");
    top: 8px
}

.ddb-strip-item-compendium-content .ddb-strip-item-label {
    top: 55px;
    width: 100px;
    color: #974442
}

.ddb-strip-item-create-a-character {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/beta-homepage/strip-create-a-character.png")
}

.ddb-strip-item-create-a-character .ddb-strip-item-label {
    top: 60px;
    width: 100px;
    color: #1C9AEF
}

.ddb-strip-item-homebrew-content {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/beta-homepage/strip-homebrew-content.png");
    top: 11px
}

.ddb-strip-item-homebrew-content .ddb-strip-item-label {
    top: 50px;
    width: 100px;
    color: #6AA120
}

.ddb-strip-item-label {
    position: absolute;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 26px;
    line-height: 26px
}

.tags-cloud {
    display: block;
    margin: 5px 0
}

.tags-cloud .tag {
    margin: 0 5px 5px 0;
    padding: 5px;
    font-size: 12px;
    line-height: normal!important;
    background: #fff;
    box-shadow: inset 0 0 4px 0 #dcd1c7;
    border: 1px solid #cbc6c3;
    border-radius: 0;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.tags-cloud .tag-remove {
    background: url("../../Blocks/images/select2/select2.png") right top no-repeat;
    display: block;
    float: left;
    padding-left: 12px;
    text-indent: -1000px;
    overflow: hidden;
    margin-right: 4px
}

.tags-cloud .tag-text {
    font-weight: bold
}

.ddb-homebrew-create .tags-cloud .tag {
    display: inline-block
}

.body-tag-index .primary-content .b-tag-a li a {
    border: 1px solid #cbc6c3;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 #dcd1c7;
    padding: 4px 8px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 2px;
    font-size: 13px;
    margin: 4px
}

.body-tag-index .primary-content .b-tag-a li a:hover {
    background: #242527;
    color: white;
    text-decoration: none
}

@media(max-width:1023px) {
    .tooltip {
        display: none!important
    }
}

#db-tooltip-container {
    height: auto!important;
    width: auto!important
}

.tooltip {
    width: 50vw;
    min-width: 512px;
    max-width: 775px;
    max-height: 500px;
    background: #fff;
    border: 0;
    padding: 0;
    box-shadow: 0 0 60px #333;
    overflow: hidden;
    position: relative
}

.tooltip-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    padding: 0 10px 10px;
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/headers/general_header.png);
    background-position: bottom center;
    background-size: cover
}

.tooltip-spell .tooltip-header {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/headers/spells_header.png)
}

.tooltip-header-icon {
    margin: 0 10px 0 0
}

.tooltip-header-icon .diceroll-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/dice.png");
    background-size: cover
}

.tooltip-header-icon .school-icon-abjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/abjuration.png");
    background-size: cover
}

.tooltip-header-icon .school-icon-conjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/conjuration.png");
    background-size: cover
}

.tooltip-header-icon .school-icon-divination {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/divination.png");
    background-size: cover
}

.tooltip-header-icon .school-icon-enchantment {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/enchantment.png");
    background-size: cover
}

.tooltip-header-icon .school-icon-evocation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/evocation.png");
    background-size: cover
}

.tooltip-header-icon .school-icon-illusion {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/illusion.png");
    background-size: cover
}

.tooltip-header-icon .school-icon-necromancy {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/necromancy.png");
    background-size: cover
}

.tooltip-header-icon .school-icon-transmutation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/transmutation.png");
    background-size: cover
}

.tooltip-header-icon .item-type-icon-armor {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/armor.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .item-type-icon-artifact {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/artifact.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .item-type-icon-potion {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/potion.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .item-type-icon-ring {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/ring.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .item-type-icon-rod {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/rod.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .item-type-icon-scroll {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/scroll.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .item-type-icon-staff {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/staff.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .item-type-icon-wand {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/wand.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .item-type-icon-weapon {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/weapon.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .item-type-icon-wondrousitem {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/item_types/wondrousitem.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-aberration {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/aberration.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-beast {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/beast.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-celestial {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/celestial.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-construct {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/construct.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-dragon {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/dragon.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-elemental {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/elemental.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-fey {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/fey.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-fiend {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/fiend.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-giant {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/giant.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-humanoid {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/humanoid.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-monstrosity {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/monstrosity.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-ooze {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/ooze.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-plant {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/plant.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .monster-icon-undead {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/monsters/undead.jpg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .skill-icon-strength {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/strength.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .skill-icon-dexterity {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/dexterity.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .skill-icon-constitution {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/constitution.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .skill-icon-charisma {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/charisma.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .skill-icon-wisdom {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/wisdom.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .skill-icon-intelligence {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/intelligence.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .action-icon-attack {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/attack.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .action-icon-cast-a-spell {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/cast-a-spell.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .action-icon-dash {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/dash.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .action-icon-disengage {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/disengage.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .action-icon-dodge {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/dodge.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .action-icon-help {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/help.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .action-icon-hide {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/hide.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .action-icon-ready {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/ready.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .action-icon-search {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/search.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .action-icon-use-an-object {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/actions/light/use-an-object.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-blinded {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/blinded.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-charmed {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/charmed.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-deafened {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/deafened.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-exhaustion {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/exhaustion.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-exhausted {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/exhausted.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-frightened {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/frightened.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-grappled {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/grappled.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-incapacitated {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/incapacitated.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-invisible {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/invisible.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-paralyzed {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/paralyzed.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-petrified {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/petrified.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-poisoned {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/poisoned.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-prone {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/prone.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-restrained {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/restrained.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-stunned {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/stunned.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-icon .condition-icon-unconscious {
    background: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/unconscious.svg) no-repeat;
    background-size: 100% 100%
}

.tooltip-header-text {
    font-size: 28px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #fff
}

.tooltip-header-identifier {
    text-transform: uppercase;
    color: #fff;
    margin: 0 5px 0 auto;
    padding: 2px 10px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #444;
    background-color: #47D18C;
    border-color: #99e5bf
}

.tooltip-header-identifier-spell {
    background-color: #704cd9;
    border-color: #b3a0eb
}

.tooltip-header-identifier-monster {
    background-color: #bc0f0f;
    border-color: #f04141
}

.tooltip-header-identifier-magic-item {
    background-color: #0f5cbc;
    border-color: #418ff0
}

.tooltip-body {
    padding: 10px;
    max-height: 430px
}

.tooltip-body-statblock {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.tooltip-body-statblock-item {
    -webkit-flex: 1 1 23%;
    -ms-flex: 1 1 23%;
    flex: 1 1 23%;
    margin: 0 1% 10px;
    white-space: normal
}

.tooltip-body-statblock-item-label {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #242527
}

.tooltip-body-statblock-item-value {
    font-size: 18px;
    color: #242527
}

.tooltip-body-statblock-item-duration .i-concentration {
    position: relative;
    top: 6px
}

.tooltip-body-statblock-item-range .i-aoe-sphere {
    top: 1px
}

.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item {
    -webkit-flex: 1 1 16.66667%;
    -ms-flex: 1 1 16.66667%;
    flex: 1 1 16.66667%;
    margin: 0
}

.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item-label {
    text-align: center
}

.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item-value {
    text-align: center
}

.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item-value .ability-score,
.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item-value .ability-modifier {
    display: inline;
    font-size: 18px
}

.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item-strength .tooltip-body-statblock-item-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/strength.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 16px;
    width: 16px;
    margin-bottom: -2px
}

.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item-dexterity .tooltip-body-statblock-item-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/dexterity.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 16px;
    width: 16px;
    margin-bottom: -2px
}

.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item-constitution .tooltip-body-statblock-item-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/constitution.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 16px;
    width: 16px;
    margin-bottom: -2px
}

.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item-charisma .tooltip-body-statblock-item-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/charisma.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 16px;
    width: 16px;
    margin-bottom: -2px
}

.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item-wisdom .tooltip-body-statblock-item-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/wisdom.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 16px;
    width: 16px;
    margin-bottom: -2px
}

.tooltip-body-statblock-ability-scores .tooltip-body-statblock-item-intelligence .tooltip-body-statblock-item-label::before {
    content: '';
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/intelligence.svg);
    background-size: cover;
    background-position: center center;
    display: inline-block;
    margin-right: 5px;
    height: 16px;
    width: 16px;
    margin-bottom: -2px
}

.tooltip-body-statblock-monster-stats .tooltip-body-statblock-item {
    margin-bottom: 0
}

.tooltip-body-statblock-monster-stats .tooltip-body-statblock-item-value .primary,
.tooltip-body-statblock-monster-stats .tooltip-body-statblock-item-value .secondary {
    display: inline;
    font-size: 18px
}

.tooltip-body-statblock-monster-stats .tooltip-body-statblock-item-value .secondary {
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle
}

.tooltip-body-statblock-monster-details .tooltip-body-statblock-item {
    -webkit-flex: 1 1 120px;
    -ms-flex: 1 1 120px;
    flex: 1 1 120px
}

.tooltip-body-statblock-monster-details .tooltip-body-statblock-item-value {
    font-size: 12px
}

.tooltip-body-description {
    white-space: normal;
    font-size: 14px;
    color: #242527;
    line-height: 24px
}

.tooltip-body-description table {
    border-collapse: collapse
}

.tooltip-body-description table,
.tooltip-body-description table th,
.tooltip-body-description table td {
    border: 1px solid #edeae8
}

.tooltip-body-description table td {
    text-align: center;
    padding: 10px 0
}

.tooltip-body-description table thead th {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: 2px solid #d0cac5
}

.tooltip-body-description table tbody tr {
    background: white
}

.tooltip-body-description table tbody tr td {
    min-width: 100px;
    padding: 0 20px
}

.tooltip-body-description table tbody tr:nth-child(odd) {
    background: #faf8f7
}

.tooltip-body-description ul {
    list-style: initial;
    padding-left: 15px
}

.tooltip-body .details-byline {
    font-style: italic;
    font-size: 16px
}

.tooltip-body-roll-dice span {
    margin-right: 10px;
    font-size: 26px
}

.tooltip-body-roll-dice .dice-muted {
    color: lightgray
}

.tooltip-body-roll-dice .dice-text {
    font-weight: normal
}

.tooltip-body-roll-dice .dice-normal {
    color: blue
}

.tooltip-body-roll-dice .dice-success {
    color: green
}

.tooltip-body-roll-dice .dice-failure {
    color: red
}

.tooltip-body-roll-dice .dice-dropped {
    color: #808080;
    text-decoration: line-through
}

.tooltip-body-roll-dice .dice-success.dice-failure {
    color: purple
}

.tooltip-body-roll-dice .dice-dropped.dice-success {
    color: #80ff80
}

.tooltip-body-roll-dice .dice-dropped.dice-failure {
    color: #ff8080
}

.tooltip-body-roll-dice .dice-dropped.dice-success.dice-failure {
    color: #ff80ff
}

.tooltip-body-roll-total span {
    margin-right: 10px;
    font-size: 26px
}

.tooltip-body-roll-total .dice-muted {
    color: lightgray
}

.tooltip-body-roll-total .dice-text {
    font-weight: normal
}

.tooltip-body-roll-total .dice-normal {
    color: blue
}

.tooltip-body-roll-total .dice-success {
    color: green
}

.tooltip-body-roll-total .dice-failure {
    color: red
}

.tooltip-body-roll-total .dice-dropped {
    color: #808080;
    text-decoration: line-through
}

.tooltip-body-roll-total .dice-success.dice-failure {
    color: purple
}

.tooltip-body-roll-total .dice-dropped.dice-success {
    color: #80ff80
}

.tooltip-body-roll-total .dice-dropped.dice-failure {
    color: #ff8080
}

.tooltip-body-roll-total .dice-dropped.dice-success.dice-failure {
    color: #ff80ff
}

.tooltip-hover {
    font-weight: bold!important
}

.tooltip-hover,
.tooltip-hover:hover,
.tooltip-hover:focus,
.tooltip-hover:active,
.tooltip-hover:visited {
    color: #47D18C!important
}

.tooltip-hover.spell-tooltip,
.tooltip-hover.spell-tooltip:hover,
.tooltip-hover.spell-tooltip:focus,
.tooltip-hover.spell-tooltip:active,
.tooltip-hover.spell-tooltip:visited {
    color: #704cd9!important;
    font-style: italic
}

.tooltip-hover.monster-tooltip,
.tooltip-hover.monster-tooltip:hover,
.tooltip-hover.monster-tooltip:focus,
.tooltip-hover.monster-tooltip:active,
.tooltip-hover.monster-tooltip:visited {
    color: #bc0f0f!important
}

.tooltip-hover.magic-item-tooltip,
.tooltip-hover.magic-item-tooltip:hover,
.tooltip-hover.magic-item-tooltip:focus,
.tooltip-hover.magic-item-tooltip:active,
.tooltip-hover.magic-item-tooltip:visited {
    color: #0f5cbc!important;
    font-style: italic
}

.tooltip-loading {
    background-image: url(https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg);
    background-color: rgba(255, 255, 255, 0);
    background-size: cover;
    height: 26px;
    width: 26px;
    box-shadow: none;
    min-width: 0
}

.tooltip-blocked {
    max-width: 200px
}

.tooltip-blocked .tooltip-body-description-text {
    font-size: 16px;
    text-align: center
}

.tooltip::after {
    content: '';
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    height: 50px;
    margin-top: -50px;
    display: block;
    position: absolute;
    top: 500px;
    right: 0;
    left: 0
}

.vex-theme-default.vex {
    padding: 160px 10px
}

.vex-theme-default.vex .vex-content {
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    width: 100%;
    max-width: 1200px
}

.body-home-index #site-main {
    margin-bottom: -250px!important
}

.body-home-index #site-main #content {
    padding: 0 10px!important
}

@media(min-width:1024px) {
    .body-home-index #site-main #logo::after {
        content: none
    }
}

.body-home-index #site-main::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background-color: #171517;
    background-image: none;
    background-position: bottom center;
    background-size: auto 150px;
    height: 150px;
    z-index: 0
}

@media(min-width:768px) {
    .body-home-index #site-main::before {
        background-size: auto 330px;
        height: 330px
    }
}

@media(min-width:1024px) {
    .body-home-index #site-main::before {
        background-size: auto 500px;
        height: 500px;
        top: 114px
    }
}

@media(min-width:2000px) {
    .body-home-index #site-main::before {
        background-size: auto 500px
    }
}

@media(max-width:767px) {
    .body-home-index .post-listing {
        margin-top: 15px
    }
}

.ddb-home-body {
    padding-top: 16px
}

@media(min-width:1024px) {
    .ddb-home-body {
        padding-top: 96px
    }
}

.ddb-home-body .see-all-container {
    margin: 20px auto 40px
}

.ddb-home-body .see-all-container .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background: #BC0F0F;
    height: 50px;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
    box-shadow: none;
    border: 0;
    transition: 100ms linear all;
    text-transform: uppercase;
    text-shadow: none;
    max-width: 225px
}

.ddb-home-body .see-all-container .button:hover {
    background: #eb1313
}

.ddb-home-body .see-all-container .button,
.ddb-home-body .see-all-container .button:hover,
.ddb-home-body .see-all-container .button:focus,
.ddb-home-body .see-all-container .button:active,
.ddb-home-body .see-all-container .button:visited {
    color: #fff
}

@media(min-width:1024px) {
    .ddb-home-body .see-all-container .button {
        height: 35px;
        font-size: 12px;
        min-width: 180px
    }
}

.ddb-home-body .see-all-container .button:hover {
    transition: 100ms linear all;
    background: #eb1313
}

@media(min-width:1024px) {
    .ddb-home-body .see-all-container .button {
        height: 50px;
        font-size: 16px
    }
}

#site-main>.container {
    max-width: 1200px!important;
    position: relative;
    -webkit-perspective: none;
    -moz-perspective: none;
    perspective: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

#content {
    z-index: auto
}

#content .primary-content {
    position: static;
    z-index: auto
}

.single-column #content {
    padding: 20px 10px!important
}

.body-rpgspell-index .single-column #content,
.body-rpgspell-indexbyclass .single-column #content,
.body-rpgspell-indexbyschool .single-column #content,
.body-rpgspell-homebrewindex .single-column #content,
.body-rpgmagicitem-index .single-column #content,
.body-rpgmagicitem-homebrewindex .single-column #content,
.body-rpgmonster-index .single-column #content,
.body-rpgmonster-homebrewindex .single-column #content,
.body-forum .single-column #content {
    padding-top: 0!important
}

@media(min-width:1024px) {
    .single-column #content {
        padding: 15px 10px!important
    }
    .body-rpgspell-index .single-column #content,
    .body-rpgspell-indexbyclass .single-column #content,
    .body-rpgspell-indexbyschool .single-column #content,
    .body-rpgspell-homebrewindex .single-column #content,
    .body-rpgmagicitem-index .single-column #content,
    .body-rpgmagicitem-homebrewindex .single-column #content,
    .body-rpgmonster-index .single-column #content,
    .body-rpgmonster-homebrewindex .single-column #content,
    .body-forum .single-column #content {
        padding: 15px 10px!important
    }
    .section-posts.body-category-itemdetails .single-column #content,
    .section-changelog.body-category-itemdetails .single-column #content {
        padding-top: 30px!important
    }
}

#site.two-column #content {
    padding: 20px 10px!important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.section-rules #site.two-column #content,
.section-adventures #site.two-column #content {
    padding-top: 0!important
}

#site.two-column.section-compendium-content #content {
    padding-top: 0!important
}

.section-compendium #site.two-column.section-compendium-content #content,
.body-page-details #site.two-column.section-compendium-content #content {
    padding: 15px 10px!important
}

#site.two-column .secondary-content {
    position: static;
    float: none;
    max-width: 300px;
    min-width: 300px;
    margin-right: 30px;
    margin-left: 0;
    padding: 0
}

#site.two-column .primary-content {
    position: static;
    float: none;
    width: auto;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: none!important;
    min-width: 0
}

@media(min-width:1024px) {
    #site.two-column #content {
        padding: 15px 10px!important
    }
}

@media print {
    #site.two-column #content {
        display: block;
        padding: 0!important
    }
}

.body-rpgbackground #content,
.body-rpgfeat-index #content,
.body-rpgclass-details #content,
.body-rpgclass-subclassdetails #content,
.body-rpgclass-homebrewindex #content,
.body-rpgfeat-homebrewindex #content,
.body-rpgfeat-details #content,
.body-rpghomebrew-collection #content,
.body-rpghomebrew-creations #content,
.body-rpgigear-details #content,
.body-rpgigear-index #content,
.body-rpgirace-homebrewindex #content,
.body-rpgmagicitem-details #content,
.body-rpgmonster-details #content,
.body-rpgspell-details #content,
.body-rpgsubrace-details #content,
.section-rules #content,
.section-adventures #content,
.body-marketplace #content {
    padding-top: 0!important
}

@media(min-width:1024px) {
    .body-rpgbackground #content,
    .body-rpgfeat-index #content,
    .body-rpgclass-details #content,
    .body-rpgclass-subclassdetails #content,
    .body-rpgclass-homebrewindex #content,
    .body-rpgfeat-homebrewindex #content,
    .body-rpgfeat-details #content,
    .body-rpghomebrew-collection #content,
    .body-rpghomebrew-creations #content,
    .body-rpgigear-details #content,
    .body-rpgigear-index #content,
    .body-rpgirace-homebrewindex #content,
    .body-rpgmagicitem-details #content,
    .body-rpgmonster-details #content,
    .body-rpgspell-details #content,
    .body-rpgsubrace-details #content,
    .section-rules #content,
    .section-adventures #content,
    .body-marketplace #content {
        padding-top: 0!important
    }
}

@media print {
    .body-rpgmagicitem #content,
    .body-rpgmonster #content,
    .body-rpgspell #content {
        padding-top: 0!important
    }
    .body-rpgclass-details .secondary-content,
    .body-rpgrace-details .secondary-content,
    .body-page-details .secondary-content {
        display: none
    }
    .content-container .nav-select {
        display: none
    }
    .ad-container {
        display: none!important
    }
}

footer#footer {
    margin-top: 20px;
    background: 0
}

@media print {
    footer#footer {
        height: auto!important;
        min-height: 0!important
    }
}

.ddb-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #242527;
    padding-top: 25px
}

@media(min-width:600px) {
    .ddb-footer {
        padding-top: 30px
    }
}

.ddb-footer-wrapper-upper,
.ddb-footer-wrapper-lower {
    width: 100%
}

.ddb-footer-wrapper-lower {
    background-color: rgba(0, 0, 0, 0.3)
}

.ddb-footer-upper {
    padding: 10px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media(min-width:600px) {
    .ddb-footer-upper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 30px
    }
}

.ddb-footer-lower {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 10px;
    max-width: 1200px;
    margin: 0 auto
}

@media(min-width:1024px) {
    .ddb-footer-lower {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.ddb-footer-lower-links {
    text-align: center;
    padding-top: 10px
}

@media(min-width:1024px) {
    .ddb-footer-lower-links {
        padding-top: 0
    }
}

.ddb-footer-lower-links-item,
.ddb-footer-lower-links-item:hover,
.ddb-footer-lower-links-item:focus,
.ddb-footer-lower-links-item:active,
.ddb-footer-lower-links-item:visited {
    color: #979AA4!important;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px!important;
    line-height: 16px
}

.ddb-footer-lower-links-item+.ddb-footer-lower-links-item::before {
    content: "\2022";
    margin: 0 5px
}

.ddb-footer-copyright-site,
.ddb-footer-copyright-wotc {
    color: #979AA4;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px
}

.ddb-footer-copyright-site {
    padding-bottom: 10px
}

@media(min-width:600px) {
    .ddb-footer-links {
        width: 100%;
        max-width: 600px;
        padding-left: 40px
    }
}

.ddb-footer-links-list {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    padding: 5px
}

.ddb-footer-links-list-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -5px
}

.ddb-footer-links-list-label {
    color: #979AA4;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase
}

.ddb-footer-links-list-item .link {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.ddb-footer-links-list-item .link,
.ddb-footer-links-list-item .link:hover,
.ddb-footer-links-list-item .link:focus,
.ddb-footer-links-list-item .link:active,
.ddb-footer-links-list-item .link:visited {
    color: #fff!important
}

.ddb-footer-links-list-item .link:hover {
    color: #979AA4!important
}

.ddb-footer-links-list-item+.ddb-footer-links-list-item {
    padding-top: 5px
}

.ddb-footer-logo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px
}

@media(min-width:600px) {
    .ddb-footer-logo {
        padding-bottom: 0
    }
}

.ddb-footer-logo-image {
    display: block;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-logo.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 64px;
    width: 200px
}

.ddb-footer-logo-byline {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #979AA4
}

@media print {
    .ddb-footer {
        margin-top: 20px;
        padding-top: 0;
        background: 0
    }
    .ddb-footer-wrapper-upper,
    .ddb-footer-lower-links {
        display: none
    }
    .ddb-footer-wrapper-lower {
        background: 0
    }
    .ddb-footer-lower {
        padding: 0!important
    }
}

#logo .print-logo {
    display: none
}

@media(max-width:1023px) {
    .site-bar #logo {
        display: none
    }
    #logo .logo {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-logo.svg")
    }
}

@media print {
    .site-bar {
        display: none
    }
    #logo .logo {
        display: none
    }
    #logo .print-logo {
        display: block!important;
        margin-bottom: 15px;
        padding-left: 200px
    }
    #logo .print-logo img {
        width: 210px;
        height: 67px
    }
}

@media(max-width:1023px) {
    .search-open #site-main {
        padding-top: 47px!important
    }
}

#site-main>section.ad-container {
    display: none!important
}

#site-main header.main {
    box-shadow: none;
    padding: 0 10px;
    z-index: 56000
}

.burger-open #site-main header.main {
    z-index: 65000
}

@media(min-width:768px) {
    #site-main {
        padding-top: 64px
    }
}

@media(min-width:1024px) {
    #site-main {
        padding-top: 0!important
    }
    #site-main header.main {
        background-color: #26282a;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important;
        width: 100%!important;
        z-index: auto
    }
    #site-main header.main nav {
        margin: 0 auto;
        width: 1200px;
        max-width: 1200px!important;
        padding: 0 10px
    }
}

@media print {
    #site-main::before {
        display: none!important
    }
    #site-main .main {
        height: auto!important;
        padding: 0!important
    }
    #site-main .main nav {
        display: none!important
    }
    #site-main #footer-push {
        display: none
    }
}

@media print {
    html,
    body {
        height: auto
    }
    .cc_banner-wrapper {
        display: none
    }
}

.table-overflow-wrapper {
    overflow-x: auto
}

.user {
    font-weight: bold
}

.body-privatemessage-details .p-comment-header .user {
    color: white!important
}

.content-table-auto-width {
    width: auto
}

.content-table-2col tbody td {
    padding: 8px 20px!important;
    line-height: 1.4!important
}

.content-table-2col tbody td:nth-child(1) {
    vertical-align: middle!important
}

.content-table-2col tbody td:nth-child(2) {
    text-align: left!important
}

@media(min-width:1024px) {
    .body-error #site-main::before {
        top: -65px
    }
    .body-error #content {
        padding-top: 0!important
    }
    .body-error .b-breadcrumb {
        display: none
    }
    .body-error .secondary-content {
        display: none!important
    }
    .body-error .page-header {
        display: none!important
    }
}

.error-page {
    position: relative;
    top: -85px;
    z-index: 9
}

@media(min-width:1024px) {
    .error-page {
        position: static
    }
}

.error-page-title {
    font-size: 34px;
    color: #fff;
    text-align: center
}

@media(min-width:1024px) {
    .error-page-title {
        color: #242527;
        font-size: 32px
    }
}

.error-page-body {
    padding: 40px 0
}

@media(min-width:1024px) {
    .error-page-body {
        padding: 0
    }
}

.error-page-body-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100vw;
    max-height: 400px;
    margin: 10px auto
}

.error-page-403 .error-page-body-image {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/errors/403.png")
}

.error-page-404 .error-page-body-image {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/errors/404.png")
}

.error-page-500 .error-page-body-image {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/errors/500.png")
}

.error-page-maintenance .error-page-body-image {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/errors/UnderMaintenance.png")
}

.error-page-body-text,
.error-page-body-text-byline {
    font-size: 20px;
    line-height: 28px;
    color: #242527;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 720px
}

.error-page-body-text a,
.error-page-body-text a:hover,
.error-page-body-text a:focus,
.error-page-body-text a:active,
.error-page-body-text a:visited {
    color: #1b9af0;
    font-weight: bold
}

.error-page-body-text a:hover {
    text-decoration: underline
}

.error-page-body-text-byline {
    font-size: 14px;
    color: #979AA4;
    padding-top: 15px
}

@media(min-width:1024px) {
    #site-main .atf {
        background: transparent;
        max-width: 1200px!important;
        padding: 0!important
    }
}

@media(min-width:1024px) {
    .logo {
        text-indent: -9999px;
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-logo.svg");
        background-size: 100% 100%;
        height: 40px!important;
        width: 150px!important;
        margin: 0!important;
        display: block;
        padding-left: 10px
    }
    #logo {
        position: relative
    }
    header.main #logo .logo {
        display: none
    }
}

.ct-ability-score-manager__calc {
    margin-bottom: 20px
}

.ct-ability-score-manager__components {
    display: table;
    width: 100%;
    border: 1px solid #EDEAE8;
    border-collapse: collapse
}

.ct-ability-score-manager__component {
    display: table-row
}

.ct-ability-score-manager__component-label {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #EDEAE8;
    padding: 5px 10px;
    line-height: 1
}

.ct-ability-score-manager__component-value {
    display: table-cell;
    background-color: #FAF8F7;
    border-left: 2px solid #D0CAC5;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #EDEAE8;
    width: 70px
}

.ct-ability-score-manager__header {
    background-color: #242528;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-ability-score-manager__header-name {
    color: #fff;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 1.1
}

.ct-ability-score-manager__header-icon {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    margin-right: 8px
}

.ct-ability-score-manager__overrides {
    display: table;
    width: 100%;
    margin: 5px 0
}

.ct-ability-score-manager__override {
    display: table-row
}

.ct-ability-score-manager__override-label {
    display: table-cell;
    padding: 5px 10px;
    vertical-align: middle
}

.ct-ability-score-manager__override-value {
    display: table-cell;
    width: 70px;
    padding: 3px 0
}

.ct-ability-score-manager__override-value input[type="number"] {
    width: 100%;
    text-align: center;
    padding: 5px 0
}

.ct-ability-score-manager--cha .ct-ability-score-manager__icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/charisma.svg")
}

.ct-ability-score-manager--con .ct-ability-score-manager__icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/constitution.svg")
}

.ct-ability-score-manager--dex .ct-ability-score-manager__icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/dexterity.svg")
}

.ct-ability-score-manager--int .ct-ability-score-manager__icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/intelligence.svg")
}

.ct-ability-score-manager--str .ct-ability-score-manager__icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/strength.svg")
}

.ct-ability-score-manager--wis .ct-ability-score-manager__icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/wisdom.svg")
}

.ct-action-detail__limited-uses {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-action-detail__limited-uses-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 5px
}

.ct-action-detail__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-action-detail__properties {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-action-detail__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-action-detail__actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-action-detail__range-shape {
    vertical-align: top;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ct-action-detail__range-icon {
    top: 0;
    margin-right: 0
}

.action-error-modal__intro {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 25px;
    margin-bottom: 25px
}

.action-error-modal__info {
    margin: 15px 0
}

.action-error-modal__info-label {
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0
}

.action-error-modal__code {
    font-family: monospace;
    background: #f2f2f2;
    padding: 10px;
    border: 1px solid #ccc;
    overflow: auto;
    white-space: pre-wrap
}

.action-error-modal__code+.action-error-modal__code {
    margin-top: 5px
}

@media(min-width:768px) {
    .action-error-modal__info {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .action-error-modal__info-label {
        width: 100px;
        padding: 10px;
        text-align: right;
        line-height: 1.2
    }
    .action-error-modal__info-data {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0
    }
}

.ct-advantage-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/advantage-icon.svg") no-repeat center center;
    background-size: contain
}

.site .character-button,
.site .character-button-block,
.site .character-button-block-small,
.site .character-button-block-large,
.site .character-button-block-oversized,
.site .character-button-small,
.site .character-button-medium,
.site .character-button-large,
.site .character-button-oversized,
.site .character-button-outline,
.site .character-button-modal,
.site .character-button-modal-cancel {
    display: inline-block;
    border-radius: 3px;
    background-color: #96bf6b;
    color: #fff;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid transparent;
    text-transform: uppercase;
    padding: 9px 15px;
    transition: all 50ms
}

.site .character-button:disabled,
.site .character-button-block:disabled,
.site .character-button-block-small:disabled,
.site .character-button-block-large:disabled,
.site .character-button-block-oversized:disabled,
.site .character-button-small:disabled,
.site .character-button-medium:disabled,
.site .character-button-large:disabled,
.site .character-button-oversized:disabled,
.site .character-button-outline:disabled,
.site .character-button-modal:disabled,
.site .character-button-modal-cancel:disabled {
    opacity: 1;
    color: #777;
    background-color: #eaeaea
}

.site .character-button:disabled:hover,
.site .character-button-block:disabled:hover,
.site .character-button-block-small:disabled:hover,
.site .character-button-block-large:disabled:hover,
.site .character-button-block-oversized:disabled:hover,
.site .character-button-small:disabled:hover,
.site .character-button-medium:disabled:hover,
.site .character-button-large:disabled:hover,
.site .character-button-oversized:disabled:hover,
.site .character-button-outline:disabled:hover,
.site .character-button-modal:disabled:hover,
.site .character-button-modal-cancel:disabled:hover,
.site .character-button:disabled:focus,
.site .character-button-block:disabled:focus,
.site .character-button-block-small:disabled:focus,
.site .character-button-block-large:disabled:focus,
.site .character-button-block-oversized:disabled:focus,
.site .character-button-small:disabled:focus,
.site .character-button-medium:disabled:focus,
.site .character-button-large:disabled:focus,
.site .character-button-oversized:disabled:focus,
.site .character-button-outline:disabled:focus,
.site .character-button-modal:disabled:focus,
.site .character-button-modal-cancel:disabled:focus,
.site .character-button:disabled:visited,
.site .character-button-block:disabled:visited,
.site .character-button-block-small:disabled:visited,
.site .character-button-block-large:disabled:visited,
.site .character-button-block-oversized:disabled:visited,
.site .character-button-small:disabled:visited,
.site .character-button-medium:disabled:visited,
.site .character-button-large:disabled:visited,
.site .character-button-oversized:disabled:visited,
.site .character-button-outline:disabled:visited,
.site .character-button-modal:disabled:visited,
.site .character-button-modal-cancel:disabled:visited,
.site .character-button:disabled:active,
.site .character-button-block:disabled:active,
.site .character-button-block-small:disabled:active,
.site .character-button-block-large:disabled:active,
.site .character-button-block-oversized:disabled:active,
.site .character-button-small:disabled:active,
.site .character-button-medium:disabled:active,
.site .character-button-large:disabled:active,
.site .character-button-oversized:disabled:active,
.site .character-button-outline:disabled:active,
.site .character-button-modal:disabled:active,
.site .character-button-modal-cancel:disabled:active {
    color: #777;
    background-color: #eaeaea;
    box-shadow: none
}

.site .character-button:active,
.site .character-button-block:active,
.site .character-button-block-small:active,
.site .character-button-block-large:active,
.site .character-button-block-oversized:active,
.site .character-button-small:active,
.site .character-button-medium:active,
.site .character-button-large:active,
.site .character-button-oversized:active,
.site .character-button-outline:active,
.site .character-button-modal:active,
.site .character-button-modal-cancel:active {
    background-color: #7dac4b;
    box-shadow: 0 0 10px 2px #63893b inset;
    color: #fff
}

.site .character-button:focus,
.site .character-button-block:focus,
.site .character-button-block-small:focus,
.site .character-button-block-large:focus,
.site .character-button-block-oversized:focus,
.site .character-button-small:focus,
.site .character-button-medium:focus,
.site .character-button-large:focus,
.site .character-button-oversized:focus,
.site .character-button-outline:focus,
.site .character-button-modal:focus,
.site .character-button-modal-cancel:focus {
    color: #fff
}

.site .character-button:visited,
.site .character-button-block:visited,
.site .character-button-block-small:visited,
.site .character-button-block-large:visited,
.site .character-button-block-oversized:visited,
.site .character-button-small:visited,
.site .character-button-medium:visited,
.site .character-button-large:visited,
.site .character-button-oversized:visited,
.site .character-button-outline:visited,
.site .character-button-modal:visited,
.site .character-button-modal-cancel:visited {
    color: #fff
}

.site .builder-button {
    background-color: #1C9AEF
}

.site .builder-button:visited {
    background-color: #1C9AEF;
    color: #fff
}

.site .builder-button:focus,
.site .builder-button:hover {
    background-color: #0e7eca;
    color: #fff
}

.site .builder-button:active {
    background-color: #0e7eca;
    box-shadow: 0 0 10px 2px #0b609a inset;
    color: #fff
}

.site .character-button-block {
    width: 100%;
    display: block
}

.site .character-button-block-small {
    width: 100%;
    display: block;
    font-size: 8px;
    padding: 5px
}

.site .character-button-block-medium {
    width: 100%;
    display: block;
    padding: 6px 10px
}

.site .character-button-block-large {
    width: 100%;
    display: block;
    padding: 10px 15px;
    border-width: 2px;
    font-size: 13px
}

.site .character-button-block-oversized {
    width: 100%;
    display: block;
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 15px
}

.site .character-button-small {
    font-size: 8px;
    padding: 5px;
    border-color: transparent;
    min-height: 22px
}

.site .character-button-medium {
    padding: 6px 10px
}

.site .character-button-large {
    width: 100%;
    display: block;
    padding: 10px 15px;
    border-width: 2px;
    font-size: 13px
}

.site .character-button-oversized {
    width: 100%;
    display: block;
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 15px
}

.site .character-button-outline {
    background-color: #fff;
    border-color: #96bf6b;
    color: #96bf6b
}

.site .character-button-outline:focus,
.site .character-button-outline:hover,
.site .character-button-outline:active {
    color: #96bf6b;
    background-color: #fff;
    box-shadow: 0 0 4px 2px #e6e6e6 inset
}

.site .character-button-outline:disabled {
    border-color: #eaeaea;
    color: #aaa;
    background-color: #f9f9f9
}

.site .character-button-modal,
.site .character-button-modal-cancel {
    display: block;
    width: 100%;
    padding: 15px;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px
}

.site .character-button-modal-cancel {
    background-color: #fff;
    color: #838383
}

.site .character-button-modal-cancel:focus,
.site .character-button-modal-cancel:hover,
.site .character-button-modal-cancel:active {
    color: #838383;
    background-color: #e6e6e6;
    box-shadow: 0 0 10px 2px #ccc inset
}

.site .character-button-items {
    background-color: #0f5cbc
}

.site .character-button-items:hover,
.site .character-button-items:focus,
.site .character-button-items:active {
    background-color: #0b458d;
    box-shadow: 0 0 10px 2px #072e5e inset
}

.site .character-button-spells {
    background-color: #704cd9
}

.site .character-button-spells:hover,
.site .character-button-spells:focus,
.site .character-button-spells:active {
    background-color: #532ac8;
    box-shadow: 0 0 10px 2px #41219e inset
}

.site .character-button-description {
    background-color: #ffbb01
}

.site .character-button-description:hover,
.site .character-button-description:focus,
.site .character-button-description:active {
    background-color: #cd9600;
    box-shadow: 0 0 10px 2px #9a7100 inset
}

.site .character-button-dark {
    background-color: rgba(0, 0, 0, 0.6);
    border-color: #96bf6b
}

.site .character-button-dark-active {
    background-color: #96bf6b;
    color: #fff
}

.site .character-button-dark:hover,
.site .character-button-dark:focus,
.site .character-button-dark:active {
    border-color: #96bf6b;
    box-shadow: none;
    color: #fff
}

.site .character-button-remove {
    background-color: #c42e2d
}

.site .character-button-remove:hover,
.site .character-button-remove:focus,
.site .character-button-remove:active {
    background-color: #9b2423;
    box-shadow: 0 0 10px 2px #711b1a inset
}

.site .character-button.character-button--disabled,
.site .character-button-disabled {
    opacity: 1;
    color: #777;
    background-color: #eaeaea
}

.site .character-button.character-button--disabled:hover,
.site .character-button.character-button--disabled:focus,
.site .character-button.character-button--disabled:visited,
.site .character-button.character-button--disabled:active,
.site .character-button-disabled:hover,
.site .character-button-disabled:focus,
.site .character-button-disabled:visited,
.site .character-button-disabled:active {
    color: #777;
    background-color: #eaeaea;
    box-shadow: none
}

.site .ct-button--confirm {
    position: relative
}

.site .ct-button--confirm .ct-button__content {
    opacity: 1;
    transition: all 200ms
}

.site .ct-button--confirm .ct-button__confirming,
.site .ct-button--confirm .ct-button__confirmed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    transition: all 200ms;
    opacity: 0
}

.site .ct-button--confirm .ct-button__confirmed::before {
    content: "✔";
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top
}

.site .ct-button--is-confirming,
.site .ct-button--is-confirmed {
    background-color: #35b000!important;
    color: #fff!important
}

.site .ct-button--is-confirming:hover,
.site .ct-button--is-confirming:active,
.site .ct-button--is-confirming:focus,
.site .ct-button--is-confirmed:hover,
.site .ct-button--is-confirmed:active,
.site .ct-button--is-confirmed:focus {
    background-color: #267d00!important;
    box-shadow: 0 0 10px 2px #164a00 inset!important;
    color: #fff!important
}

.site .ct-button--is-confirming .ct-button__content,
.site .ct-button--is-confirmed .ct-button__content {
    opacity: 0
}

.site .ct-button--is-confirming .ct-button__confirming {
    opacity: 1
}

.site .ct-button--is-confirmed .ct-button__confirmed {
    opacity: 1
}

.site .button-action-increase,
.site .button-action-decrease {
    padding: 6px 8px
}

.site .button-action-increase::before,
.site .button-action-decrease::before {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/plus_minus-white.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.site .button-action-increase--small,
.site .button-action-decrease--small {
    padding: 4px
}

.site .button-action-increase--small::before,
.site .button-action-decrease--small::before {
    height: 12px;
    width: 12px;
    background-size: auto 12px
}

.site .button-action-increase::before {
    background-position: 0 0
}

.site .button-action-decrease::before {
    background-position: -17px 0
}

.site .button-action-decrease--small::before {
    background-position: -13px 0
}

.ct-campaign-summary {
    border: 1px solid #C53131;
    border-radius: 3px;
    padding: 5px 8px 4px;
    cursor: pointer;
    background-color: transparent;
    transition: all 100ms;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-campaign-summary__label {
    font-weight: bold;
    margin-right: 5px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-character-tidbits__frame {
    top: 0;
    position: absolute;
    overflow: hidden;
    width: 44px;
    height: 44px;
    background-size: cover;
    background-repeat: no-repeat
}

.ct-character-tidbits__avatar {
    position: relative
}

.ct-character-tidbits__portrait {
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 10px
}

.ct-character-tidbits__portrait--61562 .ct-character-tidbits__frame {
    width: 65px;
    height: 59px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -15px;
    top: -11px
}

.ct-character-tidbits__portrait--61562 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0;
    top: -4px;
    left: 2px
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--61562 .ct-character-tidbits__frame {
        width: 85px;
        height: 81px;
        left: -22px;
        top: -13px
    }
    .ct-character-tidbits__portrait--61562 .ct-character-tidbits__avatar {
        left: 0
    }
}

.ct-character-tidbits__portrait--65142 .ct-character-tidbits__frame {
    width: 57px;
    height: 57px;
    left: -6px;
    top: -7px
}

.ct-character-tidbits__portrait--65142 .ct-character-tidbits__avatar {
    border-radius: 50%/42%;
    border: 0;
    width: 55px;
    height: 53px;
    left: -5px;
    top: -4px
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--65142 .ct-character-tidbits__frame {
        width: 72px;
        height: 72px
    }
    .ct-character-tidbits__portrait--65142 .ct-character-tidbits__avatar {
        width: 70px;
        height: 68px
    }
}

.ct-character-tidbits__portrait--63923 .ct-character-tidbits__frame {
    height: 73px;
    width: 63px;
    top: -20px;
    left: -11px
}

.ct-character-tidbits__portrait--63923 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--63923 .ct-character-tidbits__frame {
        height: 95px;
        width: 84px;
        top: -25px;
        left: -11px
    }
}

.ct-character-tidbits__portrait--65140 .ct-character-tidbits__frame {
    width: 57px;
    height: 57px;
    left: -6px;
    top: -7px
}

.ct-character-tidbits__portrait--65140 .ct-character-tidbits__frame-extra1 {
    background: transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/frames/Sylgar.png") no-repeat;
    background-size: contain;
    -webkit-animation-name: fishSwim;
    animation-name: fishSwim;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 22px
}

.ct-character-tidbits__portrait--65140 .ct-character-tidbits__avatar {
    border-radius: 50%/42%;
    border: 0;
    width: 55px;
    height: 53px;
    left: -5px;
    top: -4px
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--65140 .ct-character-tidbits__frame {
        width: 72px;
        height: 72px
    }
    .ct-character-tidbits__portrait--65140 .ct-character-tidbits__frame-extra1 {
        width: 30px;
        height: 30px;
        top: 24px
    }
    .ct-character-tidbits__portrait--65140 .ct-character-tidbits__avatar {
        width: 70px;
        height: 68px
    }
}

.ct-character-tidbits__portrait--65249 .ct-character-tidbits__frame {
    height: 73px;
    width: 63px;
    top: -20px;
    left: -11px
}

.ct-character-tidbits__portrait--65249 .ct-character-tidbits__frame-extra1 {
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/frames/animated-eye.png") no-repeat;
    -webkit-animation-name: eyeballBlink;
    animation-name: eyeballBlink;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    -webkit-animation-timing-function: steps(1);
    animation-timing-function: steps(1);
    position: absolute;
    height: 73px;
    width: 63px;
    top: -20px;
    left: -11px;
    background-size: 311px
}

.ct-character-tidbits__portrait--65249 .ct-character-tidbits__frame-extra2 {
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/frames/animated-eye2.png") no-repeat;
    -webkit-animation-name: eyeballBlink2;
    animation-name: eyeballBlink2;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 14.5s;
    animation-duration: 14.5s;
    -webkit-animation-timing-function: steps(1);
    animation-timing-function: steps(1);
    position: absolute;
    height: 73px;
    width: 63px;
    top: -20px;
    left: -11px;
    background-size: 311px
}

.ct-character-tidbits__portrait--65249 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--65249 .ct-character-tidbits__frame {
        height: 95px;
        width: 84px;
        top: -25px;
        left: -11px
    }
    .ct-character-tidbits__portrait--65249 .ct-character-tidbits__frame-extra1 {
        height: 95px;
        width: 84px;
        top: -25px;
        left: -11px;
        background-size: 415px
    }
    .ct-character-tidbits__portrait--65249 .ct-character-tidbits__frame-extra2 {
        height: 95px;
        width: 84px;
        top: -25px;
        left: -11px;
        background-size: 415px
    }
}

.ct-character-tidbits__portrait--316645 .ct-character-tidbits__frame {
    width: 65px;
    height: 59px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -7px;
    top: -8px
}

.ct-character-tidbits__portrait--316645 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0;
    top: 0;
    left: 1px;
    width: 42px;
    height: 42px
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--316645 .ct-character-tidbits__frame {
        width: 85px;
        height: 81px;
        left: -11px;
        top: -13px
    }
    .ct-character-tidbits__portrait--316645 .ct-character-tidbits__avatar {
        left: 0;
        top: -2px;
        width: 58px;
        height: 58px
    }
}

.ct-character-tidbits__portrait--316650 .ct-character-tidbits__frame {
    width: 52px;
    height: 59px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -4px;
    margin-top: -7px
}

.ct-character-tidbits__portrait--316650 .ct-character-tidbits__avatar {
    border-radius: 0;
    border: 0
}

.ct-character-tidbits__portrait--316650 .ct-character-tidbits__frame-extra1 {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 8px black inset
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--316650 .ct-character-tidbits__frame {
        width: 74px;
        height: 81px;
        margin-left: -7px;
        margin-top: -12px
    }
    .ct-character-tidbits__portrait--316650 .ct-character-tidbits__frame-extra1 {
        width: 60px;
        height: 60px
    }
}

.ct-character-tidbits__portrait--316652 .ct-character-tidbits__frame {
    width: 55px;
    height: 59px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -4px;
    margin-top: -8px
}

.ct-character-tidbits__portrait--316652 .ct-character-tidbits__avatar {
    border-radius: 0;
    border: 0;
    left: 1px
}

.ct-character-tidbits__portrait--316652 .ct-character-tidbits__frame-extra1 {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 1px;
    box-shadow: 0 0 8px black inset
}

.ct-character-tidbits__portrait--316652 .ct-character-tidbits__frame-extra2 {
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/frames/mtof/blue-gem-2-gem.png") no-repeat;
    background-size: 55px auto;
    position: absolute;
    top: -8px;
    left: -4px;
    width: 44px;
    height: 44px
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--316652 .ct-character-tidbits__frame {
        width: 75px;
        height: 81px;
        margin-left: -6px;
        margin-top: -11px
    }
    .ct-character-tidbits__portrait--316652 .ct-character-tidbits__frame-extra1 {
        width: 60px;
        height: 60px
    }
    .ct-character-tidbits__portrait--316652 .ct-character-tidbits__frame-extra2 {
        background-size: 75px auto;
        width: 60px;
        height: 60px;
        top: -11px;
        left: -6px
    }
}

.ct-character-tidbits__portrait--316664 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--316663 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0;
    top: 0;
    width: 42px;
    height: 42px
}

.ct-character-tidbits__portrait--316664 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--316663 .ct-character-tidbits__frame {
    background-size: contain;
    background-repeat: no-repeat;
    width: 46px;
    height: 46px;
    left: -2px;
    top: -2px
}

.ct-character-tidbits__portrait--316664 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--316663 .ct-character-tidbits__frame-extra1 {
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/frames/mtof/cog-1.png") no-repeat;
    background-size: 20px auto;
    width: 22px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 34px
}

.ct-character-tidbits__portrait--316664 .ct-character-tidbits__frame-extra2,
.ct-character-tidbits__portrait--316663 .ct-character-tidbits__frame-extra2 {
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/frames/mtof/cog-2.png") no-repeat;
    background-size: 18px auto;
    position: absolute;
    top: -6px;
    left: -10px;
    width: 18px;
    height: 54px
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--316664 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--316663 .ct-character-tidbits__avatar {
        left: 0;
        top: -2px;
        width: 58px;
        height: 58px
    }
    .ct-character-tidbits__portrait--316664 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--316663 .ct-character-tidbits__frame {
        width: 63px;
        height: 63px;
        left: -3px;
        top: -4px
    }
    .ct-character-tidbits__portrait--316664 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--316663 .ct-character-tidbits__frame-extra1 {
        background-size: 30px auto;
        width: 32px;
        height: 64px;
        top: -8px;
        left: 44px
    }
    .ct-character-tidbits__portrait--316664 .ct-character-tidbits__frame-extra2,
    .ct-character-tidbits__portrait--316663 .ct-character-tidbits__frame-extra2 {
        background-size: 25px auto;
        top: -13px;
        left: -12px;
        width: 26px;
        height: 64px
    }
}

.ct-character-tidbits__portrait--316664 .ct-character-tidbits__frame {
    -webkit-animation-name: mtofGears;
    animation-name: mtofGears;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.ct-character-tidbits__portrait--316655 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--316653 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0;
    top: 0;
    left: -1;
    width: 42px;
    height: 42px
}

.ct-character-tidbits__portrait--316655 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--316653 .ct-character-tidbits__frame {
    background-size: contain;
    background-repeat: no-repeat;
    width: 95px;
    height: 73px;
    left: -26px;
    top: -9px
}

.ct-character-tidbits__portrait--316655 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--316653 .ct-character-tidbits__frame-extra1 {
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/frames/mtof/orrery-planet-2.png") no-repeat;
    background-size: 8px auto;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: 24px 24px;
    transform-origin: 24px 24px
}

.ct-character-tidbits__portrait--316655 .ct-character-tidbits__frame-extra2,
.ct-character-tidbits__portrait--316653 .ct-character-tidbits__frame-extra2 {
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/frames/mtof/orrery-planet-1.png") no-repeat;
    background-size: 20px auto;
    position: absolute;
    top: -8px;
    left: -8px;
    width: 20px;
    height: 20px;
    -webkit-transform-origin: 29px 29px;
    transform-origin: 29px 29px
}

.ct-character-tidbits__portrait--316655 .ct-character-tidbits__frame-extra3,
.ct-character-tidbits__portrait--316653 .ct-character-tidbits__frame-extra3 {
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/frames/mtof/orrery-ring.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 16px;
    left: -26px;
    width: 95px;
    height: 24px
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--316655 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--316653 .ct-character-tidbits__frame {
        width: 135px;
        height: 81px;
        left: -37px;
        top: -14px
    }
    .ct-character-tidbits__portrait--316655 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--316653 .ct-character-tidbits__avatar {
        width: 58px;
        height: 58px
    }
    .ct-character-tidbits__portrait--316655 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--316653 .ct-character-tidbits__frame-extra1 {
        background-size: 14px auto;
        top: -5px;
        left: -5px;
        width: 20px;
        height: 20px;
        -webkit-transform-origin: 34px 34px;
        transform-origin: 34px 34px
    }
    .ct-character-tidbits__portrait--316655 .ct-character-tidbits__frame-extra2,
    .ct-character-tidbits__portrait--316653 .ct-character-tidbits__frame-extra2 {
        background-size: 35px auto;
        top: -15px;
        left: -15px;
        width: 40px;
        height: 40px;
        -webkit-transform-origin: 42px 42px;
        transform-origin: 42px 42px
    }
    .ct-character-tidbits__portrait--316655 .ct-character-tidbits__frame-extra3,
    .ct-character-tidbits__portrait--316653 .ct-character-tidbits__frame-extra3 {
        top: 20px;
        left: -37px;
        width: 132px;
        height: 24px
    }
}

.ct-character-tidbits__portrait--316655 .ct-character-tidbits__frame-extra1 {
    -webkit-animation-name: mtofPlanet2;
    animation-name: mtofPlanet2;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.ct-character-tidbits__portrait--316655 .ct-character-tidbits__frame-extra2 {
    -webkit-animation-name: mtofPlanet1;
    animation-name: mtofPlanet1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.ct-character-tidbits__portrait--4518245 .ct-character-tidbits__frame {
    width: 115px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -28px;
    top: -14px;
    -webkit-transform: rotate(-19deg);
    transform: rotate(-19deg)
}

.ct-character-tidbits__portrait--4518245 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0;
    top: 1px;
    left: 1px;
    width: 41px;
    height: 41px
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--4518245 .ct-character-tidbits__frame {
        width: 165px;
        height: 65px;
        left: -44px;
        top: -20px
    }
    .ct-character-tidbits__portrait--4518245 .ct-character-tidbits__avatar {
        left: 0;
        top: 0;
        width: 60px;
        height: 60px
    }
}

.ct-character-tidbits__portrait--4518281 .ct-character-tidbits__frame {
    width: 65px;
    height: 65px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -17px;
    top: -13px;
    z-index: 1
}

.ct-character-tidbits__portrait--4518281 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0;
    top: 1px;
    left: 7px;
    width: 41px;
    height: 41px;
    z-index: 2
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--4518281 .ct-character-tidbits__frame {
        width: 95px;
        height: 95px;
        left: -27px;
        top: -21px
    }
    .ct-character-tidbits__portrait--4518281 .ct-character-tidbits__avatar {
        left: 8px;
        top: 0;
        width: 60px;
        height: 60px
    }
}

.ct-character-tidbits__portrait--4518282 .ct-character-tidbits__frame {
    width: 65px;
    height: 65px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -12px;
    top: -9px;
    z-index: 2
}

.ct-character-tidbits__portrait--4518282 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0;
    top: 2px;
    left: -1px;
    width: 42px;
    height: 42px
}

.ct-character-tidbits__portrait--4518282 .ct-character-tidbits__frame-extra1 {
    box-shadow: 0 0 3px 4px #000 inset;
    position: absolute;
    z-index: 1;
    left: -2px;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--4518282 .ct-character-tidbits__frame {
        width: 95px;
        height: 95px;
        left: -21px;
        top: -16px
    }
    .ct-character-tidbits__portrait--4518282 .ct-character-tidbits__avatar {
        left: -3px;
        top: 0;
        width: 58px;
        height: 58px
    }
    .ct-character-tidbits__portrait--4518282 .ct-character-tidbits__frame-extra1 {
        box-shadow: 0 0 3px 5px #000 inset;
        left: -4px
    }
}

.ct-character-tidbits__portrait--4804075 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--4804109 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--4804110 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--4804112 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--4804115 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--4804118 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--4804121 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--4804122 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--4804127 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--4804131 .ct-character-tidbits__frame,
.ct-character-tidbits__portrait--4804134 .ct-character-tidbits__frame {
    width: 85px;
    height: 62px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -27px;
    top: -10px;
    z-index: 2
}

.ct-character-tidbits__portrait--4804075 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--4804109 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--4804110 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--4804112 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--4804115 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--4804118 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--4804121 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--4804122 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--4804127 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--4804131 .ct-character-tidbits__avatar,
.ct-character-tidbits__portrait--4804134 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0;
    top: 3px;
    left: -6px;
    width: 46px;
    height: 46px
}

.ct-character-tidbits__portrait--4804075 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--4804109 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--4804110 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--4804112 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--4804115 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--4804118 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--4804121 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--4804122 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--4804127 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--4804131 .ct-character-tidbits__frame-extra1,
.ct-character-tidbits__portrait--4804134 .ct-character-tidbits__frame-extra1 {
    box-shadow: 0 0 3px 3px #000 inset;
    position: absolute;
    z-index: 1;
    top: 3px;
    left: -6px;
    width: 46px;
    height: 46px;
    border-radius: 50%
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--4804075 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--4804109 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--4804110 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--4804112 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--4804115 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--4804118 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--4804121 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--4804122 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--4804127 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--4804131 .ct-character-tidbits__frame,
    .ct-character-tidbits__portrait--4804134 .ct-character-tidbits__frame {
        width: 115px;
        height: 82px;
        left: -40px;
        top: -16px
    }
    .ct-character-tidbits__portrait--4804075 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--4804109 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--4804110 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--4804112 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--4804115 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--4804118 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--4804121 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--4804122 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--4804127 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--4804131 .ct-character-tidbits__avatar,
    .ct-character-tidbits__portrait--4804134 .ct-character-tidbits__avatar {
        left: -11px;
        top: 3px;
        width: 58px;
        height: 58px
    }
    .ct-character-tidbits__portrait--4804075 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--4804109 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--4804110 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--4804112 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--4804115 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--4804118 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--4804121 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--4804122 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--4804127 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--4804131 .ct-character-tidbits__frame-extra1,
    .ct-character-tidbits__portrait--4804134 .ct-character-tidbits__frame-extra1 {
        box-shadow: 0 0 3px 3px #000 inset;
        left: -11px;
        top: 2px;
        width: 100%;
        height: 100%
    }
}

.ct-character-tidbits__portrait--4804103 .ct-character-tidbits__frame {
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -6px;
    top: -10px;
    z-index: 2
}

.ct-character-tidbits__portrait--4804103 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0;
    top: 7px;
    left: 3px;
    width: 42px;
    height: 42px
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--4804103 .ct-character-tidbits__frame {
        width: 85px;
        height: 85px;
        left: -13px;
        top: -16px
    }
    .ct-character-tidbits__portrait--4804103 .ct-character-tidbits__avatar {
        left: 0;
        top: 10px;
        width: 58px;
        height: 58px
    }
}

.ct-character-tidbits__portrait--4804092 .ct-character-tidbits__frame {
    width: 75px;
    height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -16px;
    top: -17px;
    z-index: 2
}

.ct-character-tidbits__portrait--4804092 .ct-character-tidbits__avatar {
    border-radius: 50%;
    border: 0;
    top: 2px;
    left: -1px;
    width: 42px;
    height: 42px
}

.ct-character-tidbits__portrait--4804092 .ct-character-tidbits__frame-extra1 {
    box-shadow: 0 0 3px 5px #000 inset;
    position: absolute;
    z-index: 1;
    left: -2px;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait--4804092 .ct-character-tidbits__frame {
        width: 105px;
        height: 105px;
        left: -25px;
        top: -21px
    }
    .ct-character-tidbits__portrait--4804092 .ct-character-tidbits__avatar {
        left: -3px;
        top: 4px;
        width: 58px;
        height: 58px
    }
    .ct-character-tidbits__portrait--4804092 .ct-character-tidbits__frame-extra1 {
        box-shadow: 0 0 3px 6px #000 inset;
        left: -4px;
        top: 4px
    }
}

@media(min-width:768px) {
    .ct-character-tidbits__portrait {
        width: 60px;
        height: 60px;
        margin-right: 15px
    }
    .ct-character-tidbits__frame {
        width: 60px;
        height: 60px
    }
}

@-webkit-keyframes eyeballBlink {
    0% {
        background-position: 100% 0
    }
    8% {
        background-position: 75% 0
    }
    9% {
        background-position: 0 0
    }
    10% {
        background-position: 25% 0
    }
    11% {
        background-position: 75% 0
    }
    12% {
        background-position: 100% 0
    }
    69% {
        background-position: 50% 0
    }
    70% {
        background-position: 25% 0
    }
    84% {
        background-position: 25% 0
    }
    85% {
        background-position: 75% 0
    }
    86% {
        background-position: 100% 0
    }
    100% {
        background-position: 100% 0
    }
}

@keyframes eyeballBlink {
    0% {
        background-position: 100% 0
    }
    8% {
        background-position: 75% 0
    }
    9% {
        background-position: 0 0
    }
    10% {
        background-position: 25% 0
    }
    11% {
        background-position: 75% 0
    }
    12% {
        background-position: 100% 0
    }
    69% {
        background-position: 50% 0
    }
    70% {
        background-position: 25% 0
    }
    84% {
        background-position: 25% 0
    }
    85% {
        background-position: 75% 0
    }
    86% {
        background-position: 100% 0
    }
    100% {
        background-position: 100% 0
    }
}

@-webkit-keyframes eyeballBlink2 {
    0% {
        background-position: 100% 0
    }
    38% {
        background-position: 75% 0
    }
    39% {
        background-position: 0 0
    }
    40% {
        background-position: 25% 0
    }
    41% {
        background-position: 75% 0
    }
    42% {
        background-position: 100% 0
    }
    100% {
        background-position: 100% 0
    }
}

@keyframes eyeballBlink2 {
    0% {
        background-position: 100% 0
    }
    38% {
        background-position: 75% 0
    }
    39% {
        background-position: 0 0
    }
    40% {
        background-position: 25% 0
    }
    41% {
        background-position: 75% 0
    }
    42% {
        background-position: 100% 0
    }
    100% {
        background-position: 100% 0
    }
}

@-webkit-keyframes fishSwim {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1) rotateY(180deg);
        transform: translate3d(0, 0, 0) scale(1) rotateY(180deg)
    }
    10% {
        -webkit-transform: translate3d(20%, 8%, 0) scale(1.05) rotateY(180deg);
        transform: translate3d(20%, 8%, 0) scale(1.05) rotateY(180deg)
    }
    20% {
        -webkit-transform: translate3d(50%, 10%, 0) scale(1.1) rotateY(180deg);
        transform: translate3d(50%, 10%, 0) scale(1.1) rotateY(180deg)
    }
    38% {
        -webkit-transform: translate3d(90%, -1%, 0) scale(1.05) rotateY(180deg);
        transform: translate3d(90%, -1%, 0) scale(1.05) rotateY(180deg)
    }
    51% {
        -webkit-transform: translate3d(108%, -14%, 0) scale(1) rotateY(180deg);
        transform: translate3d(108%, -14%, 0) scale(1) rotateY(180deg)
    }
    53% {
        -webkit-transform: translate3d(110%, -16%, 0) scale(1) rotateY(0deg);
        transform: translate3d(110%, -16%, 0) scale(1) rotateY(0deg)
    }
    65% {
        -webkit-transform: translate3d(68%, -18%, 0) scale(0.95) rotateY(0deg);
        transform: translate3d(68%, -18%, 0) scale(0.95) rotateY(0deg)
    }
    75% {
        -webkit-transform: translate3d(45%, -20%, 0) scale(0.9) rotateY(0deg);
        transform: translate3d(45%, -20%, 0) scale(0.9) rotateY(0deg)
    }
    84% {
        -webkit-transform: translate3d(20%, -16%, 0) scale(0.9) rotateY(0deg);
        transform: translate3d(20%, -16%, 0) scale(0.9) rotateY(0deg)
    }
    92% {
        -webkit-transform: translate3d(5%, -8%, 0) scale(1) rotateY(0deg);
        transform: translate3d(5%, -8%, 0) scale(1) rotateY(0deg)
    }
    98% {
        -webkit-transform: translate3d(1%, -2%, 0) scale(1) rotateY(0deg);
        transform: translate3d(1%, -2%, 0) scale(1) rotateY(0deg)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1) rotateY(180deg);
        transform: translate3d(0, 0, 0) scale(1) rotateY(180deg)
    }
}

@keyframes fishSwim {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1) rotateY(180deg);
        transform: translate3d(0, 0, 0) scale(1) rotateY(180deg)
    }
    10% {
        -webkit-transform: translate3d(20%, 8%, 0) scale(1.05) rotateY(180deg);
        transform: translate3d(20%, 8%, 0) scale(1.05) rotateY(180deg)
    }
    20% {
        -webkit-transform: translate3d(50%, 10%, 0) scale(1.1) rotateY(180deg);
        transform: translate3d(50%, 10%, 0) scale(1.1) rotateY(180deg)
    }
    38% {
        -webkit-transform: translate3d(90%, -1%, 0) scale(1.05) rotateY(180deg);
        transform: translate3d(90%, -1%, 0) scale(1.05) rotateY(180deg)
    }
    51% {
        -webkit-transform: translate3d(108%, -14%, 0) scale(1) rotateY(180deg);
        transform: translate3d(108%, -14%, 0) scale(1) rotateY(180deg)
    }
    53% {
        -webkit-transform: translate3d(110%, -16%, 0) scale(1) rotateY(0deg);
        transform: translate3d(110%, -16%, 0) scale(1) rotateY(0deg)
    }
    65% {
        -webkit-transform: translate3d(68%, -18%, 0) scale(0.95) rotateY(0deg);
        transform: translate3d(68%, -18%, 0) scale(0.95) rotateY(0deg)
    }
    75% {
        -webkit-transform: translate3d(45%, -20%, 0) scale(0.9) rotateY(0deg);
        transform: translate3d(45%, -20%, 0) scale(0.9) rotateY(0deg)
    }
    84% {
        -webkit-transform: translate3d(20%, -16%, 0) scale(0.9) rotateY(0deg);
        transform: translate3d(20%, -16%, 0) scale(0.9) rotateY(0deg)
    }
    92% {
        -webkit-transform: translate3d(5%, -8%, 0) scale(1) rotateY(0deg);
        transform: translate3d(5%, -8%, 0) scale(1) rotateY(0deg)
    }
    98% {
        -webkit-transform: translate3d(1%, -2%, 0) scale(1) rotateY(0deg);
        transform: translate3d(1%, -2%, 0) scale(1) rotateY(0deg)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1) rotateY(180deg);
        transform: translate3d(0, 0, 0) scale(1) rotateY(180deg)
    }
}

@-webkit-keyframes mtofGears {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mtofGears {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes mtofPlanet1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mtofPlanet1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes mtofPlanet2 {
    0% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }
    100% {
        -webkit-transform: rotate(420deg);
        transform: rotate(420deg)
    }
}

@keyframes mtofPlanet2 {
    0% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }
    100% {
        -webkit-transform: rotate(420deg);
        transform: rotate(420deg)
    }
}

.character-checkbox {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.character-checkbox-input {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 20px;
    min-height: 20px;
    background-color: #fff;
    box-shadow: inset 0 0 4px 0 rgba(138, 177, 198, 0.48);
    border: solid 1px #d8dde3;
    font-weight: bold;
    font-size: 16px;
    color: #242527;
    cursor: pointer
}

.character-checkbox-enabled .character-checkbox-input {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/yes-no/check-green.svg");
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat
}

.character-checkbox-label {
    margin-left: 5px;
    cursor: pointer
}

.ct-class-spell-manager__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.ct-class-spell-manager__heading {
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    line-height: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-class-spell-manager__heading-extra {
    font-weight: normal;
    margin-left: 5px;
    font-size: 12px
}

.ct-class-spell-manager__notification {
    content: "!";
    background: #f31800;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    z-index: 3;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    margin-left: 5px
}

.ct-class-spell-manager__portrait {
    margin-right: 5px
}

.ct-class-spell-manager__portrait-img {
    width: 24px;
    height: 24px;
    border-radius: 3px
}

.ct-class-spell-manager__group+.ct-class-spell-manager__group {
    margin-top: 5px
}

.ct-class-spell-manager__group .ct-collapsible__content {
    padding: 10px 0
}

.ct-class-spell-manager__info {
    margin-bottom: 10px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px
}

.ct-class-spell-manager__info-entry--exceeded {
    color: #f31800;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-class-spell-manager__info-entry--exceeded::after {
    content: "!";
    background: #f31800;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    z-index: 3;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    margin-left: 5px
}

.ct-class-spell-manager__info-entry-extra {
    text-transform: none;
    font-size: 11px;
    color: #777;
    font-weight: normal;
    margin-left: 8px
}

.ct-class-spell-manager__info-features {
    color: #838383;
    margin-top: 5px;
    font-size: 12px
}

.ct-class-spell-manager__empty {
    padding: 10px 0;
    text-align: center
}

.ct-class-spell-manager__active .ct-spell-manager__spell .ct-theme-button {
    width: 52px
}

.ct-collapsible+.ct-collapsible {
    margin-top: 5px
}

.ct-collapsible__header {
    padding: 10px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f1f1f1
}

.ct-collapsible__header-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 12px
}

.ct-collapsible__header-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.ct-collapsible__header-content-primary {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.ct-collapsible__header-content-callout {
    margin-left: 5px
}

.ct-collapsible__header-meta {
    color: #838383;
    font-size: 10px;
    font-family: Roboto, Helvetica, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1;
    margin-top: 3px
}

.ct-collapsible__header-meta-item+.ct-collapsible__header-meta-item::before {
    content: "•";
    padding: 0 5px
}

.ct-collapsible__header-callout {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-collapsible__header-callout-extra {
    font-size: 10px;
    padding-right: 4px;
    text-transform: uppercase
}

.ct-collapsible__header-callout-value {
    font-size: 20px
}

.ct-collapsible__header-status {
    min-width: 18px;
    width: 18px;
    height: 18px;
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-down-grey.svg") no-repeat;
    background-size: 12px;
    margin-left: 9px;
    cursor: pointer
}

.ct-collapsible__heading {
    font-weight: bold;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.1
}

.ct-collapsible--opened>.ct-collapsible__header {
    border-left: 3px solid #C53131
}

.ct-collapsible--opened>.ct-collapsible__header .ct-collapsible__header-status {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-up-black.svg")
}

.ct-collapsible__content {
    position: relative
}

.ct-collapsible--minimal .ct-collapsible__header {
    background: transparent;
    padding: 0
}

.ct-collapsible--minimal .ct-collapsible__header-meta {
    margin-top: 0
}

.ct-collapsible--minimal.ct-collapsible--opened>.ct-collapsible__header {
    border: 0
}

.ct-condition::after {
    content: ", "
}

.ct-condition:last-child::after {
    display: none
}

.ct-condition__icon {
    width: 14px;
    height: 14px
}

.ct-currency-number__label {
    font-size: 10px;
    color: #838383;
    margin-left: 3px
}

.ct-currency-number--large {
    position: relative
}

.ct-currency-number--large .ct-currency-number__label {
    font-size: 16px;
    position: absolute;
    bottom: 2px
}

.custom-attack-description {
    white-space: pre-wrap;
    padding-top: 20px;
    border-top: 1px solid #f1f1f1
}

.ct-customize-data-editor__properties {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #eaeaea;
    margin-top: 5px
}

.ct-customize-data-editor__property {
    font-size: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5px;
    padding-right: 8px;
    width: 33.33333%
}

.ct-customize-data-editor__property input {
    width: 45px
}

.ct-customize-data-editor__property--block {
    width: 100%!important;
    max-width: none!important
}

.ct-customize-data-editor__property--block input {
    width: 100%
}

.ct-customize-data-editor__property--block .ct-customize-data-editor__property-value {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-customize-data-editor__property-label {
    line-height: normal
}

.ct-customize-data-editor__property-label+.ct-customize-data-editor__property-value,
.ct-customize-data-editor__property-value+.ct-customize-data-editor__property-label {
    margin-left: 5px
}

.ct-customize-data-editor__property--displayasattack,
.ct-customize-data-editor__property--range-type {
    width: auto
}

.ct-customize-data-editor__property--proficiencylevel {
    width: 66.66667%
}

.ct-customize-data-editor__property--proficiencylevel .ct-customize-data-editor__property-label {
    width: 60px
}

.ct-customize-data-editor__property-damage-type {
    width: 132px!important
}

.ct-customize-data-editor__property-damage-type select {
    width: 85px
}

.ct-customize-data-editor__property .character-checkbox {
    vertical-align: top
}

.ct-customize-data-editor__property .character-checkbox-label {
    line-height: normal
}

.ct-customize-data-editor__property .ct-select {
    height: auto
}

.ct-customize-data-editor__property--offhand {
    margin-right: 15px
}

.detail-choice-description {
    margin: 10px 0
}

.detail-choice--todo .ct-select {
    border-color: #1C9AEF;
    box-shadow: 0 0 3px rgba(28, 154, 239, 0.5)
}

.detail-choice--child {
    padding-left: 10px
}

.detail-choice-notification {
    font-size: 11px;
    margin-bottom: 3px;
    color: #838383
}

.detail-choice .ct-collapsible {
    margin-top: 5px
}

.detail-choice .ct-collapsible__heading {
    font-size: 12px
}

.ct-disadvantage-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/disadvantage-icon.svg") no-repeat center center;
    background-size: contain
}

.ct-distance-number__label {
    font-size: 10px;
    color: #838383;
    margin-left: 3px
}

.ct-distance-number--large {
    position: relative;
    font-size: 26px;
    font-weight: 500
}

.ct-distance-number--large .ct-distance-number__label {
    font-size: 16px;
    position: absolute;
    bottom: 2px
}

.ct-equipment-shop__loading {
    margin: 10px 0;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-equipment-shop__loading-icon {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 40px;
    height: 50px;
    width: 100%
}

.ct-equipment-shop__filters-toggles {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
}

.ct-equipment-shop__filter {
    margin: 10px 0
}

.ct-equipment-shop__filter-heading {
    font-weight: bold;
    font-size: 14px
}

.ct-equipment-shop__filter-toggle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    cursor: pointer
}

.ct-equipment-shop__filter-toggle .character-checkbox {
    margin-right: 5px
}

.ct-equipment-shop__filter-toggle .character-checkbox-label {
    font-weight: bold;
    font-size: 14px
}

.ct-equipment-shop__levels {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2px
}

.ct-equipment-shop__level {
    padding: 0 2px 4px;
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.ct-equipment-shop__items {
    margin: 10px 0
}

.ct-equipment-shop__item+.ct-equipment-shop__item {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #eaeaea
}

.ct-equipment-shop__item-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-equipment-shop__item-action+.ct-equipment-shop__item-action {
    margin-left: 5px
}

.ct-equipment-shop__item-amount {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-equipment-shop__item-amount-label {
    font-weight: bold;
    margin-right: 5px
}

.ct-equipment-shop__item-amount-controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-equipment-shop__item-amount .ct-equipment-shop__item-amount-input {
    width: 60px;
    margin: 0 3px;
    padding-right: 0;
    text-align: center
}

.ct-equipment-shop__item>.ct-collapsible__content {
    border: 1px solid #fff;
    padding: 10px;
    margin-top: 5px;
    background: #f9f9f9;
    box-shadow: 0 0 0 1px #e0e0e0;
    margin-bottom: 15px
}

.ct-error-boundary {
    background: center 20px transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/errors/500.png") no-repeat;
    background-size: 280px;
    padding-top: 250px;
    padding-left: 20px;
    padding-right: 20px
}

.ct-error-boundary__heading {
    font-size: 26px;
    line-height: 1.1;
    font-weight: bold;
    color: #de0000;
    margin-bottom: 5px
}

.ct-error-boundary__error {
    margin-top: 15px
}

.ct-error-boundary__error-heading {
    font-weight: bold;
    font-size: 18px
}

.ct-error-boundary__error-content {
    white-space: pre-wrap;
    font-family: monospace;
    background: #fff;
    padding: 20px;
    word-wrap: break-word;
    font-size: 12px;
    border: 1px solid #f2f2f2;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.06)
}

@media(min-width:768px) {
    .ct-error-boundary {
        background-position: left 30px;
        background-size: 350px;
        padding-left: 350px;
        padding-top: 30px;
        padding-right: 20px;
        max-width: 1200px;
        margin: 0 auto
    }
}

.ct-exclusive-checkbox {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    margin: 5px 0
}

.ct-exclusive-checkbox__slot {
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer
}

.ct-exclusive-checkbox__slot+.ct-exclusive-checkbox__slot {
    border-top: 1px dotted #f2f2f2
}

.ct-exclusive-checkbox__slot+.ct-exclusive-checkbox__slot::before {
    content: "or";
    position: absolute;
    top: -11px;
    left: 33px;
    color: #838383;
    background: #fff;
    line-height: 1;
    padding: 5px;
    text-transform: uppercase;
    font-size: 11px
}

.ct-exclusive-checkbox__slot--selected {
    font-weight: bold
}

.ct-exclusive-checkbox__slot--inactive {
    background: #f2f2f2;
    color: #aaa
}

.ct-half-proficiency-icon {
    width: 10px;
    height: 10px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: center bottom transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/proficiency-half.svg") no-repeat;
    background-size: contain
}

.ct-half-proficiency-icon--modified {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/proficiency-half-modified.svg")
}

.ct-item-detail-abilities__limited-uses {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #edeae8;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-item-detail-abilities__limited-uses-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 5px
}

.ct-item-detail-abilities__spells {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #edeae8
}

.ct-item-detail-abilities__spell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0
}

.ct-item-detail-abilities__spell-name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

.ct-item-detail__intro {
    font-style: italic;
    text-transform: lowercase
}

.ct-item-detail__intro::first-letter {
    text-transform: uppercase
}

.ct-item-detail__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-item-detail__class-customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-item-detail__class-customize-item {
    margin-right: 15px
}

.ct-item-detail__class-customize .character-checkbox {
    vertical-align: top
}

.ct-item-detail__properties {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-item-detail__property {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-item-detail__property+.ct-item-detail__property {
    margin-top: 4px
}

.ct-item-detail__property-label {
    font-weight: bold;
    margin-right: 5px
}

.ct-item-detail__spell-damage {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-item-detail__spell-damage .ct-item-name {
    padding-right: 0
}

.ct-item-detail__spell-damage-group+.ct-item-detail__spell-damage-group {
    margin-top: 15px
}

.ct-item-detail__spell-damage-group-name {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-item-detail__spell-damage-group-source {
    margin-left: 5px;
    font-weight: normal;
    color: #838383
}

.ct-item-detail__spell-damage-group-restriction {
    color: #838383;
    font-size: 12px;
    display: block;
    margin-top: 2px;
    line-height: 1.2
}

.ct-item-detail__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    overflow-x: hidden
}

.ct-item-detail__description--plain {
    white-space: pre-wrap
}

.ct-item-detail__tags {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.ct-item-detail__tags-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-right: 5px;
    margin-top: 2px
}

.ct-item-detail__tags-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-item-detail__tag {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 4px 8px;
    border-radius: 1px;
    border: 1px solid #cbc6c3;
    background-color: #fff;
    box-shadow: inset 0 0 2px 0 #dcd1c7;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase
}

.ct-item-detail__versatile-damage {
    margin-left: 5px;
    color: #838383
}

.ct-item-detail__additional-damage {
    line-height: 1
}

.ct-item-detail__additional-damage-info {
    font-size: 10px;
    color: #838383;
    margin-left: 5px;
    line-height: 1
}

.ct-item-detail__full-image-img {
    max-width: 200px;
    margin: 15px auto;
    display: block
}

.ct-item-detail__actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.site .ct-item-detail__action {
    margin: 0 5px;
    min-width: 40px
}

.ct-item-name {
    font-style: italic;
    padding-right: 3px
}

.ct-item-name--rarity-common {
    color: #242528;
    font-style: normal;
    padding-right: 0
}

.ct-item-name--rarity-uncommon {
    color: #1FC219
}

.ct-item-name--rarity-rare {
    color: #4990E2
}

.ct-item-name--rarity-very-rare {
    color: #9810E0
}

.ct-item-name--rarity-legendary {
    color: #FEA227
}

.ct-item-name--rarity-artifact {
    color: #BE8972
}

.ct-item-name__icon {
    top: 1px;
    margin-left: 3px;
    margin-right: 0
}

.site .ct-link {
    color: #1C9AEF;
    cursor: pointer
}

.site .ct-link:hover,
.site .ct-link:active,
.site .ct-link:visited {
    color: #1C9AEF
}

.ct-manage-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.ct-manage-icon--interactive {
    cursor: pointer
}

.ct-manage-icon__icon {
    width: 16px;
    height: 16px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/gear-grey.svg");
    background-size: 16px 16px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    margin-left: 3px
}

.ct-manage-icon:hover .ct-manage-icon__icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/gear.svg")
}

.ct-manage-icon--edge-icon .ct-manage-icon__icon {
    position: absolute;
    left: 100%
}

.modal-collapsible {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #EDEAE8
}

.modal-collapsible-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.modal-collapsible-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modal-collapsible-trigger {
    min-width: 16px;
    height: 16px;
    width: 16px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat;
    background-size: cover;
    margin-left: 9px
}

.modal-collapsible-opened .modal-collapsible-trigger {
    background-position: -17px 0
}

.modal-collapsible-collapsed .modal-collapsible-trigger {
    background-position: 0 0
}

.natural-attack-detail-desc {
    padding-top: 20px;
    border-top: 1px solid #edeae8;
    overflow-x: hidden
}

.ct-no-proficiency-icon {
    width: 10px;
    height: 10px;
    border: 1px dotted #838383;
    background-color: #fff;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50%
}

.ct-no-proficiency-icon--modified {
    border-color: #1C9AEF
}

.ct-note-components__component--is-scaled {
    color: #1C9AEF
}

.ct-note-components__component .ct-disadvantage-icon {
    margin-top: -2px;
    vertical-align: middle
}

.ct-number-bar__option {
    font-weight: bold;
    padding: 2px 12px;
    text-align: center;
    margin: 0 2px;
    background: #eee;
    color: #838383
}

.ct-number-bar__option--interactive {
    cursor: pointer
}

.ct-number-bar__option:hover {
    background-color: #5d5d5d;
    color: #f2f2f2
}

.ct-number-bar__option:last-child {
    border-radius: 0 20px 20px 0
}

.ct-number-bar__option:first-child {
    border-radius: 20px 0 0 20px
}

.ct-number-bar__option--active {
    background-color: #C53131;
    color: #fff
}

.ct-number-bar__option--active:hover {
    background-color: #9c2727;
    color: #fff
}

.ct-number-bar__option--implied {
    background-color: #ebadad;
    color: #fff
}

.ct-number-bar__option--implied:hover {
    background-color: #e18484;
    color: #fff
}

.ct-proficiency-icon {
    width: 10px;
    height: 10px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/proficiency.svg?1") no-repeat;
    background-size: contain;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ct-proficiency-icon--modified {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/proficiency-modified.svg")
}

.ct-restore-life__actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.ct-restore-life__action+.ct-restore-life__action {
    margin-left: 10px
}

.ct-sidebar {
    position: fixed;
    top: 0;
    z-index: 60001;
    height: auto;
    bottom: 0;
    min-width: 320px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition: left 150ms, right 150ms, box-shadow 150ms
}

.ct-sidebar .exhaustion-levels {
    display: none
}

.ct-sidebar__sync-blocker {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.01)
}

.ct-sidebar__mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    opacity: 0;
    transition: opacity 150ms;
    background-color: #fff;
    pointer-events: none
}

.ct-sidebar__mask--visible {
    opacity: .9;
    pointer-events: all
}

.ct-sidebar__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #000
}

.ct-sidebar__controls {
    display: none
}

.ct-sidebar__control {
    width: 18px;
    height: 18px;
    background: center center transparent no-repeat;
    background-size: contain;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    opacity: .5
}

.ct-sidebar__control+.ct-sidebar__control {
    margin-left: 5px
}

.ct-sidebar__control:hover {
    opacity: .8
}

.ct-sidebar__control-group--lock {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-sidebar__control--expand {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/sidebar-left.svg")
}

.ct-sidebar__control--collapse {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/sidebar-right.svg")
}

.ct-sidebar__control--lock {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/lock.svg");
    width: 14px
}

.ct-sidebar__control--unlock {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/unlock.svg");
    width: 14px
}

.ct-sidebar__control--fixed {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/fixed.svg")
}

.ct-sidebar__control--fixed-unselected {
    opacity: .2
}

.ct-sidebar__control--overlay {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/overlay.svg")
}

.ct-sidebar__control--overlay-unselected {
    opacity: .2
}

.ct-sidebar__control--left {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/align-left.svg")
}

.ct-sidebar__control--left-unselected {
    opacity: .2
}

.ct-sidebar__control--right {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/align-right.svg")
}

.ct-sidebar__control--right-unselected {
    opacity: .2
}

.ct-sidebar--hidden .ct-sidebar__controls {
    display: none
}

.ct-sidebar--left .ct-sidebar__controls {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ct-sidebar--right .ct-sidebar__control-group {
    margin-left: 11px
}

.ct-sidebar--right .ct-sidebar__control-group:first-child {
    margin-left: 0
}

.ct-sidebar--left .ct-sidebar__control--expand {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/sidebar-right.svg")
}

.ct-sidebar--left .ct-sidebar__control--collapse {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/sidebar-left.svg")
}

.ct-sidebar--left .ct-sidebar__control-group {
    margin-left: 11px
}

.ct-sidebar--left .ct-sidebar__control-group:last-child {
    margin-left: 0
}

.ct-sidebar--left .ct-sidebar__control-group--visibility {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.ct-sidebar--left .ct-sidebar__control-group--lock {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.ct-sidebar--left .ct-sidebar__control-group--placement {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.ct-sidebar--left .ct-sidebar__control-group-alignment {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.ct-sidebar__header {
    margin-bottom: 10px
}

.ct-sidebar__header-primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-sidebar__header-preview {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-width: 0
}

.ct-sidebar__header-preview-image {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 32px;
    height: 32px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    background: transparent center center no-repeat;
    background-size: cover;
    margin-right: 5px;
    border: 1px solid #d8d8d8;
    border-radius: 3px
}

.ct-sidebar__header-callout {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-width: 0
}

.ct-sidebar__heading {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    line-height: 1.2
}

.ct-sidebar__subheading {
    margin: 10px 0;
    font-weight: bold;
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase
}

.ct-sidebar__pane {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-sidebar__pane-gap {
    border-left: 3px solid #C53131;
    background: #fff;
    height: 10px
}

.ct-sidebar__pane-content {
    border-left: 3px solid #C53131;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    padding: 0 10px 55px;
    overflow-y: auto;
    min-width: 320px
}

.ct-sidebar__pane-default {
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    max-width: 210px;
    margin: 0 auto;
    font-size: 15px
}

.ct-sidebar__pane-controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-sidebar__pane-control {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #838383;
    cursor: pointer
}

.ct-sidebar__pane-control::after,
.ct-sidebar__pane-control::before {
    width: 18px;
    height: 14px;
    background: center center transparent no-repeat;
    background-size: contain;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ct-sidebar__pane-control+.ct-sidebar__pane-control {
    margin-left: 30px
}

.ct-sidebar__pane-control-label {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold
}

.ct-sidebar__pane-control--prev::before {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/pane-left.svg")
}

.ct-sidebar__pane-control--prev-disabled {
    color: #d8d8d8;
    cursor: default
}

.ct-sidebar__pane-control--prev-disabled::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/pane-left-disabled.svg")
}

.ct-sidebar__pane-control--next::after {
    content: '';
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/pane-right.svg")
}

.ct-sidebar__pane-control--next-disabled {
    color: #d8d8d8;
    cursor: default
}

.ct-sidebar__pane-control--next-disabled::after {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/pane-right-disabled.svg")
}

.ct-sidebar ul {
    list-style: disc;
    padding-left: 30px;
    margin-top: 1em;
    margin-bottom: 1em
}

.ct-sidebar h1 {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-sidebar h2 {
    font-size: 1.5em;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-sidebar h3 {
    font-size: 1.17em;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-sidebar h4,
.ct-sidebar h5,
.ct-sidebar h6 {
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-sidebar table {
    border-collapse: collapse;
    margin: 20px 0;
    border: 1px solid #edeae8
}

.ct-sidebar th,
.ct-sidebar td {
    border: 1px solid #edeae8
}

.ct-sidebar th.left-align,
.ct-sidebar td.left-align {
    text-align: left
}

.ct-sidebar th.uppercase,
.ct-sidebar td.uppercase {
    text-transform: uppercase
}

.ct-sidebar td {
    text-align: center;
    padding: 5px 10px;
    background-color: #fff
}

.ct-sidebar td p {
    margin: 0
}

.ct-sidebar tr:nth-child(odd) td {
    background: #faf8f7
}

.ct-sidebar thead th,
.ct-sidebar thead td {
    font-size: 14px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    padding: 5px 10px;
    line-height: 1.3;
    border-bottom: 3px solid #d0cac5;
    text-align: center;
    background-color: #fff;
    color: #242527
}

.ct-sidebar .summoning-creatures-table th:nth-child(1),
.ct-sidebar .compendium-left-aligned-table th:nth-child(1) {
    width: auto!important
}

.ct-sidebar .summoning-creatures-table td,
.ct-sidebar .compendium-left-aligned-table td {
    text-align: left!important;
    padding: 8px 20px!important
}

.ct-sidebar .summoning-creatures-table td:nth-child(1),
.ct-sidebar .compendium-left-aligned-table td:nth-child(1) {
    vertical-align: middle!important;
    padding: 5px 10px!important;
    line-height: 1.3!important
}

.ct-sidebar .line {
    background-color: #eaeaea;
    margin: 15px 0
}

.ct-sidebar blockquote {
    font-size: 13px!important;
    padding: 10px
}

@media(max-width:1199px) {
    .ct-sidebar__pane-controls {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px
    }
}

@media(min-width:340px) {
    .ct-sidebar {
        min-width: 340px
    }
    .ct-sidebar__pane-content {
        min-width: 340px
    }
}

@media(min-width:768px) {
    .ct-sidebar {
        box-shadow: 0 0 10px #242424
    }
    .ct-sidebar__mask {
        display: none
    }
    .ct-sidebar--hidden {
        box-shadow: 0 0 0 transparent
    }
}

@media(min-width:1024px) {
    .ct-sidebar {
        z-index: 40001
    }
    .ct-sidebar__pane-content {
        padding-bottom: 0
    }
}

@media(min-width:1200px) {
    .ct-sidebar {
        position: absolute;
        top: 120px;
        bottom: auto;
        height: 927px;
        z-index: 11;
        box-shadow: none
    }
    .ct-sidebar__mask {
        display: none
    }
    .ct-sidebar--hidden {
        min-width: 25px
    }
    .ct-sidebar--right.ct-sidebar--hidden {
        right: 0!important
    }
    .ct-sidebar--left.ct-sidebar--hidden {
        left: 0!important
    }
    .ct-sidebar__controls {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        line-height: 1;
        margin: 5px 15px 5px
    }
    .ct-sidebar__pane-top,
    .ct-sidebar__pane-bottom {
        min-height: 18px;
        background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/sidebar-cap.svg") no-repeat;
        background-size: 100% 18px
    }
    .ct-sidebar__pane-bottom {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .ct-sidebar__pane-content {
        border-right: 3px solid #C53131
    }
    .ct-sidebar__pane-gap {
        border-right: 3px solid #C53131
    }
    .ct-sidebar__pane-controls {
        position: absolute;
        left: 50%;
        top: 10px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .ct-sidebar__pane-control+.ct-sidebar__pane-control {
        margin-left: 70px
    }
    .ct-sidebar--hidden .ct-sidebar__controls {
        display: block;
        margin: 5px 0
    }
}

@media(min-width:1200px) {
    .ct-sidebar {
        height: 966px
    }
}

.ct-signed-number {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top
}

.ct-signed-number__sign {
    font-size: 12px;
    color: #838383;
    margin-right: 1px
}

.ct-signed-number--large {
    position: relative
}

.ct-signed-number--large .ct-signed-number__sign {
    font-size: 20px;
    position: absolute;
    right: 100%
}

.ct-signed-number--modified {
    color: #1C9AEF
}

.ct-simple-quantity {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.ct-simple-quantity__label {
    font-weight: bold;
    margin-right: 5px
}

.ct-simple-quantity__controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-simple-quantity .ct-simple-quantity__input {
    width: 60px;
    margin: 0 3px;
    padding-right: 0;
    text-align: center
}

.ct-slot-manager-large {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.ct-slot-manager-large__label {
    margin-right: 5px
}

.ct-slot-manager-large__values {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-slot-manager-large__value {
    font-weight: bold;
    position: relative;
    margin: 0 3px;
    line-height: 1;
    min-width: 28px;
    text-align: center
}

.ct-slot-manager-large__value-control-use {
    margin-right: 10px
}

.ct-slot-manager-large__value-control-gain {
    margin-left: 10px
}

.ct-slot-manager-large__values--use .ct-slot-manager-large__value--cur {
    color: #D24040
}

.ct-slot-manager-large__values--gain .ct-slot-manager-large__value--cur {
    color: #40D250
}

.ct-slot-manager-large__diff {
    position: relative;
    margin-left: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-slot-manager-large__diff-actions {
    margin-left: 10px
}

.ct-slot-manager-large__diff-action+.ct-slot-manager-large__diff-action {
    margin-left: 5px
}

.ct-slot-manager {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-slot-manager__slot {
    height: 25px;
    width: 25px;
    min-width: 25px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: inset 0 0 4px 0 #d8d8d8;
    margin: 4px
}

.ct-slot-manager__slot--interactive {
    cursor: pointer
}

.ct-slot-manager__slot--used::before {
    content: "";
    display: block;
    height: 13px;
    width: 13px;
    margin: 5px auto 0;
    background: #C53131
}

.ct-slot-manager--size-small .ct-slot-manager__slot {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin: 2px
}

.ct-slot-manager--size-small .ct-slot-manager__slot--used::before {
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    margin-top: 4px
}

.ct-snippet__tag {
    font-weight: bold
}

.ct-snippet__tag--error {
    background-color: darkred;
    color: #fff;
    padding: 0 5px
}

.ct-snippet p {
    margin: 5px 0!important
}

.ct-snippet p:first-child {
    margin-top: 0
}

.ct-spell-manager__loading {
    margin: 10px 0;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-spell-manager__loading-icon {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 40px;
    height: 50px;
    width: 100%
}

.ct-spell-manager__spell+.ct-spell-manager__spell {
    margin-top: 5px
}

.ct-spell-manager__spell-always {
    font-size: 8px;
    color: #C53131;
    text-transform: uppercase;
    max-width: 47px;
    text-align: center;
    line-height: 1.2
}

.ct-spell-manager__spell>.ct-collapsible__content {
    border: 1px solid #fff;
    padding: 10px;
    margin-top: 5px;
    background: #f9f9f9;
    box-shadow: 0 0 0 1px #e0e0e0;
    margin-bottom: 15px
}

.ct-spell-manager__spell .ct-theme-button {
    width: 47px
}

.ct-spell-manager__filter {
    margin: 10px 0
}

.ct-spell-manager__filter-heading {
    font-weight: bold;
    font-size: 14px
}

.ct-spell-manager__filter-levels {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-spell-manager__filter-level {
    margin-right: 5px;
    margin-bottom: 5px
}

.ct-spell-manager__filter-level-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-spell-manager__filter-level-ordinal {
    font-size: 7px;
    line-height: 1;
    margin-top: 1px
}

.ct-spell-manager__filter-level .ct-theme-button {
    min-width: 30px
}

.ct-spell-name {
    font-style: italic
}

.ct-spell-name__expanded {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: #838383;
    font-style: normal;
    font-weight: bold;
    border: 2px solid #838383;
    border-radius: 50%;
    margin-right: 5px
}

.ct-spell-name__customized {
    color: #D24040;
    margin-left: 2px
}

.ct-spell-name__icon {
    width: 12px;
    height: 12px;
    margin-left: 3px;
    margin-right: 0
}

.ct-spell-name__icon--ritual {
    top: 0;
    width: 11px;
    height: 11px
}

.ct-spell-name__level {
    font-style: normal;
    margin-left: 3px;
    color: #838383
}

.ct-spell-slot-manager__group+.ct-spell-slot-manager__group {
    margin-top: 5px
}

.ct-spell-slot-manager__group-summary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    padding-right: 5px
}

.ct-spell-slot-manager__group-level {
    padding: 0 2px
}

.ct-spell-slot-manager__group-level-name {
    font-size: 8px
}

.ct-spell-slot-manager__group-level-available {
    font-size: 10px;
    font-weight: bold
}

.ct-spell-slot-manager__levels {
    padding: 10px
}

.ct-spell-slot-manager__level {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-spell-slot-manager__level+.ct-spell-slot-manager__level {
    margin-top: 6px
}

.ct-spell-slot-manager__level-name {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.starting-equipment .ct-select {
    height: 40px
}

.starting-equipment-ui {
    margin: 20px 0
}

.starting-equipment-choices {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px
}

.starting-equipment-choices-label {
    font-size: 14px;
    text-align: center
}

.starting-equipment-choice {
    cursor: pointer
}

.starting-equipment-choice+.starting-equipment-choice {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #333
}

.starting-equipment-choice-sep {
    padding: 0 10px;
    font-weight: normal;
    font-size: 12px
}

.starting-equipment-choice-active {
    color: #1C9AEF
}

.starting-equipment-slot {
    margin-bottom: 5px
}

.starting-equipment-rule-slots {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px
}

.starting-equipment-rule-slot {
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer
}

.starting-equipment-rule-slot+.starting-equipment-rule-slot {
    border-top: 1px dotted #f2f2f2
}

.starting-equipment-rule-slot+.starting-equipment-rule-slot::before {
    content: "or";
    position: absolute;
    top: -11px;
    left: 33px;
    color: #979a9e;
    background: #fff;
    line-height: 1;
    padding: 5px;
    text-transform: uppercase;
    font-size: 11px
}

.starting-equipment-rule-slot-selection {
    position: relative;
    font-weight: bold;
    padding-right: 7px;
    line-height: 1;
    min-width: 27px
}

.starting-equipment-rule-slot-identifier {
    font-weight: bold;
    margin-right: 8px
}

.starting-equipment-rule-slot-selected .starting-equipment-rule-slot-name {
    font-weight: bold
}

.starting-equipment-rule-slot-inactive {
    background: #f2f2f2;
    color: #aaa
}

.starting-equipment-rule-slot-disabled {
    cursor: default
}

.starting-equipment-rule-slot-instruction {
    cursor: default
}

.starting-equipment-rule {
    margin-top: 5px
}

.starting-equipment-rule-content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.4
}

.starting-equipment-custom-add {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f2f2f2;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 10px
}

.starting-equipment-custom-add-label {
    font-size: 12px
}

.starting-equipment-packs {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f2f2f2;
    line-height: 1.3;
    font-size: 12px
}

.starting-equipment-pack+.starting-equipment-pack {
    margin-top: 10px
}

.starting-equipment-pack-name {
    font-weight: bold
}

.starting-equipment-requirements-missing {
    margin: 20px 0;
    text-align: center
}

.starting-equipment-disabled-message {
    font-size: 12px;
    color: red
}

.starting-equipment-gear-actions {
    text-align: center;
    margin-top: 15px
}

.starting-equipment-gear-actions .character-button {
    margin-right: 15px
}

.starting-equipment-gear-actions .character-button:last-child {
    margin-right: 0
}

.starting-equipment-gear-actions .ct-link {
    vertical-align: middle;
    font-size: 13px
}

.starting-equipment-gold {
    text-align: center
}

.starting-equipment-gold-explanation {
    margin: 15px 0;
    font-weight: bold
}

.starting-equipment-gold-entry {
    margin: 20px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.starting-equipment-gold-entry .ct-select {
    width: 80px;
    max-width: none
}

.starting-equipment-gold-entry-actions {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.starting-equipment-gold-entry-input {
    padding: 0 10px
}

.starting-equipment-gold-entry-total {
    padding-left: 5px
}

.starting-equipment-loading {
    margin: 10px 0;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.starting-equipment-loading-icon {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 40px;
    height: 50px;
    width: 100%
}

@media(min-width:768px) {
    .starting-equipment .ct-select {
        max-width: 50%
    }
    .starting-equipment-gold-entry .ct-select {
        max-width: none
    }
}

.ct-suggestions-table .ct-suggestions-table__table {
    margin-top: 10px
}

.ct-suggestions-table__col--action {
    text-align: center
}

.ct-tab-options__nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 3px solid #d8d8d8;
    padding-bottom: 4px;
    margin-bottom: 5px
}

.ct-tab-options__nav--no-border {
    border-bottom: 0;
    padding-bottom: 0
}

.ct-tab-options--layout-standard .ct-tab-options__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    cursor: pointer;
    color: #838383;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    border-right: 1px solid #C53131;
    margin-right: 8px;
    padding-right: 8px
}

.ct-tab-options--layout-standard .ct-tab-options__header:hover {
    color: #5d5d5d
}

.ct-tab-options--layout-standard .ct-tab-options__header:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0
}

.ct-tab-options--layout-standard .ct-tab-options__header--active {
    color: #C53131
}

.ct-tab-options--layout-standard .ct-tab-options__header--active:hover {
    color: #9c2727
}

.ct-tab-options--layout-pill .ct-tab-options__nav {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.ct-tab-options--layout-pill .ct-tab-options__nav--no-border {
    padding-bottom: 0
}

.ct-tab-options--layout-pill .ct-tab-options__header:first-child {
    margin-left: 0
}

.ct-tab-options--layout-pill .ct-tab-options__header:last-child {
    margin-right: 0
}

.ct-tab-options--layout-pill .ct-tab-options__header-heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    cursor: pointer;
    color: #838383;
    line-height: 1;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #f2f2f2;
    margin: 3px 2px;
    border-radius: 3px;
    padding: 5px 7px;
    white-space: nowrap
}

.ct-tab-options--layout-pill .ct-tab-options__header-heading:hover {
    background-color: #5d5d5d;
    color: #f2f2f2
}

.ct-tab-options--layout-pill .ct-tab-options__header-heading--active {
    color: #fff;
    background-color: #C53131
}

.ct-tab-options--layout-pill .ct-tab-options__header-heading--active:hover {
    color: #fff;
    background-color: #9c2727
}

.site .ct-button.ct-theme-button {
    cursor: default
}

.site .ct-button.ct-theme-button--interactive {
    cursor: pointer
}

.site .ct-button.ct-theme-button--block {
    width: 100%
}

.site .ct-button.ct-theme-button--filled {
    background-color: #C53131;
    color: #fff
}

.site .ct-button.ct-theme-button--filled:focus {
    background-color: #C53131;
    box-shadow: 0 0 3px 1px rgba(115, 29, 29, 0.2)
}

.site .ct-button.ct-theme-button--filled:hover,
.site .ct-button.ct-theme-button--filled:active {
    color: #fff;
    background-color: #9c2727;
    box-shadow: 0 0 10px 2px #731d1d inset
}

.site .ct-button.ct-theme-button--filled:disabled {
    opacity: 1;
    color: #777;
    background-color: #eaeaea
}

.site .ct-button.ct-theme-button--filled:disabled:hover,
.site .ct-button.ct-theme-button--filled:disabled:focus,
.site .ct-button.ct-theme-button--filled:disabled:visited,
.site .ct-button.ct-theme-button--filled:disabled:active {
    color: #777;
    background-color: #eaeaea;
    box-shadow: none
}

.site .ct-button.ct-theme-button--outline {
    background-color: #fff;
    border-color: #C53131;
    color: #C53131
}

.site .ct-button.ct-theme-button--outline:focus,
.site .ct-button.ct-theme-button--outline:hover,
.site .ct-button.ct-theme-button--outline:active {
    color: #C53131;
    background-color: #fff;
    box-shadow: 0 0 2px #e6e6e6
}

.site .ct-button.ct-theme-button--outline:disabled {
    border-color: #eaeaea;
    color: #aaa;
    background-color: #f9f9f9
}

.site .ct-theme-link {
    color: #C53131;
    cursor: pointer
}

.site .ct-theme-link:hover,
.site .ct-theme-link:active,
.site .ct-theme-link:visited {
    color: #C53131
}

.ct-todo-icon {
    background: #1C9AEF;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    z-index: 3;
    color: #fff;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold
}

.ct-toggle-field {
    position: relative;
    border-radius: 10px;
    height: 14px;
    width: 30px
}

.ct-toggle-field__nub {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -3px
}

.ct-toggle-field--enabled {
    background-color: #ebadad
}

.ct-toggle-field--enabled .ct-toggle-field__nub {
    background-color: #C53131;
    right: -2px
}

.ct-toggle-field--disabled {
    background-color: #bbb
}

.ct-toggle-field--disabled .ct-toggle-field__nub {
    background-color: #eee;
    left: -2px
}

.ct-toggle-field--interactive {
    cursor: pointer
}

.ct-tooltip {
    cursor: default
}

.ct-tooltip--interactive {
    cursor: pointer
}

.ct-twice-proficiency-icon {
    width: 10px;
    height: 10px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.ct-twice-proficiency-icon__inner {
    width: 17px;
    height: 17px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/proficiency-double.svg") no-repeat;
    background-size: contain;
    position: absolute;
    left: -3px;
    top: -3px
}

.ct-twice-proficiency-icon--modified .ct-twice-proficiency-icon__inner {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/proficiency-double-modified.svg")
}

.ct-weight-number__label {
    font-size: 10px;
    color: #838383;
    margin-left: 3px
}

.ct-weight-number--large {
    position: relative
}

.ct-weight-number--large .ct-weight-number__label {
    font-size: 16px;
    position: absolute;
    bottom: 2px
}

.ct-character-tools__marketplace-callout {
    margin-top: 1em;
    margin-bottom: 1em
}

.ct-ability-pane__modifier {
    font-size: 14px;
    font-weight: normal;
    font-family: Roboto, Helvetica, sans-serif;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    margin-left: 5px
}

.ct-ability-pane__modifier .ct-signed-number {
    vertical-align: middle
}

.ct-ability-pane__icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 32px;
    height: 32px;
    background: transparent center center no-repeat;
    background-size: contain;
    margin-right: 5px
}

.ct-ability-pane__icon--charisma {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/charisma.svg")
}

.ct-ability-pane__icon--dexterity {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/dexterity.svg")
}

.ct-ability-pane__icon--strength {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/strength.svg")
}

.ct-ability-pane__icon--constitution {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/constitution.svg")
}

.ct-ability-pane__icon--intelligence {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/intelligence.svg")
}

.ct-ability-pane__icon--wisdom {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/wisdom.svg")
}

.ct-ability-pane__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-ability-saving-throws-pane__modifier {
    margin-left: 5px
}

.ct-ability-saving-throws-pane__icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 32px;
    height: 32px;
    background: transparent center center no-repeat;
    background-size: contain;
    margin-right: 5px
}

.ct-ability-saving-throws-pane__icon--charisma {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/charisma.svg")
}

.ct-ability-saving-throws-pane__icon--dexterity {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/dexterity.svg")
}

.ct-ability-saving-throws-pane__icon--strength {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/strength.svg")
}

.ct-ability-saving-throws-pane__icon--constitution {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/constitution.svg")
}

.ct-ability-saving-throws-pane__icon--intelligence {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/intelligence.svg")
}

.ct-ability-saving-throws-pane__icon--wisdom {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/wisdom.svg")
}

.ct-ability-saving-throws-pane__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-ability-saving-throws-pane__situational {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-ability-saving-throws-pane__situational-bonus {
    margin-top: 8px
}

.ct-ability-saving-throws-pane__situational-bonus-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: transparent no-repeat center center;
    background-size: contain;
    margin-right: 2px;
    margin-top: -2px
}

.ct-ability-saving-throws-pane__situational-bonus-icon--advantage {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/advantage-icon.svg")
}

.ct-ability-saving-throws-pane__situational-bonus-icon--disadvantage {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/disadvantage-icon.svg")
}

.ct-ability-saving-throws-pane__situational-bonus-icon--bonus-pos {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/savingthrow-positive-icon.svg")
}

.ct-ability-saving-throws-pane__situational-bonus-icon--bonus-neg {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/savingthrow-negative-icon.svg")
}

.ct-ability-saving-throws-pane__situational-bonus-value {
    font-weight: bold
}

.ct-ability-saving-throws-pane__situational-bonus-restriction {
    margin-left: 5px
}

.ct-ability-saving-throws-pane__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-armor-manage-pane__heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px
}

.ct-armor-manage-pane__heading-extra {
    color: #838383;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    text-transform: none;
    font-family: Roboto, Helvetica, sans-serif
}

.ct-armor-manage-pane__items {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    margin-bottom: 10px
}

.ct-armor-manage-pane__items--overridden {
    opacity: .4
}

.ct-armor-manage-pane__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-armor-manage-pane__item+.ct-armor-manage-pane__item {
    margin-top: 10px
}

.ct-armor-manage-pane__item-value {
    width: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold
}

.ct-armor-manage-pane__item-icon {
    vertical-align: top
}

.ct-armor-manage-pane__item-label {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-armor-manage-pane__item-label-source {
    margin-left: 5px;
    color: #838383
}

.ct-armor-manage-pane__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-armor-manage-pane__customize-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold
}

.ct-armor-manage-pane__customize-header-label {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-armor-manage-pane__customize-header-value {
    padding: 0 5px;
    width: 50px
}

.ct-armor-manage-pane__customize-header-source {
    width: 160px
}

.ct-armor-manage-pane__customize-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 0
}

.ct-armor-manage-pane__customize-item-label {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-armor-manage-pane__customize-item-value {
    padding: 0 5px
}

.ct-armor-manage-pane__customize-item-value .ct-armor-manage-pane__customize-item-value-input {
    width: 50px
}

.ct-armor-manage-pane__customize-item-source .ct-armor-manage-pane__customize-item-source-input {
    width: 160px
}

.ct-armor-manage-pane__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-armor-manage-pane .ct-item-name {
    padding-right: 0
}

.ct-backdrop-pane__group+.ct-backdrop-pane__group {
    margin-top: 20px
}

.ct-backdrop-pane__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-backdrop-pane__item {
    overflow: hidden;
    width: 25%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px
}

.ct-backdrop-pane__item-inner {
    margin: 5px;
    border-radius: 3px;
    cursor: pointer
}

.ct-backdrop-pane__item .LazyLoad,
.ct-backdrop-pane__item-img {
    width: 60px;
    height: 60px;
    border-radius: 3px
}

.ct-backdrop-pane__item-img {
    -webkit-filter: grayscale(0.8);
    filter: grayscale(0.8)
}

.ct-backdrop-pane__item-label {
    font-size: 12px;
    text-align: center;
    padding: 0 5px;
    line-height: 1.2
}

.ct-backdrop-pane__item--current .ct-backdrop-pane__item-inner {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8), 0 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 5px #1C9AEF;
    position: relative
}

.ct-backdrop-pane__item--current .ct-backdrop-pane__item-inner::after {
    content: "Current";
    background: #1C9AEF;
    color: #fff;
    font-size: 10px;
    position: absolute;
    bottom: -2px;
    left: -2px;
    right: -2px;
    padding-top: 2px;
    text-align: center;
    line-height: 1
}

.ct-backdrop-pane__item--current .ct-backdrop-pane__item-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.ct-backdrop-pane__item--current .ct-backdrop-pane__item-label {
    font-weight: bold
}

.ct-backdrop-pane .LazyLoad {
    background: #333 center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 35px;
    -webkit-filter: none;
    filter: none
}

.ct-backdrop-pane .LazyLoad.is-visible {
    background: 0
}

@media(min-width:330px) {
    .ct-backdrop-pane__frame-inner {
        height: 70px;
        width: 70px
    }
    .ct-backdrop-pane__frame .LazyLoad,
    .ct-backdrop-pane__frame-img {
        width: 70px;
        height: 70px
    }
}

@media(min-width:426px) {
    .ct-backdrop-pane__frame {
        width: 33.33333%
    }
}

.ct-background-pane__data {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea
}

.ct-background-pane__data-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-background-pane__data-choices {
    border-left: 3px solid #d8d8d8;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 4px;
    margin-top: 5px;
    margin-bottom: 5px
}

.ct-background-pane__description--custom {
    white-space: pre-wrap
}

.ct-campaign-pane__name {
    font-size: 16px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-campaign-pane__name-link:hover {
    text-decoration: underline
}

.ct-campaign-pane__dm {
    margin-top: 10px
}

.ct-campaign-pane__dm-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 5px
}

.ct-campaign-pane__characters {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-campaign-pane__character {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-campaign-pane__character+.ct-campaign-pane__character {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eaeaea
}

.ct-campaign-pane__character-preview {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 40px;
    height: 40px;
    background-size: cover;
    border-radius: 3px;
    border: 2px solid #C53131
}

.ct-campaign-pane__character-preview--none {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/characters/default-avatar-builder.png")
}

.ct-campaign-pane__character-content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    line-height: 1
}

.ct-campaign-pane__character-name {
    font-size: 18px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-campaign-pane__character-name-link:hover {
    text-decoration: underline
}

.ct-campaign-pane__character-user {
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-campaign-pane__character--active .ct-campaign-pane__character-name {
    color: #C53131
}

.ct-campaign-pane__character--active .ct-campaign-pane__character-name-link {
    color: #C53131
}

.ct-campaign-pane__character--active .ct-campaign-pane__character-name-link:hover,
.ct-campaign-pane__character--active .ct-campaign-pane__character-name-link:active,
.ct-campaign-pane__character--active .ct-campaign-pane__character-name-link:visited {
    color: #C53131
}

.ct-condition-manage-pane__condition {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.ct-condition-manage-pane__condition--special {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-condition-manage-pane__condition-heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 5px
}

.ct-condition-manage-pane__condition-name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px
}

.ct-condition-manage-pane__condition-preview {
    margin-right: 10px
}

.ct-condition-manage-pane__condition-icon {
    vertical-align: top;
    margin-right: 0;
    opacity: .2
}

.ct-condition-manage-pane__condition-content {
    border: 1px solid #fff;
    padding: 10px;
    margin-top: 5px;
    background: #f9f9f9;
    box-shadow: 0 0 0 1px #e0e0e0;
    margin-top: 5px;
    margin-bottom: 15px
}

.ct-condition-manage-pane__condition-description-table td {
    vertical-align: middle
}

.ct-condition-manage-pane__condition-description-slot .ct-slot-manager {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-condition-manage-pane__condition-description-slot--implied .ct-slot-manager__slot--used::before {
    opacity: .5
}

.ct-condition-manage-pane__condition-description-slot--interactive {
    cursor: pointer
}

.ct-condition-manage-pane__condition--active .ct-condition-manage-pane__condition-name,
.ct-condition-manage-pane__condition--active .ct-condition-manage-pane__condition-level {
    font-weight: bold
}

.ct-condition-manage-pane__condition--active .ct-condition-manage-pane__condition-icon {
    opacity: 1
}

.ct-creature-manage-pane__loading {
    margin: 10px 0;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-creature-manage-pane__loading-icon {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 40px;
    height: 50px;
    width: 100%
}

.ct-creature-manage-pane__manager {
    margin: 15px 0
}

.ct-creature-manage-pane__selected-group {
    margin-bottom: 10px
}

.ct-creature-manage-pane__selected-group-content {
    margin-top: 10px
}

.ct-creature-manage-pane__selected-group-rules {
    margin-top: 10px
}

.ct-creature-manage-pane__selected-group-warning {
    margin: 10px 0;
    font-style: italic
}

.ct-creature-manage-pane__filters {
    margin-bottom: 15px
}

.ct-creature-manage-pane__filters-challenge {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.ct-creature-manage-pane__filters-challenge-heading {
    font-weight: bold;
    margin-right: 10px
}

.ct-creature-manage-pane__filters-challenge-fields {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-creature-manage-pane__filters-challenge-sep {
    margin: 0 10px
}

.ct-creature-manage-pane__filter-heading {
    font-weight: bold;
    font-size: 14px
}

.ct-creature-manage-pane__creatures {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #eaeaea
}

.ct-creature-manage-pane__creatures .ct-creature-block {
    margin: 10px 0
}

.ct-creature-manage-pane__creature {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #eaeaea
}

.ct-creature-manage-pane__creature:first-child {
    border-top: 0
}

.ct-creature-manage-pane__pager {
    margin-top: 15px
}

.ct-creature-manage-pane__inventory {
    margin: 15px 0
}

.ct-creature-manage-pane__inventory .ct-creature-block {
    margin: 10px 0
}

.ct-creature-manage-pane__default {
    color: #838383;
    text-align: center
}

.ct-creature-manage-pane__quantity {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px
}

.ct-creature-manage-pane__quantity-action {
    margin-left: 10px
}

.ct-creature-manage-pane__quantity .ct-simple-quantity {
    margin-bottom: 0
}

.ct-creature-manage-pane__group {
    margin-bottom: 25px
}

.ct-creature-manage-pane__group:last-child {
    margin-bottom: 0
}

.ct-creature-manage-pane__group-heading {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #C53131;
    text-transform: uppercase;
    border-bottom: 1px solid #eaeaea
}

.ct-creature-pane__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-creature-pane__customize .ct-customize-data-editor__properties {
    border-bottom: 0;
    padding-bottom: 3px
}

.ct-creature-pane__customize .ct-value-editor {
    border-top: 0;
    padding-top: 0
}

.ct-creature-pane__customize .ct-value-editor__property--text {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-creature-pane__customize .ct-value-editor__property--text .ct-value-editor__property-label {
    width: auto;
    margin-left: 5px;
    margin-bottom: 0;
    margin-right: 5px;
    font-size: 10px
}

.ct-creature-pane__adjuster {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #eaeaea
}

.ct-creature-pane__adjuster-summary-sep {
    margin: 0 5px
}

.ct-creature-pane__adjuster-groups {
    margin: 10px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-creature-pane__adjuster-group {
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-creature-pane__adjuster-group-label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px
}

.ct-creature-pane__adjuster-group-value {
    font-size: 28px
}

.ct-creature-pane__adjuster-group-input[type=number] {
    max-width: 50px;
    vertical-align: top;
    margin-top: 4px;
    text-align: center;
    font-size: 14px;
    padding: 0 5px;
    line-height: 28px;
    border-radius: 0
}

.ct-creature-pane__adjuster--has-temp .ct-creature-pane__adjuster-summary-value {
    color: #96bf6b
}

.ct-creature-pane__adjuster .ct-health-adjuster {
    margin: 15px 0
}

.ct-creature-pane__adjuster .ct-collapsible__header-callout-extra {
    font-size: 13px;
    font-weight: bold
}

.ct-creature-pane__block {
    margin-top: 15px
}

.ct-creature-pane__full-image-img {
    max-width: 300px;
    margin: 15px auto;
    display: block
}

.ct-creature-pane__tags {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.ct-creature-pane__tags-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-right: 5px;
    margin-top: 2px
}

.ct-creature-pane__tags-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-creature-pane__tag {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 4px 8px;
    border-radius: 1px;
    border: 1px solid #cbc6c3;
    background-color: #fff;
    box-shadow: inset 0 0 2px 0 #dcd1c7;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase
}

.ct-creature-pane__description {
    margin: 10px 0
}

.ct-creature-pane__actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-currency-pane__total {
    margin: 10px 0 15px;
    text-align: center
}

.ct-currency-pane__total-heading {
    color: #838383;
    font-size: 11px
}

.ct-currency-pane__total-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-currency-pane__total-icon {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/currency-sprite.png") no-repeat;
    background-position: -21px 0;
    background-size: auto 20px;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.ct-currency-pane__total-count {
    font-size: 20px;
    font-weight: bold;
    font-family: Roboto, Helvetica, sans-serif;
    line-height: 1.1
}

.ct-currency-pane__icon {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/currency-sprite.png") no-repeat;
    background-size: auto 24px;
    width: 24px;
    height: 24px
}

.ct-currency-pane__icon--platinum {
    background-position: 0 0
}

.ct-currency-pane__icon--gold {
    background-position: -25px 0
}

.ct-currency-pane__icon--electrum {
    background-position: -50px 0
}

.ct-currency-pane__icon--silver {
    background-position: -75px 0
}

.ct-currency-pane__icon--copper {
    background-position: -100px 0
}

.ct-currency-pane__currency {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0
}

.ct-currency-pane__currency+.ct-currency-pane__currency {
    border-top: 1px dotted #eaeaea
}

.ct-currency-pane__currency-icon {
    margin-right: 10px
}

.ct-currency-pane__currency-info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    line-height: 1
}

.ct-currency-pane__currency-name {
    font-size: 15px;
    font-weight: bold;
    font-family: Roboto, Helvetica, sans-serif;
    line-height: 1.1
}

.ct-currency-pane__currency-conversion {
    color: #838383;
    font-size: 10px;
    font-family: Roboto, Helvetica, sans-serif;
    text-transform: uppercase
}

.ct-currency-pane__currency-value-input[type=number] {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 28px;
    font-size: 15px;
    width: 100px
}

.ct-currency-pane__adjuster {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-currency-pane__adjuster .ct-sidebar__subheading {
    margin-top: 0
}

.ct-currency-pane__adjuster-types {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-currency-pane__adjuster-type {
    margin-right: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-currency-pane__adjuster-type:last-child {
    margin-right: 0
}

.ct-currency-pane__adjuster-type-value {
    margin-top: 5px
}

.ct-currency-pane__adjuster-type-value-input[type=number] {
    width: 100%;
    text-align: center
}

.ct-currency-pane__adjuster-type-name {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-top: 3px;
    color: #838383
}

.ct-currency-pane__adjuster-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0
}

.ct-currency-pane__adjuster-action {
    margin: 0 5px
}

.ct-currency-pane__adjuster-action .ct-button {
    min-width: 60px
}

.ct-currency-pane__adjuster-action--positive .ct-button {
    background-color: #40D250
}

.ct-currency-pane__adjuster-action--positive .ct-button:hover,
.ct-currency-pane__adjuster-action--positive .ct-button:active,
.ct-currency-pane__adjuster-action--positive .ct-button:focus {
    background-color: #2bb43a;
    box-shadow: 0 0 10px 2px #218b2c inset
}

.ct-currency-pane__adjuster-action--negative .ct-button {
    background-color: #D24040
}

.ct-currency-pane__adjuster-action--negative .ct-button:hover,
.ct-currency-pane__adjuster-action--negative .ct-button:active,
.ct-currency-pane__adjuster-action--negative .ct-button:focus {
    background-color: #b42b2b;
    box-shadow: 0 0 10px 2px #8b2121 inset
}

.ct-currency-pane__lifestyle {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-currency-pane__lifestyle-description {
    margin-top: 5px
}

.ct-currency-pane__editor-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-bottom: 2px
}

.ct-custom-action-pane__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-custom-action-pane__actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-custom-action-pane .ct-action-detail__description {
    white-space: pre-wrap
}

.ct-custom-actions-pane__summary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2
}

.ct-custom-actions-pane__summary+.ct-custom-actions-pane__summary {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #eaeaea
}

.ct-custom-actions-pane__summary-content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 10px
}

.ct-custom-actions-pane__summary-name {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-custom-actions-pane__summary-meta {
    font-size: 10px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-custom-actions-pane__add .ct-select {
    width: 50%
}

.ct-custom-item-pane__actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-custom-item-pane__action--amount {
    width: 100%
}

.ct-custom-skill-pane__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-custom-skill-pane__header-icon {
    margin-bottom: 2px
}

.ct-custom-skill-pane__header-ability {
    color: #838383;
    margin-left: 10px;
    text-transform: uppercase
}

.ct-custom-skill-pane__header-modifier {
    margin-left: 5px
}

.ct-custom-skill-pane__header-name {
    margin-left: 10px
}

.ct-custom-skill-pane__edit {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-custom-skill-pane__properties {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-custom-skill-pane__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    white-space: pre-wrap
}

.ct-custom-skill-pane__actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    text-align: center
}

.ct-defense-manage-pane__group+.ct-defense-manage-pane__group {
    margin-top: 15px
}

.ct-defense-manage-pane__heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px
}

.ct-defense-manage-pane__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-defense-manage-pane__item+.ct-defense-manage-pane__item {
    margin-top: 10px
}

.ct-defense-manage-pane__item-value {
    width: 30px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold
}

.ct-defense-manage-pane__item-icon {
    vertical-align: top
}

.ct-defense-manage-pane__item-label {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-defense-manage-pane__item-extra {
    margin-left: 5px;
    color: #838383
}

.ct-defense-manage-pane__custom {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-defense-manage-pane__custom-group {
    margin-top: 15px
}

.ct-defense-manage-pane__custom-items {
    margin: 15px 0
}

.ct-defense-manage-pane__custom-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    line-height: 1.3
}

.ct-defense-manage-pane__custom-item-label {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-left: 5px;
    padding-right: 5px
}

.ct-defense-manage-pane__custom-fields {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.ct-defense-manage-pane__custom-field {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 10px
}

.ct-defense-manage-pane__custom-field:first-child {
    margin-left: 0
}

.ct-defense-manage-pane__custom-field:last-child {
    margin-right: 0
}

.ct-defense-manage-pane .character-select {
    height: 40px
}

.ct-defense-manage-pane .ct-item-name {
    padding-right: 0
}

.ct-description-pane__entry {
    margin-top: 10px
}

.ct-description-pane__entry-content {
    margin-top: 5px
}

.ct-description-pane__editor-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-bottom: 2px
}

.ct-description-pane__editor--number .ct-description-pane__editor-input {
    width: 70px
}

.ct-description-pane__editor--text .ct-description-pane__editor-input {
    width: 150px
}

.ct-encumbrance-pane__weight {
    margin-bottom: 5px
}

.ct-encumbrance-pane__weight-label {
    margin-right: 5px
}

.ct-equipment-manage-pane__inventory {
    margin: 10px 0
}

.ct-equipment-manage-pane__item+.ct-equipment-manage-pane__item {
    margin-top: 5px
}

.ct-equipment-manage-pane__item-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-equipment-manage-pane__item-header-action {
    padding-right: 5px
}

.ct-equipment-manage-pane__item-header-action-empty {
    height: 24px;
    width: 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-equipment-manage-pane__item>.ct-collapsible__header .ct-theme-button {
    width: 47px
}

.ct-equipment-manage-pane__item>.ct-collapsible__content {
    border: 1px solid #fff;
    padding: 10px;
    margin-top: 5px;
    background: #f9f9f9;
    box-shadow: 0 0 0 1px #e0e0e0;
    margin-bottom: 15px
}

.ct-equipment-manage-pane__item .ct-item-detail-abilities__limited-uses {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-equipment-manage-pane__custom-items-list {
    margin: 15px 0
}

.ct-equipment-manage-pane__custom-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.ct-equipment-manage-pane__custom-item+.ct-equipment-manage-pane__custom-item {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #eaeaea
}

.ct-equipment-manage-pane__custom-item-name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.ct-equipment-manage-pane__links {
    margin: 15px 0
}

.ct-equipment-manage-pane__links-heading {
    font-weight: bold;
    font-size: 16px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-equipment-manage-pane__links .ct-equipment-manage-pane__links-list {
    margin-top: 0
}

.ct-equipment-manage-pane .ct-equipment-shop {
    margin-top: 15px;
    margin-bottom: 25px
}

.ct-feat-pane__prerequisite {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    font-style: italic
}

.ct-feats-manage-pane__feats {
    margin: 10px 0
}

.ct-feats-manage-pane__feats .ct-collapsible__content {
    margin: 10px 0
}

.ct-feats-manage-pane__feats .ct-collapsible__heading {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ct-feats-manage-pane__unavailable-callout {
    font-weight: normal;
    font-size: 11px;
    color: #838383
}

.ct-feats-manage-pane__feat+.ct-feats-manage-pane__feat {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #eaeaea
}

.ct-feats-manage-pane__feat-heading .ct-todo-icon {
    margin-left: 5px
}

.ct-feats-manage-pane__feat-heading .ct-prerequisite-failure-summary {
    color: #D24040;
    font-size: 11px
}

.ct-feats-manage-pane__feat-content {
    border: 1px solid #fff;
    padding: 10px;
    margin-top: 5px;
    background: #f9f9f9;
    box-shadow: 0 0 0 1px #e0e0e0;
    margin-top: 5px;
    margin-bottom: 15px
}

.ct-feats-manage-pane__feat-prerequisite {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    font-style: italic
}

.ct-feats-manage-pane__feat-source {
    min-height: 22px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    min-width: 40px
}

.ct-feats-manage-pane__feat-source-label {
    font-size: 10px;
    color: #838383
}

.ct-feats-manage-pane__feat-source-extra {
    font-size: 11px
}

.ct-feats-manage-pane__feat .ct-theme-button {
    min-width: 40px
}

.ct-feats-manage-pane__feat-choices .detail-choice {
    margin-top: 5px
}

.ct-frame-pane__group+.ct-frame-pane__group {
    margin-top: 20px
}

.ct-frame-pane__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-frame-pane__item {
    overflow: hidden;
    width: 25%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px
}

.ct-frame-pane__item--default {
    border: 2px solid #C53131;
    background-color: #ccc;
    border-radius: 3px;
    min-width: 60px;
    min-height: 60px;
    width: 100%;
    height: 100%
}

.ct-frame-pane__item-inner {
    margin: 5px;
    border-radius: 3px;
    cursor: pointer
}

.ct-frame-pane__item .LazyLoad {
    width: 60px;
    height: 60px
}

.ct-frame-pane__item-img {
    max-width: 60px;
    max-height: 60px
}

.ct-frame-pane__item-img {
    -webkit-filter: grayscale(0.8);
    filter: grayscale(0.8);
    margin: 0 auto
}

.ct-frame-pane__item-label {
    font-size: 12px;
    text-align: center;
    padding: 0 5px;
    line-height: 1.2
}

.ct-frame-pane__item--current .ct-frame-pane__item-inner {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8), 0 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 5px #1C9AEF;
    position: relative
}

.ct-frame-pane__item--current .ct-frame-pane__item-inner::after {
    content: "Current";
    background: #1C9AEF;
    color: #fff;
    font-size: 10px;
    position: absolute;
    bottom: -2px;
    left: -2px;
    right: -2px;
    padding-top: 2px;
    text-align: center;
    line-height: 1
}

.ct-frame-pane__item--current .ct-frame-pane__item-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.ct-frame-pane__item--current .ct-frame-pane__item-label {
    font-weight: bold
}

.ct-frame-pane .LazyLoad {
    background: #333 center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 35px;
    -webkit-filter: none;
    filter: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-frame-pane .LazyLoad.is-visible {
    background: 0
}

@media(min-width:330px) {
    .ct-frame-pane__frame-inner {
        height: 70px;
        width: 70px
    }
    .ct-frame-pane__frame .LazyLoad,
    .ct-frame-pane__frame-img {
        width: 70px;
        height: 70px
    }
}

@media(min-width:426px) {
    .ct-frame-pane__frame {
        width: 33.33333%
    }
}

.ct-item-pane .ct-item-detail {
    margin-top: 10px
}

.ct-note-manage-pane .ct-sidebar__heading {
    min-height: 24px
}

.ct-note-manage-pane .ct-sidebar__header-callout {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.ct-note-manage-pane__status {
    padding: 2px 7px;
    border-radius: 2px;
    font-size: 11px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-note-manage-pane__status--dirty {
    color: #838383;
    margin-right: 5px
}

.ct-note-manage-pane__status--clean {
    color: #35b000;
    font-weight: bold
}

.ct-note-manage-pane__status-icon::before {
    content: "✔";
    margin-right: 5px
}

.ct-note-manage-pane__content {
    border: 1px solid #eaeaea;
    padding: 10px;
    border-radius: 3px;
    white-space: pre-wrap
}

.ct-avatar-pane-group+.ct-avatar-pane-group {
    margin-top: 20px
}

.ct-avatar-pane__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-avatar-pane__item {
    overflow: hidden;
    width: 25%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-avatar-pane__item-inner {
    margin: 5px;
    border-radius: 3px;
    cursor: pointer
}

.ct-avatar-pane__item .LazyLoad,
.ct-avatar-pane__item-img {
    width: 60px;
    height: 60px;
    border-radius: 3px
}

.ct-avatar-pane__item-img {
    -webkit-filter: grayscale(0.8);
    filter: grayscale(0.8)
}

.ct-avatar-pane__item-label {
    font-size: 12px;
    text-align: center;
    padding: 0 5px;
    line-height: 1.2
}

.ct-avatar-pane__item--current .ct-avatar-pane__item-inner {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8), 0 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 5px #1C9AEF;
    position: relative
}

.ct-avatar-pane__item--current .ct-avatar-pane__item-inner::after {
    content: "Current";
    background: #1C9AEF;
    color: #fff;
    font-size: 10px;
    position: absolute;
    bottom: -2px;
    left: -2px;
    right: -2px;
    padding-top: 2px;
    text-align: center;
    line-height: 1
}

.ct-avatar-pane__item--current .ct-avatar-pane__item-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.ct-avatar-pane__item--current .ct-avatar-pane__item-label {
    font-weight: bold
}

.ct-avatar-pane .LazyLoad {
    background: #333 center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 35px;
    -webkit-filter: none;
    filter: none
}

.ct-avatar-pane .LazyLoad.is-visible {
    background: 0
}

.ct-avatar-pane__upload {
    margin-bottom: 10px
}

.ct-avatar-pane__upload-heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.2;
    margin-bottom: 10px
}

.ct-avatar-pane__upload-heading-rules {
    font-size: 10px;
    color: #838383
}

.ct-avatar-pane__upload-form {
    margin-bottom: 10px
}

.ct-avatar-pane__upload-confirm {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-avatar-pane__upload-image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 70px;
    margin-bottom: 10px
}

.ct-avatar-pane__upload-image-heading {
    background-color: #96bf6b;
    color: #fff;
    font-size: 10px;
    text-align: center;
    padding-top: 2px;
    line-height: 1;
    margin-bottom: 3px;
    border-radius: 3px 3px 0 0
}

.ct-avatar-pane__upload-image-preview {
    width: 70px;
    height: 70px;
    background: center center #e1e1e1 no-repeat;
    background-size: cover;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8), 0 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 5px #96bf6b
}

.ct-avatar-pane__upload-action {
    margin-left: 15px
}

.ct-avatar-pane__upload-warning {
    background: #fffae1;
    padding: 10px;
    border: 1px solid #fbdf6d;
    text-align: center;
    color: #ccab00;
    font-weight: bold;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3;
    font-size: 14px
}

.ct-avatar-pane__custom {
    margin-bottom: 10px
}

.ct-avatar-pane__custom-preview {
    width: 70px;
    height: 70px;
    background: center center #e1e1e1 no-repeat;
    background-size: cover;
    border-radius: 3px
}

@media(min-width:330px) {
    .ct-avatar-pane__item-inner {
        height: 70px;
        width: 70px
    }
    .ct-avatar-pane__item .LazyLoad,
    .ct-avatar-pane__item-img {
        width: 70px;
        height: 70px
    }
}

@media(min-width:426px) {
    .ct-avatar-pane__item {
        width: 88px
    }
}

@media(min-width:768px) {
    .ct-avatar-pane__upload-heading {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }
    .ct-avatar-pane__upload-heading-rules {
        margin-left: 5px
    }
}

.ct-preferences-pane__field+.ct-preferences-pane__field {
    margin-top: 25px
}

.ct-preferences-pane__field--block {
    display: block
}

.ct-preferences-pane__field-heading {
    margin: 0
}

.ct-preferences-pane__field-summary {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-preferences-pane__field-description {
    margin-top: 3px
}

.ct-preferences-pane__field-input {
    margin-top: 5px
}

.ct-preferences-pane__field .ct-select {
    width: 50%
}

.ct-preferences-pane__field-toggles {
    margin-top: 15px
}

.ct-preferences-pane__field-toggle {
    margin-top: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-preferences-pane__field-toggle .ct-preferences-pane__field-label {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-preferences-pane__field-toggle .ct-preferences-pane__field-input {
    margin-right: 10px;
    margin-top: 0
}

.ct-preferences-pane__actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-preferences-pane__action {
    margin-right: 5px
}

.ct-preferences-pane__action:last-child {
    margin-right: 0
}

.ct-proficiencies-pane__customs+.ct-proficiencies-pane__customs {
    margin-top: 25px
}

.ct-proficiencies-pane__customs-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-proficiencies-pane__proficiencies {
    margin-left: 10px;
    margin-bottom: 30px
}

.ct-proficiencies-pane__proficiency+.ct-proficiencies-pane__proficiency {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-proficiencies-pane__proficiency-primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-proficiencies-pane__proficiency-name {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-proficiencies-pane__proficiency-notes {
    margin-top: 3px
}

.ct-proficiencies-pane__proficiency-actions {
    margin-left: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.ct-proficiencies-pane__proficiency-editor-input[type=text] {
    width: 100%
}

.ct-proficiencies-pane__add {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-proficiencies-pane__add-field {
    width: 50%
}

.ct-proficiencies-pane__add-field--subtype {
    padding-left: 5px
}

.ct-proficiencies-pane__add .ct-select {
    width: 100%
}

.ct-proficiencies-pane__groups {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-reset-pane__intro {
    color: #838383
}

.ct-reset-pane__recover {
    margin: 25px 0
}

.ct-reset-pane__recover-heading {
    font-size: 16px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase
}

.ct-reset-pane__recover-sources {
    margin: 10px 0
}

.ct-reset-pane__recover-max-hp {
    margin: 10px 0
}

.ct-reset-pane__hitdice {
    margin: 25px 0
}

.ct-reset-pane__hitdie+.ct-reset-pane__hitdie {
    margin-top: 15px
}

.ct-reset-pane__hitdie-heading {
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-reset-pane__hitdie-heading-class {
    text-transform: uppercase;
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold
}

.ct-reset-pane__hitdie-manager {
    margin-top: 10px
}

.ct-reset-pane__actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-reset-pane__action+.ct-reset-pane__action {
    margin-left: 10px
}

.ct-saving-throws-pane .ct-saving-throws-summary {
    margin: 0 auto;
    max-width: 245px
}

.ct-saving-throws-pane__details {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-saving-throws-pane__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-saving-throws-pane__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-sense-manage-pane__sense {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-sense-manage-pane__sense+.ct-sense-manage-pane__sense {
    margin-top: 10px
}

.ct-sense-manage-pane__sense-label {
    margin-right: 5px
}

.ct-sense-manage-pane__sense-value {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold
}

.ct-sense-manage-pane__sense-source {
    color: #838383;
    margin-left: 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-sense-manage-pane__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-sense-manage-pane__customize .ct-value-editor {
    margin: 5px 0 10px
}

.ct-sense-manage-pane__customize-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold
}

.ct-sense-manage-pane__customize-header-label {
    width: 80px
}

.ct-sense-manage-pane__customize-header-input {
    padding-left: 10px;
    width: 95px
}

.ct-sense-manage-pane__customize-header-source {
    padding-left: 5px
}

.ct-sense-manage-pane__customize-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-sense-manage-pane__customize-item-label {
    width: 80px
}

.ct-sense-manage-pane__customize-item-input {
    padding: 0 5px;
    width: 95px
}

.ct-sense-manage-pane__customize-item-input input {
    width: 100%;
    text-align: center
}

.ct-sense-manage-pane__customize-item-source {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-sense-manage-pane__customize-item-source input {
    width: 100%
}

.ct-sense-manage-pane__customize-item--passive .ct-sense-manage-pane__customize-item-label {
    width: auto;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-sense-manage-pane__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-share-url-pane {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-share-url-pane__url {
    margin-bottom: 5px;
    width: 100%
}

.ct-share-url-pane .ct-share-url-pane__input {
    width: 100%;
    padding: 10px;
    text-align: center
}

.ct-share-url-pane__clipboard {
    cursor: copy
}

.ct-share-url-pane__clipboard-content {
    font-weight: bold
}

.ct-skill-pane__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-skill-pane__header-icon {
    margin-bottom: 2px
}

.ct-skill-pane__header-ability {
    color: #838383;
    margin-left: 10px
}

.ct-skill-pane__header-modifier {
    margin-left: 5px
}

.ct-skill-pane__header-name {
    margin-left: 10px
}

.ct-skill-pane__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-skill-pane__properties {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-skill-pane__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-skills-pane__icon--none {
    width: 10px;
    height: 10px;
    border: 1px dotted #838383;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50%
}

.ct-skills-pane__skills {
    margin: 10px 0
}

.ct-skills-pane__custom {
    margin: 10px 0
}

.ct-skills-pane__custom-skills {
    margin-bottom: 20px
}

.ct-skills-pane__proficiency {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-skills-pane__proficiency+.ct-skills-pane__proficiency {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-skills-pane__proficiency-icon {
    width: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 27px
}

.ct-skills-pane__proficiency-stat .ct-select {
    width: 60px
}

.ct-skills-pane__proficiency-fields {
    padding-left: 5px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-skills-pane__proficiency-fields input[type=text] {
    width: 100%
}

.ct-skills-pane__proficiency-notes {
    margin-top: 3px
}

.ct-skills-pane__proficiency-actions {
    padding-left: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.ct-speed-manage-pane__speed {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-speed-manage-pane__speed+.ct-speed-manage-pane__speed {
    margin-top: 10px
}

.ct-speed-manage-pane__speed-label {
    margin-right: 5px;
    width: 70px
}

.ct-speed-manage-pane__speed-amount {
    padding-left: 5px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold
}

.ct-speed-manage-pane__speed-source {
    color: #838383;
    margin-left: 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-speed-manage-pane__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-speed-manage-pane__customize-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold
}

.ct-speed-manage-pane__customize-header-label {
    width: 80px
}

.ct-speed-manage-pane__customize-header-input {
    padding-left: 10px;
    width: 95px
}

.ct-speed-manage-pane__customize-header-source {
    padding-left: 5px
}

.ct-speed-manage-pane__customize-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-speed-manage-pane__customize-item-label {
    width: 80px
}

.ct-speed-manage-pane__customize-item-input {
    padding: 0 5px;
    width: 95px
}

.ct-speed-manage-pane__customize-item-input input {
    width: 100%;
    text-align: center
}

.ct-speed-manage-pane__customize-item-source {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-speed-manage-pane__customize-item-source input {
    width: 100%
}

.ct-speed-manage-pane__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-speed-manage-pane .ct-select {
    height: 40px;
    width: auto
}

.ct-spell-manage-pane__default {
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    max-width: 210px;
    margin: 0 auto;
    font-size: 15px
}

.ct-spell-manage-pane .ct-spell-slot-manager {
    margin-bottom: 20px
}

.ct-spell-manage-pane .ct-class-spell-manager+.ct-class-spell-manager {
    margin-top: 30px
}

.ct-spell-pane__heading-preview {
    min-width: 0;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 32px;
    height: 32px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: center center transparent no-repeat;
    background-size: cover;
    margin-right: 5px;
    border: 1px solid #d8d8d8;
    border-radius: 3px
}

.ct-spell-pane__heading-preview--school-abjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/abjuration.png")
}

.ct-spell-pane__heading-preview--school-conjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/conjuration.png")
}

.ct-spell-pane__heading-preview--school-divination {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/divination.png")
}

.ct-spell-pane__heading-preview--school-enchantment {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/enchantment.png")
}

.ct-spell-pane__heading-preview--school-evocation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/evocation.png")
}

.ct-spell-pane__heading-preview--school-illusion {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/illusion.png")
}

.ct-spell-pane__heading-preview--school-necromancy {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/necromancy.png")
}

.ct-spell-pane__heading-preview--school-transmutation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/transmutation.png")
}

.ct-theme-pane__group+.ct-theme-pane__group {
    margin-top: 20px
}

.ct-theme-pane__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-theme-pane__item {
    width: 33.33333%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px
}

.ct-theme-pane__item-inner {
    margin: 5px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-theme-pane__item .LazyLoad,
.ct-theme-pane__item-img {
    width: 60px;
    height: 60px;
    border-radius: 3px
}

.ct-theme-pane__item-img {
    -webkit-filter: grayscale(0.8);
    filter: grayscale(0.8)
}

.ct-theme-pane__item-label {
    font-size: 12px;
    text-align: center;
    padding: 0 5px;
    line-height: 1.2
}

.ct-theme-pane__item--current .ct-theme-pane__item-inner {
    position: relative
}

.ct-theme-pane__item--current .ct-theme-pane__item-inner::after {
    content: "Current";
    background: #1C9AEF;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: -5px;
    left: -2px;
    right: -2px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
    line-height: 1;
    border-radius: 2px
}

.ct-theme-pane__item--current .ct-theme-pane__item-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.ct-theme-pane__item--current .ct-theme-pane__item-label {
    font-weight: bold
}

.ct-theme-pane .LazyLoad {
    background: #333 center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 35px;
    -webkit-filter: none;
    filter: none
}

.ct-theme-pane .LazyLoad.is-visible {
    background: 0
}

.ct-trait-pane .ct-sidebar__heading {
    min-height: 24px
}

.ct-trait-pane .ct-sidebar__header-callout {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.ct-trait-pane__status {
    padding: 2px 7px;
    border-radius: 2px;
    font-size: 11px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-trait-pane__status--dirty {
    color: #838383;
    margin-right: 5px
}

.ct-trait-pane__status--clean {
    color: #35b000;
    font-weight: bold
}

.ct-trait-pane__status-icon::before {
    content: "✔";
    margin-right: 5px
}

.ct-trait-pane__content {
    border: 1px solid #eaeaea;
    padding: 10px;
    border-radius: 3px;
    white-space: pre-wrap
}

.ct-trait-pane__suggestions {
    margin-top: 20px
}

.ct-trait-pane .ct-suggestions-table__table {
    margin-top: 10px
}

.ct-xp-pane__level {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px
}

.ct-xp-pane__choose,
.ct-xp-pane__current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.ct-xp-pane__choose-label,
.ct-xp-pane__current-label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 15px
}

.ct-xp-pane__choose-value,
.ct-xp-pane__current-value {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}

.ct-xp-pane__choose {
    width: 50%
}

.ct-xp-pane__choose .ct-xp-pane__choose-value .ct-select {
    width: 60px;
    padding: 5px 10px
}

.ct-xp-pane__current {
    width: 50%;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ct-xp-pane__current .ct-xp-pane__current-input {
    max-width: 90px;
    padding: 5px 10px
}

.ct-xp-pane__level-amounts {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    text-transform: uppercase;
    max-width: 350px;
    margin: 0 auto
}

.ct-xp-pane__bar {
    max-width: 350px;
    margin: 0 auto
}

.ct-xp-pane__adjust {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 350px
}

.ct-xp-pane__change {
    width: 100%;
    margin-top: 15px
}

.ct-xp-pane__change-types {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.ct-xp-pane__change-type {
    color: #aab0b7;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom: 2px solid transparent;
    padding: 3px 0;
    white-space: nowrap;
    margin-right: 10px;
    cursor: pointer
}

.ct-xp-pane__change-type--active {
    color: #242528;
    border-bottom-color: #C53131
}

.ct-xp-pane__change .ct-xp-pane__change-input {
    padding: 5px 10px
}

.ct-xp-pane__total {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold
}

.ct-xp-pane__actions {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-xp-pane__action+.ct-xp-pane__action {
    margin-left: 10px
}

.ct-xp-pane .ct-xp-bar__item--cur,
.ct-xp-pane .ct-xp-bar__item--next {
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold
}

.ct-xp-pane .ct-xp-bar__item--progress {
    padding-left: 10px;
    padding-right: 10px
}

.ct-xp-pane .ct-xp-bar__progress-inner {
    height: 3px
}

.ability-pool-slots-info {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 10px;
    text-transform: uppercase
}

.ability-pool-slots .slot-manager {
    margin: 10px 0 12px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ability-pool-spells {
    margin: 10px 0
}

.ability-pool-spell+.ability-pool-spell {
    margin-top: 15px
}

.ability-pool-spell-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.ability-pool-spell-trigger {
    min-width: 16px;
    height: 16px;
    width: 16px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat;
    background-size: cover;
    margin-left: 9px;
    cursor: pointer
}

.ability-pool-spell-opened .ability-pool-spell-trigger {
    background-position: -17px 0
}

.ability-pool-spell-collapsed .ability-pool-spell-trigger {
    background-position: 0 0
}

.ability-pool-spell-slots .character-button-small {
    min-width: 50px
}

.ability-pool-spell-usage {
    font-size: 12px
}

.ability-pool-spell-name {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.ability-pool-spell-detail {
    padding: 20px 0
}

.ct-ability-summary {
    position: relative;
    width: 81px;
    height: 95px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/abilityscore.svg") no-repeat;
    background-size: contain;
    text-align: center
}

.ct-ability-summary--default {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/abilityscore.svg")!important
}

.ct-ability-summary__heading {
    padding-top: 8px
}

.ct-ability-summary__label,
.ct-ability-summary__abbr {
    color: #838383;
    font-size: 10px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold
}

.ct-ability-summary__abbr {
    display: none
}

.ct-ability-summary__primary {
    color: #242528;
    font-size: 26px;
    font-weight: 500
}

.ct-ability-summary__secondary {
    position: absolute;
    font-weight: bold;
    left: 0;
    right: 0;
    bottom: 4px;
    font-size: 16px
}

.ct-ability-summary .ct-signed-number {
    position: relative
}

.ct-ability-summary .ct-signed-number__sign {
    position: absolute;
    right: 100%
}

.ct-actions-list {
    margin-bottom: 25px
}

.ct-actions-list:last-child {
    margin-bottom: 0
}

.ct-actions-list__heading {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: 1px solid #eaeaea;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #C53131;
    font-weight: bold;
    text-transform: uppercase
}

.ct-actions-list__activatable {
    margin-bottom: 17px
}

.ct-actions-list__basic,
.ct-actions-list__spells {
    margin-bottom: 17px
}

.ct-actions-list__basic-heading,
.ct-actions-list__spells-heading {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    line-height: 1.2
}

.ct-actions-list__basic-list,
.ct-actions-list__spells-list {
    border-left: 3px solid #d8d8d8;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 4px;
    font-size: 12px;
    margin-top: 5px
}

.ct-actions-list__default {
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.ct-actions-list .ct-attack-table {
    margin-bottom: 13px
}

.ct-armor-class-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 79px;
    height: 90px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/ac.svg") no-repeat;
    background-size: contain;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 1
}

.ct-armor-class-box__label {
    color: #838383;
    font-size: 10px
}

.ct-armor-class-box__value {
    font-size: 26px;
    letter-spacing: -1px
}

.ct-attack-table__row-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-attack-table__row-header .ct-attack-table__col {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    padding: 5px 0
}

.ct-attack-table__col--icon {
    width: 27px
}

.ct-attack-table__col--name {
    width: 140px
}

.ct-attack-table__col--range {
    width: 55px
}

.ct-attack-table__col--tohit {
    width: 55px
}

.ct-attack-table__col--damage {
    width: 80px
}

.ct-attack-table__col--notes {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-attack-table__default {
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.attuned-slots {
    margin: 15px 0
}

.attuned-slots-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center
}

.attuned-slots-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 360px;
    margin: 0 auto
}

.attuned-slots-item {
    width: 33%;
    position: relative
}

.attuned-slots-item+.attuned-slots-item {
    margin-left: 5px
}

.attuned-slots-item-preview {
    border-radius: 3px;
    border: 1px solid #96bf6b;
    height: 50px;
    background-size: cover;
    background-position: center center;
    background-color: #f2f2f2;
    position: relative;
    z-index: 2
}

.attuned-slots-item-name {
    font-size: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: #96bf6b;
    color: #fff;
    padding: 4px 5px 2px;
    text-align: center;
    margin-top: -4px;
    border-radius: 0 0 3px 3px
}

.attuned-slots-item-missing {
    border-radius: 3px;
    border: 1px dashed #96bf6b;
    height: 50px
}

.ct-background__name {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 15px
}

.ct-background__feature {
    margin-top: 5px
}

.ct-background__feature-name {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px
}

.ct-background__default {
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.ct-basic-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-basic-actions__action-sep {
    margin-right: 5px
}

.ct-box-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ct-box-background--medium {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/eqp.svg")
}

.ct-box-background--small {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/content-box-small.svg")
}

.ct-box-background--fancy-small {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/stats.svg")
}

.ct-box-background--tall {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/content-box-tall.svg")
}

.ct-box-background--fancy-tall {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/skills.svg")
}

.ct-character-header-desktop {
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 300px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    position: relative;
    padding: 0 5px 15px;
    height: 93px
}

.ct-character-header-desktop__group--gap {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-character-header-desktop__group-tidbits {
    min-width: 0;
    margin-right: 8px
}

.ct-character-header-desktop__button {
    border: 1px solid #C53131;
    border-radius: 3px;
    padding: 5px 13px 4px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 20px;
    white-space: nowrap
}

.ct-character-header-desktop__button:hover {
    background-color: #111
}

.ct-character-header-desktop__button-label {
    margin-left: 6px
}

.ct-character-header-desktop__builder-link {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ct-character-header-desktop__builder-link::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/builder-icon-white.svg") no-repeat;
    background-size: 40px auto
}

.ct-character-header-desktop .ct-popout-menu {
    margin-left: 3px;
    margin-top: -21px;
    top: 100%;
    left: 10px
}

.ct-character-header-desktop .ct-campaign-summary {
    margin-right: 15px
}

.ct-character-header-desktop .ct-campaign-summary:hover {
    background-color: #111
}

.ct-character-header-desktop .ct-campaign-summary__name {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
    white-space: nowrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width:1200px) {
    .ct-character-header-desktop {
        height: 115px;
        padding: 0 10px 15px
    }
}

@media(max-width:1023px) {
    .ct-character-header-info__content {
        position: relative
    }
}

.ct-character-header-mobile {
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    height: 72px;
    padding: 5px 8px;
    background-color: #333
}

.ct-character-header-mobile__group--gap {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-character-header-mobile__group--summary {
    min-width: 82px
}

.ct-character-header-mobile__group-tidbits {
    min-width: 0;
    margin-right: 8px
}

.ct-character-header-mobile .ct-popout-menu {
    margin-left: 3px;
    margin-top: -21px;
    top: 100%;
    left: 10px
}

.ct-character-header-tablet {
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 300px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    position: relative;
    padding: 0 15px;
    height: 93px
}

.ct-character-header-tablet__group--gap {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-character-header-tablet__group-tidbits {
    min-width: 0;
    margin-right: 8px
}

.ct-character-header-tablet__button {
    border: 1px solid #C53131;
    border-radius: 3px;
    padding: 5px 13px 4px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 20px;
    white-space: nowrap
}

.ct-character-header-tablet__button:hover {
    background-color: #111
}

.ct-character-header-tablet__button-label {
    margin-left: 6px
}

.ct-character-header-tablet__builder {
    margin-right: 20px
}

.ct-character-header-tablet__builder-link {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ct-character-header-tablet__builder-link::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/builder-icon-white.svg") no-repeat;
    background-size: 40px auto
}

.ct-character-header-tablet .ct-popout-menu {
    margin-left: 3px;
    margin-top: -21px;
    top: 100%;
    left: 10px
}

.ct-character-header-tablet .ct-campaign-summary {
    margin-right: 15px
}

.ct-character-header-tablet .ct-campaign-summary:hover {
    background-color: #111
}

.ct-character-header-tablet .ct-campaign-summary__name {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
    white-space: nowrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width:1023px) {
    .ct-character-header-tablet__group--builder,
    .ct-character-header-tablet__group--share,
    .ct-character-header-tablet__group--campaign {
        display: none
    }
}

@media(max-width:1023px) {
    .ct-character-header-tablet__group--campaign {
        display: none
    }
}

@media(min-width:1024px) {
    .ct-character-header-tablet {
        height: 115px;
        padding: 0 10px 15px
    }
}

.ct-character-sheet-desktop .ct-subsections {
    height: 770px
}

.ct-character-sheet-desktop .ct-subsection {
    position: absolute
}

.ct-character-sheet-desktop .ct-subsection--saving-throws {
    left: 0;
    top: 0
}

.ct-character-sheet-desktop .ct-subsection--senses {
    left: 0;
    top: 214px
}

.ct-character-sheet-desktop .ct-subsection--proficiency-groups {
    left: 0;
    top: 427px
}

.ct-character-sheet-desktop .ct-subsection--skills {
    left: 236px;
    top: -1px
}

.ct-character-sheet-desktop .ct-subsection--combat {
    right: 0;
    top: 0
}

.ct-character-sheet-desktop .ct-subsection--primary-box {
    top: 104px;
    right: 0
}

@media(min-width:1024px) and (max-width:1199px) {
    .ct-character-sheet-desktop .ct-quick-info {
        z-index: 1
    }
    .ct-character-sheet-desktop .ct-quick-info__abilities {
        width: 463px
    }
    .ct-character-sheet-desktop .ct-ability-summary {
        width: 66px;
        height: 78px
    }
    .ct-character-sheet-desktop .ct-ability-summary__label {
        display: none
    }
    .ct-character-sheet-desktop .ct-ability-summary__abbr {
        display: block;
        font-size: 12px
    }
    .ct-character-sheet-desktop .ct-ability-summary__primary {
        font-size: 22px
    }
    .ct-character-sheet-desktop .ct-ability-summary__secondary {
        bottom: 1px
    }
    .ct-character-sheet-desktop .ct-proficiency-bonus-box {
        width: 77px;
        height: 73px
    }
    .ct-character-sheet-desktop .ct-proficiency-bonus-box__value {
        font-size: 22px
    }
    .ct-character-sheet-desktop .ct-proficiency-bonus-box__heading {
        font-size: 11px;
        padding-top: 7px;
        padding-bottom: 0
    }
    .ct-character-sheet-desktop .ct-proficiency-bonus-box__label {
        font-size: 12px
    }
    .ct-character-sheet-desktop .ct-speed-box {
        width: 77px;
        height: 73px
    }
    .ct-character-sheet-desktop .ct-speed-box__heading {
        padding-top: 8px;
        padding-bottom: 0
    }
    .ct-character-sheet-desktop .ct-speed-box__label {
        font-size: 12px
    }
    .ct-character-sheet-desktop .ct-speed-box .ct-distance-number--large {
        font-size: 22px
    }
    .ct-character-sheet-desktop .ct-inspiration__box {
        width: 70px;
        height: 44px
    }
    .ct-character-sheet-desktop .ct-inspiration__label {
        font-size: 12px;
        padding-top: 7px
    }
    .ct-character-sheet-desktop .ct-health-summary {
        width: 260px;
        height: 73px
    }
    .ct-character-sheet-desktop .ct-health-summary__adjuster-field-input[type=number] {
        padding: 2px;
        width: 60px
    }
    .ct-character-sheet-desktop .ct-health-summary__hp-item-input[type=number] {
        font-size: 20px;
        width: 50px
    }
    .ct-character-sheet-desktop .ct-health-summary__label {
        font-size: 12px
    }
    .ct-character-sheet-desktop .ct-health-summary__hp-item-label {
        margin-bottom: 4px
    }
    .ct-character-sheet-desktop .ct-health-summary__hp-group--primary {
        min-width: 120px
    }
    .ct-character-sheet-desktop .ct-health-summary__hp-item-content {
        font-size: 22px
    }
    .ct-character-sheet-desktop .ct-health-summary__hp-sep {
        padding: 0 5px
    }
    .ct-character-sheet-desktop .ct-health-summary__hp-item--temp .ct-health-summary__hp-item-content {
        min-width: 50px
    }
    .ct-character-sheet-desktop .ct-health-summary__deathsaves,
    .ct-character-sheet-desktop .ct-health-summary__exhaustion {
        height: 60px
    }
    .ct-character-sheet-desktop .ct-health-summary .character-button-block-small {
        padding-top: 3px;
        padding-bottom: 3px
    }
    .ct-character-sheet-desktop .ct-skills-box {
        width: 230px
    }
    .ct-character-sheet-desktop .ct-senses-box {
        width: 230px
    }
    .ct-character-sheet-desktop .ct-saving-throws-box {
        width: 230px
    }
    .ct-character-sheet-desktop .ct-proficiency-groups-box {
        width: 228px
    }
    .ct-character-sheet-desktop .ct-senses__callout {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/senses-int-small.svg");
        width: 190px;
        height: 34px
    }
    .ct-character-sheet-desktop .ct-saving-throws-summary__ability {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/saves-int-small.svg");
        width: 88px;
        height: 31px
    }
    .ct-character-sheet-desktop .ct-saving-throws-summary__ability-modifier {
        width: 30px
    }
    .ct-character-sheet-desktop .ct-box-background--medium {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/content-box-square-medium-thin.svg")
    }
    .ct-character-sheet-desktop .ct-box-background--small {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/content-box-small-thin.svg")
    }
    .ct-character-sheet-desktop .ct-box-background--fancy-small {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/content-box-fancy-small-thin.svg")
    }
    .ct-character-sheet-desktop .ct-box-background--tall {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/content-box-tall-thin.svg")
    }
    .ct-character-sheet-desktop .ct-box-background--fancy-tall {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/content-box-fancy-tall-thin.svg")
    }
}

.ct-character-sheet-desktop .ct-tab-options--layout-pill .ct-tab-options__nav {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(max-width:1199px) {
    .ct-character-sheet-desktop {
        max-width: 990px;
        margin: 0 auto
    }
}

@media(min-width:1200px) {
    .ct-character-sheet-desktop .ct-subsection--skills {
        left: 286px;
        top: -1px
    }
}

.ct-character-sheet-mobile {
    padding-top: 143px
}

.ct-character-sheet-mobile__header {
    position: fixed;
    top: 47px;
    left: 0;
    right: 0;
    z-index: 10
}

.ct-character-sheet-mobile__header .ct-character-header-mobile {
    position: relative;
    z-index: 2
}

.ct-character-sheet-mobile__header .ct-combat-mobile {
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all 250ms 200ms
}

.ct-character-sheet--going-down .ct-character-sheet-mobile__header .ct-combat-mobile {
    top: 0
}

.ct-character-sheet--going-up .ct-character-sheet-mobile__header .ct-combat-mobile {
    top: 72px
}

.ct-character-sheet--near-top .ct-character-sheet-mobile__header .ct-combat-mobile,
.ct-character-sheet--top .ct-character-sheet-mobile__header .ct-combat-mobile {
    top: 72px
}

.ct-character-sheet-mobile .ct-subsection {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.ct-character-sheet {
    border-top: 1px solid #333
}

.ct-character-sheet__inner {
    max-width: 1200px;
    margin: 0 auto;
    transition: all 150ms
}

.ct-character-sheet__failed {
    max-width: 900px;
    padding-top: 260px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    font-size: 20px;
    background: center 20px transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/errors/500.png") no-repeat;
    background-size: 280px;
    text-align: center
}

.ct-character-sheet input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

.ct-character-sheet .sync-blocker {
    z-index: 60003
}

@media(min-width:768px) {
    .ct-character-sheet::before {
        content: "";
        display: block;
        position: absolute;
        top: 1px;
        left: 0;
        right: 0;
        height: 93px;
        background-color: rgba(0, 0, 0, 0.85)
    }
    .ct-character-sheet--invalid::before,
    .ct-character-sheet--failed::before {
        display: none
    }
    .ct-character-sheet__failed {
        background-position: left 30px;
        background-size: 350px;
        padding-left: 350px;
        padding-top: 0;
        min-height: 330px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }
}

@media(min-width:1024px) {
    .ct-character-sheet .sync-blocker {
        z-index: 40003
    }
}

@media(min-width:1200px) {
    .ct-character-sheet .sync-blocker {
        z-index: 13
    }
    .ct-character-sheet::before {
        height: 115px
    }
}

.ct-character-tidbits {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-character-tidbits__portrait {
    z-index: 1
}

.ct-character-tidbits__avatar {
    border-radius: 3px;
    margin-right: 10px;
    border: 2px solid #C53131;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: center center #111 no-repeat;
    background-size: cover
}

.ct-character-tidbits__avatar--none {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/characters/default-avatar-builder.png")
}

.ct-character-tidbits__body {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    z-index: 2
}

.ct-character-tidbits__body--interactive {
    cursor: pointer
}

.ct-character-tidbits__heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-character-tidbits__name {
    color: #fff;
    font-size: 18px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2
}

.ct-character-tidbits__menu-status {
    padding-left: 3px
}

.ct-character-tidbits__menu-status::before {
    content: "";
    display: block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    height: 0;
    width: 0
}

.ct-character-tidbits__menu-status--opened::before {
    border-top: 5px solid #C53131
}

.ct-character-tidbits__menu-status--closed::before {
    border-top: 5px solid #C53131
}

.ct-character-tidbits__gender {
    margin-right: 5px
}

.ct-character-tidbits__race {
    margin-right: 5px
}

.ct-character-tidbits__meta {
    color: #838383;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ct-character-tidbits__xp {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 300px
}

.ct-character-tidbits__xp-level {
    font-size: 10px
}

.ct-character-tidbits__xp-data {
    color: #838383;
    font-size: 7px;
    text-align: center;
    margin-top: 3px
}

.ct-character-tidbits__xp .xp-bar {
    position: relative
}

.ct-character-tidbits__xp .xp-bar-item-cur {
    position: absolute;
    top: 4px
}

.ct-character-tidbits__xp .xp-bar-item-progress {
    padding: 0
}

.ct-character-tidbits__xp .xp-bar-item-next {
    position: absolute;
    right: 0;
    top: 4px
}

@media(min-width:768px) {
    .ct-character-tidbits {
        min-width: 300px
    }
    .ct-character-tidbits__avatar {
        margin-right: 15px
    }
    .ct-character-tidbits__name {
        font-size: 28px
    }
    .ct-character-tidbits__meta {
        font-size: 12px
    }
}

.ct-class-detail__name {
    font-size: 15px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
    color: #C53131
}

.class-feature-detail-options {
    margin-bottom: 15px;
    border-bottom: 1px solid #f1f1f1
}

.class-feature-detail-option+.class-feature-detail-option {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #f1f1f1
}

.class-feature-detail-option-heading {
    font-weight: bold
}

.class-feature-detail-option .ability-pool-spell-name {
    font-weight: normal
}

.collapsible-content p {
    margin-top: 1em;
    margin-bottom: 1em
}

.collapsible-content-trigger {
    color: #96bf6b
}

.character-builder .collapsible-content-trigger {
    color: #1C9AEF
}

.ct-combat-attack {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.ct-combat-attack+.ct-combat-attack {
    margin-top: 8px;
    border-top: 1px dotted #eaeaea;
    padding-top: 8px
}

.ct-combat-attack__icon {
    width: 27px
}

.ct-combat-attack__icon-img {
    width: 20px;
    height: 20px;
    background: center center transparent no-repeat;
    background-size: 20px 20px
}

.ct-combat-attack__icon-img--spell-ranged {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/ranged_spell.svg")
}

.ct-combat-attack__icon-img--spell-melee {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/melee_spell.svg")
}

.ct-combat-attack__icon-img--spell-generic {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/general_spell.svg")
}

.ct-combat-attack__icon-img--weapon-ranged {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/ranged_weapon.svg");
    background-size: 16px 16px
}

.ct-combat-attack__icon-img--weapon-melee {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/melee_weapon.svg");
    background-size: 16px 16px
}

.ct-combat-attack__icon-img--action-attack-weapon-ranged {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/ranged_weapon.svg");
    background-size: 16px 16px
}

.ct-combat-attack__icon-img--action-attack-weapon-melee {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/unarmedstrike-dark.svg");
    background-size: 16px 16px
}

.ct-combat-attack__icon-img--action-attack-spell-ranged {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/ranged_spell.svg");
    background-size: 16px 16px
}

.ct-combat-attack__icon-img--action-attack-spell-melee {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/melee_spell.svg");
    background-size: 16px 16px
}

.ct-combat-attack__icon-img--action-attack-general-ranged {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/thrown.svg");
    background-size: 16px 16px
}

.ct-combat-attack__icon-img--action-attack-general-melee {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/melee_weapon.svg");
    background-size: 16px 16px
}

.ct-combat-attack__icon-img--weapon-spell-damage {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/weapon-spell-damage.svg")
}

.ct-combat-attack__icon-img--spell-school-abjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/spell-schools/abjuration.svg")
}

.ct-combat-attack__icon-img--spell-school-conjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/spell-schools/conjuration.svg")
}

.ct-combat-attack__icon-img--spell-school-divination {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/spell-schools/divination.svg")
}

.ct-combat-attack__icon-img--spell-school-enchantment {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/spell-schools/enchantment.svg")
}

.ct-combat-attack__icon-img--spell-school-evocation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/spell-schools/evocation.svg")
}

.ct-combat-attack__icon-img--spell-school-illusion {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/spell-schools/illusion.svg")
}

.ct-combat-attack__icon-img--spell-school-necromancy {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/spell-schools/necromancy.svg")
}

.ct-combat-attack__icon-img--spell-school-transmutation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/spell-schools/transmutation.svg")
}

.ct-combat-attack__name {
    width: 140px
}

.ct-combat-attack__action {
    width: 55px
}

.ct-combat-attack__tohit {
    font-size: 16px;
    font-weight: bold
}

.ct-combat-attack__save {
    font-weight: bold
}

.ct-combat-attack__save-value {
    font-size: 14px
}

.ct-combat-attack__save-label {
    color: #838383;
    font-size: 10px;
    display: block;
    text-transform: uppercase
}

.ct-combat-attack__range {
    width: 55px
}

.ct-combat-attack__damage {
    width: 80px
}

.ct-combat-attack__damage .ct-damage {
    font-size: 14px
}

.ct-combat-attack--item .ct-combat-attack__damage .ct-damage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-combat-attack__damage .ct-damage+.ct-damage {
    margin-top: 2px
}

.ct-combat-attack__damage .ct-damage--versatile {
    color: #838383;
    font-size: 12px
}

.ct-combat-attack__label {
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-combat-attack__meta {
    font-size: 10px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-combat-attack__meta-item+.ct-combat-attack__meta-item::before {
    content: "•";
    padding: 0 3px
}

.ct-combat-attack__range-label {
    font-size: 10px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-combat-attack__range-value {
    font-size: 14px;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-combat-attack__range-value-long {
    color: #838383;
    font-size: 10px;
    margin-left: 3px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-combat-attack__notes {
    font-size: 12px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-combat-attack__notes .ct-damage-type-icon__img {
    width: 12px;
    height: 12px
}

.ct-combat-attack__empty {
    font-size: 14px;
    font-weight: bold
}

.ct-combat-mobile {
    border-top: 1px solid #838383;
    border-bottom: 2px solid #C53131;
    background-color: #404040;
    color: #fff
}

.ct-combat-mobile__extras {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 5px 5px
}

.ct-combat-mobile__extra {
    position: relative;
    cursor: pointer;
    text-align: center;
    margin-right: 10px
}

.ct-combat-mobile__extra:last-child {
    margin-right: 0
}

.ct-combat-mobile__extra--statuses {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.ct-combat-mobile__extra-label {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px
}

.ct-combat-mobile__extra-subheading {
    color: #838383;
    font-size: 10px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold
}

.ct-combat-mobile__extra-heading {
    font-size: 12px
}

.ct-combat-mobile__extra-value {
    font-size: 26px;
    font-weight: 500;
    line-height: 27px
}

.ct-combat-mobile__extra-footer {
    font-size: 13px
}

.ct-combat-mobile__advantage {
    position: absolute;
    left: 50%;
    top: -17px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ct-combat-mobile__advantage-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #fff url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/advantage-icon.svg") no-repeat center center;
    background-size: contain;
    margin-right: 2px;
    margin-top: -2px;
    border-radius: 12px
}

.ct-combat-mobile__ctas {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-combat-mobile__cta {
    margin-bottom: 6px;
    width: 100%
}

.ct-combat-mobile__cta:last-child {
    margin-bottom: 0
}

.ct-combat-mobile__cta-button {
    background-color: #333;
    border: 1px solid #C53131;
    padding: 5px 8px;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 10px;
    cursor: pointer
}

.ct-combat-mobile .ct-mobile-divider__edge {
    display: none
}

@media(min-width:375px) {
    .ct-combat-mobile__extras {
        padding: 5px 8px
    }
}

.ct-combat-tablet {
    max-width: 700px;
    margin: 20px auto 5px
}

.ct-combat-tablet__initiative-label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3px;
    text-shadow: 1px 1px 0 #eaeaea, -1px -1px 0 #eaeaea, -1px 1px 0 #eaeaea, 1px -1px 0 #eaeaea
}

.ct-combat-tablet__extras {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ct-combat-tablet__extra--statuses {
    width: 220px;
    padding-right: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-combat-tablet__extra--proficiency {
    padding-left: 17px
}

.ct-combat-tablet__extra--ac {
    margin-right: 18px
}

.ct-combat-tablet__extra--initiative {
    margin-right: 15px
}

.ct-combat-tablet__extra--speed {
    margin-right: 15px
}

.ct-combat-tablet__ctas {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-combat-tablet__cta {
    margin-bottom: 10px;
    width: 100%
}

.ct-combat-tablet__cta:last-child {
    margin-bottom: 0
}

.ct-combat-tablet__cta-button {
    background-color: #fff;
    border: 1px solid #C53131;
    padding: 5px;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    cursor: pointer
}

.ct-component-carousel__placeholders {
    overflow: hidden;
    position: fixed;
    z-index: 11;
    left: 0;
    right: 0;
    top: 119px;
    bottom: 0;
    background-color: #fff;
    pointer-events: none;
    opacity: 0;
    transition: opacity 300ms;
    will-change: opacity
}

.ct-component-carousel__placeholders--changing {
    pointer-events: all;
    opacity: 1
}

.ct-component-carousel__placeholder {
    min-width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    will-change: transform
}

@media(min-width:768px) {
    .ct-component-carousel__placeholders {
        top: 48px
    }
}

.ct-conditions-summary__default {
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-content-group+.ct-content-group {
    margin-top: 30px
}

.ct-content-group__header {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-content-group__header-content {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #C53131;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.ct-creature-filter__interactions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.ct-creature-filter__callout {
    padding-left: 10px
}

.ct-creature-filter__box {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset
}

.ct-creature-filter__primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-creature-filter__primary-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-creature-filter__icon {
    width: 14px;
    height: 14px;
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/search-grey.svg") no-repeat;
    background-size: 14px 14px;
    margin-right: 10px
}

.ct-creature-filter__field {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-creature-filter__input[type=search] {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    width: 100%;
    padding: 0;
    line-height: 24px
}

.ct-creature-filter__input[type=search]:focus {
    border: 0;
    box-shadow: none;
    background: transparent
}

.ct-creature-filter__input[type=search]:hover {
    background: transparent
}

.ct-creature-filter__clear {
    cursor: pointer;
    color: #C53131;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-left: 10px
}

.ct-creature-filter__advanced {
    position: relative;
    width: 14px;
    height: 14px;
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/filter.svg") no-repeat;
    background-size: 14px 14px;
    margin-left: 10px;
    cursor: pointer
}

.ct-creature-filter__advanced--active {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/filter-active.svg")
}

.ct-creature-filter__advanced-callout {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 2px;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #C53131;
    color: #fff
}

.ct-creature-filter__actives {
    margin-right: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px
}

.ct-creature-filter__active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #C53131;
    color: #fff;
    border-radius: 3px;
    padding: 5px 4px;
    font-size: 10px;
    line-height: 11px;
    cursor: pointer;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 3px;
    margin-bottom: 3px
}

.ct-creature-filter__active:hover {
    background-color: #9c2727
}

.ct-creature-filter__active:last-child {
    margin-right: 0
}

.ct-creature-filter__active-label {
    margin-right: 4px;
    font-weight: bold
}

.ct-creature-filter__active-remove {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3px
}

.ct-creature-filter__active-remove:hover {
    background-color: #731d1d
}

.ct-creature-filter__active-remove-icon {
    width: 9px;
    height: 9px;
    background: -18px 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-white.svg") no-repeat;
    background-size: auto 9px
}

.ct-creature-filter__adv-filter+.ct-creature-filter__adv-filter {
    margin-top: 10px
}

.ct-creature-filter__adv-filter-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    padding: 3px 0
}

.ct-creature-filter__adv-filter-options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-creature-filter__adv-filter-option-group {
    margin: 0 5px 5px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-creature-filter__adv-filter-button {
    cursor: pointer;
    background-color: #eaeaea;
    padding: 3px 8px;
    border-radius: 3px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ct-creature-filter__adv-filter-button:hover {
    background-color: #d1d1d1
}

.ct-creature-filter__adv-filter-button--active {
    background-color: #C53131;
    color: #fff
}

.ct-creature-filter__adv-filter-button--active:hover {
    background-color: #9c2727
}

.ct-creature-filter__adv-filter-option {
    margin-bottom: 5px;
    margin-right: 5px
}

.ct-creature-filter__adv-filter-checkbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-creature-filter__adv-filter-checkbox-label {
    margin-left: 5px
}

.ct-creature-list__row-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-creature-list__row-header .ct-creature-list__col {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    padding-bottom: 5px
}

.ct-creature-list__col--action {
    width: 40px
}

.ct-creature-list__col--preview {
    width: 35px
}

.ct-creature-list__col--primary {
    width: 130px
}

.ct-creature-list__col--ac {
    width: 35px
}

.ct-creature-list__col--hp {
    width: 85px
}

.ct-creature-list__col--speed {
    width: 50px
}

.ct-creature-list__col--notes {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-creature-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    padding: 8px 0
}

.ct-creature-row+.ct-creature-row {
    border-top: 1px dotted #eaeaea
}

.ct-creature-row__action {
    width: 40px
}

.ct-creature-row__preview {
    width: 35px
}

.ct-creature-row__primary {
    width: 130px
}

.ct-creature-row__ac {
    width: 35px;
    font-size: 16px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-creature-row__hp {
    width: 85px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px
}

.ct-creature-row__hp--has-temp .ct-creature-row__hp-value {
    color: #96bf6b
}

.ct-creature-row__hp-sep {
    margin: 0 5px
}

.ct-creature-row__hp-value--current {
    font-size: 16px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-creature-row__hp-value--total {
    font-size: 16px;
    color: #838383;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-creature-row__speed {
    width: 50px
}

.ct-creature-row__speed-value {
    font-size: 16px;
    font-weight: bold
}

.ct-creature-row__speed-callout {
    font-size: 10px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-creature-row__notes {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-creature-row__img {
    width: 30px;
    height: 30px;
    border-radius: 3px
}

.ct-creature-row__name {
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-creature-row__meta {
    font-size: 10px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-creature-row__meta-item+.ct-creature-row__meta-item::before {
    content: "•";
    padding: 0 3px
}

.ct-creature-block {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/mon-summary/stat-block-top-texture.png"), url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/mon-summary/paper-texture.png");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat, repeat;
    position: relative;
    box-shadow: 0 0 5px #979AA4;
    border: 1px solid #d4d0ce;
    padding: 15px 10px;
    font-family: "Scala Sans Offc", Roboto, Helvetica, sans-serif;
    font-size: 15px
}

.ct-creature-block::before,
.ct-creature-block::after {
    content: "";
    display: block;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/mon-summary/stat-bar-book.png") center;
    background-size: 100% 100%;
    height: 6px;
    position: absolute;
    left: -3px;
    right: -3px
}

.ct-creature-block::before {
    top: -3px
}

.ct-creature-block::after {
    bottom: -3px
}

.ct-creature-block__separator-img {
    max-width: 100%;
    min-height: 10px
}

.ct-creature-block__header {
    line-height: 1.1
}

.ct-creature-block__name {
    font-weight: bold;
    font-size: 30px;
    line-height: .9;
    font-family: MrsEavesSmallCaps, Roboto, Helvetica, sans-serif;
    color: #822000
}

.ct-creature-block__name .ct-creature-block__name-link {
    color: #822000
}

.ct-creature-block__name .ct-creature-block__name-link:hover,
.ct-creature-block__name .ct-creature-block__name-link:visited,
.ct-creature-block__name .ct-creature-block__name-link:active {
    color: #822000
}

.ct-creature-block__meta {
    font-style: italic;
    margin-bottom: 15px;
    margin-top: 3px
}

.ct-creature-block__attribute {
    margin: 5px 0;
    color: #822000;
    line-height: 1.2
}

.ct-creature-block__attribute-label {
    font-weight: bold;
    margin-right: 5px
}

.ct-creature-block__attribute-data-extra {
    margin-left: 5px
}

.ct-creature-block__abilities {
    color: #822000;
    font-family: "Scala Sans Offc", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-creature-block__ability-stat {
    width: 33.33333%;
    padding: 5px 0;
    text-align: center
}

.ct-creature-block__ability-heading {
    font-weight: bold
}

.ct-creature-block__ability-modifier {
    margin-left: 2px
}

.ct-creature-block__tidbit {
    margin: 5px 0;
    color: #822000;
    line-height: 1.2
}

.ct-creature-block__tidbit-label {
    font-weight: bold;
    margin-right: 5px
}

.ct-creature-block__description-blocks {
    margin-top: 20px
}

.ct-creature-block__description-block-heading,
.ct-creature-block__description-block h3 {
    border-bottom: 1px solid #822000;
    color: #822000;
    font-size: 24px;
    font-weight: normal;
    font-family: "Scala Sans Sc Offc", Roboto, Helvetica, sans-serif;
    line-height: 1.4;
    margin-top: 20px;
    margin-bottom: 15px
}

.ct-creature-block__description-block p {
    margin-bottom: 10px
}

.ct-damage-type-icon__img {
    vertical-align: top;
    margin-right: 0;
    margin-left: 3px;
    background-position: left center
}

.ct-damage {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-defenses-summary__group {
    line-height: 1.2
}

.ct-defenses-summary__group+.ct-defenses-summary__group {
    margin-top: 3px
}

.ct-defenses-summary__icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    background: center center transparent no-repeat;
    background-size: contain
}

.ct-defenses-summary__icon--immunity {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/immunities-icon.svg")
}

.ct-defenses-summary__icon--vulnerability {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/vulnerabilities-icon.svg")
}

.ct-defenses-summary__icon--resistance {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/resistances-icon.svg")
}

.ct-defenses-summary__defense::after {
    content: ", "
}

.ct-defenses-summary__defense:last-child::after {
    display: none
}

.ct-defenses-summary__default {
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.equipment-manager-tabs__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.equipment-manager-tabs__header-content {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px
}

.equipment-manager-tabs-empty {
    text-align: center
}

.equipment-manager-tabs .builder-page-header:first-child {
    margin-top: 15px
}

.equipment-manager-tabs .ct-popout-menu__item-label {
    color: #fff
}

.equipment-manager-tabs .ct-tab-list__nav-item:last-child {
    margin-left: auto
}

@media(min-width:768px) {
    .equipment-manager-tabs-empty {
        text-align: left
    }
    .equipment-manager-tabs-empty .character-button-items {
        max-width: 50%;
        margin: 0 auto
    }
}

.ct-equipment-overview {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.ct-equipment-overview__sep {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-equipment-overview__currency {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-equipment-overview__currency-label {
    color: #838383;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-right: 10px
}

.ct-equipment-overview__currency-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-equipment-overview__currency-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ct-equipment-overview__currency-item+.ct-equipment-overview__currency-item {
    margin-left: 10px
}

.ct-equipment-overview__currency-item-preview {
    width: 16px;
    height: 16px;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/currency-sprite.png") no-repeat;
    background-size: auto 16px
}

.ct-equipment-overview__currency-item--pp .ct-equipment-overview__currency-item-preview {
    background-position: 0 0
}

.ct-equipment-overview__currency-item--gp .ct-equipment-overview__currency-item-preview {
    background-position: -17px 0
}

.ct-equipment-overview__currency-item--ep .ct-equipment-overview__currency-item-preview {
    background-position: -34px 0
}

.ct-equipment-overview__currency-item--sp .ct-equipment-overview__currency-item-preview {
    background-position: -51px 0
}

.ct-equipment-overview__currency-item--cp .ct-equipment-overview__currency-item-preview {
    background-position: -68px 0
}

.ct-equipment-overview__currency-item-count {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-left: 1px
}

.ct-equipment-overview__currency-empty {
    color: #838383
}

.ct-equipment-overview__weight-carried-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-right: 5px
}

.ct-equipment-overview__weight-speed {
    color: #838383;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 10px
}

.ct-equipment-overview__weight-speed--encumbered,
.ct-equipment-overview__weight-speed--heavily-encumbered,
.ct-equipment-overview__weight-speed--push-drag-lift,
.ct-equipment-overview__weight-speed--over-carrying-capacity {
    color: #D24040
}

.ct-equipment-overview__manage {
    margin-left: 20px
}

.ct-equipment-overview__manage-icon {
    width: 16px;
    height: 16px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/gear-grey.svg");
    background-size: 16px 16px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    cursor: pointer
}

.ct-equipment-overview__manage-icon:hover {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/gear.svg")
}

.ct-feats-detail__default {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 310px;
    text-align: center;
    margin: 0 auto;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-feature-snippet {
    margin-bottom: 13px
}

.ct-feature-snippet__heading {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    line-height: 1.2
}

.ct-feature-snippet__heading-activation {
    font-weight: normal
}

.ct-feature-snippet__heading-source-abbr {
    font-style: italic
}

.ct-feature-snippet__heading-source-page {
    margin-left: 3px
}

.ct-feature-snippet__meta-item {
    font-weight: normal;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle
}

.ct-feature-snippet__meta-item::before {
    content: "\2022";
    padding: 0 3px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #838383
}

.ct-feature-snippet__content {
    font-size: 12px
}

.ct-feature-snippet__extra {
    border-left: 3px solid #d8d8d8;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px
}

.ct-feature-snippet__options-extra {
    border-left: 3px solid #d8d8d8;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 4px
}

.ct-feature-snippet__option {
    font-size: 12px
}

.ct-feature-snippet__spell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.ct-feature-snippet__spell-summary {
    margin-right: 5px
}

.ct-feature-snippet__action-limited {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-feature-snippet__action-limited-label {
    margin-right: 5px
}

.ct-feature-snippet__limited-use {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-feature-snippet__limited-use-usages {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    margin-right: 5px;
    font-weight: bold
}

.ct-feature-snippet__limited-use-usage+.ct-feature-snippet__limited-use-usage {
    margin-left: 3px
}

.ct-feature-snippet__limited-use-sep {
    color: #838383;
    margin-right: 5px
}

.ct-feature-snippet__limited-use-extra {
    width: 100%
}

.ct-feature-snippet__spells--layout-compact .ct-feature-snippet__spell {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ct-feature-snippet__spells--layout-compact .ct-feature-snippet__spell-summary {
    margin-right: 0
}

.ct-feature-snippet__spells--layout-compact .ct-feature-snippet__spell-sep {
    margin-right: 5px
}

.ct-filter__query[type=search] {
    padding: 10px 10px 10px 35px;
    width: 100%;
    box-sizing: border-box;
    background: 10px center #fff url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/search-grey.svg") no-repeat;
    background-size: 15px
}

.filter-constraints {
    margin-bottom: 10px
}

.filter-constraint-query[type=search] {
    padding: 10px 10px 10px 35px;
    width: 100%;
    box-sizing: border-box;
    background: 10px center #fff url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/search-grey.svg") no-repeat;
    background-size: 15px
}

.filter-listing-entry {
    margin-top: 5px
}

.filter-listing-item {
    border: 1px solid #DEDEDE;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    min-height: 53px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.filter-listing-item-content {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.filter-listing-item-action {
    white-space: nowrap;
    margin-left: 5px
}

.filter-listing-item-heading {
    font-weight: bold;
    font-family: Roboto, Helvetica, sans-serif;
    line-height: 1.1;
    font-size: 16px
}

.filter-listing-item-meta {
    color: #838383;
    font-size: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.filter-listing-item-meta-item+.filter-listing-item-meta-item::before {
    content: "\2022";
    padding: 0 5px
}

.filter-listing-item-disabled {
    background-color: #f7f7f7
}

.filter-listing-item-disabled .filter-listing-item-heading {
    color: #999
}

.filter-listing-group-items {
    margin-left: 20px
}

.filter-listing-group-opened .filter-listing-group-items {
    margin-bottom: 20px
}

.filter-listing-group-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.filter-listing-group-parent {
    text-transform: uppercase;
    font-size: 18px
}

.filter-listing-group-content {
    padding-left: 15px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.filter-listing-group-info {
    color: #838383;
    font-size: 12px;
    font-weight: normal
}

.filter-listing-group-preview-img {
    width: 40px;
    height: 40px;
    border-radius: 3px
}

.filter-listing-group-action {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-down-disabled.svg");
    background-size: 24px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.filter-listing-item-disabled .filter-listing-group-action {
    display: none
}

.filter-listing-group-opened>.filter-listing-item .filter-listing-group-action {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.filter-listing-content {
    overflow-y: auto;
    max-height: 400px
}

.filter-listing-no-results {
    background: #f2f2f2;
    padding: 10px;
    border: 2px dashed #e2e2e2;
    text-align: center;
    color: #aaa;
    font-weight: bold
}

.filter-listing-loading {
    text-align: center;
    margin: 20px 0
}

.filter-listing-loading-icon {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    height: 50px;
    width: 100%;
    background-size: auto 50px;
    margin-bottom: 10px
}

.filter-listing-loading-text {
    font-weight: bold
}

.filter-listing-amount {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0
}

.filter-listing-amount-controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.filter-listing-amount-value {
    margin: 0 5px
}

.filter-listing-amount-input {
    width: 40px!important;
    text-align: center
}

.filter-listing-amount-label {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: bold;
    text-align: right;
    padding-right: 10px
}

.character-sheet .character-input,
.ReactModal__Content .character-input,
.character-sheet .character-input-block-oversized,
.ReactModal__Content .character-input-block-oversized {
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    border: 1px solid #D8DDE3;
    background-color: #fff;
    border-radius: 0;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    padding: 0 5px;
    line-height: 28px
}

.character-sheet .character-input:hover,
.ReactModal__Content .character-input:hover,
.character-sheet .character-input-block-oversized:hover,
.ReactModal__Content .character-input-block-oversized:hover,
.character-sheet .character-input:focus,
.ReactModal__Content .character-input:focus,
.character-sheet .character-input-block-oversized:focus,
.ReactModal__Content .character-input-block-oversized:focus {
    background-color: #fff;
    border: 1px solid #D8DDE3;
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48)
}

.character-sheet .character-input-block-oversized,
.ReactModal__Content .character-input-block-oversized {
    padding: 10px;
    display: block;
    width: 100%
}

.ct-healing-icon__icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/healing-types/hp.svg") no-repeat;
    background-size: auto 14px
}

.ct-health-adjuster__status--positive {
    color: #40D250
}

.ct-health-adjuster__status--negative {
    color: #D24040
}

.ct-health-adjuster__controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-health-adjuster__details {
    width: 120px
}

.ct-health-adjuster__healing,
.ct-health-adjuster__damage {
    border-radius: 3px;
    width: 90px;
    margin: 0 auto;
    padding: 2px 5px 5px;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    position: relative
}

.ct-health-adjuster__healing-label,
.ct-health-adjuster__damage-label {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase
}

.ct-health-adjuster__healing-value,
.ct-health-adjuster__damage-value {
    font-size: 24px;
    line-height: 1
}

.ct-health-adjuster__healing-input[type=number],
.ct-health-adjuster__damage-input[type=number] {
    background-color: #fff;
    border: 0;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 28px;
    padding: 0;
    width: 100%;
    box-shadow: none;
    height: 26px
}

.ct-health-adjuster__healing-input[type=number]:hover,
.ct-health-adjuster__healing-input[type=number]:focus,
.ct-health-adjuster__damage-input[type=number]:hover,
.ct-health-adjuster__damage-input[type=number]:focus {
    background-color: #fff;
    border: 0;
    box-shadow: none
}

.ct-health-adjuster__healing {
    border: 1px solid #40D250
}

.ct-health-adjuster__healing-label {
    color: #40D250
}

.ct-health-adjuster__damage {
    border: 1px solid #D24040
}

.ct-health-adjuster__damage-label {
    color: #D24040
}

.ct-health-adjuster__updates {
    margin: 18px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-health-adjuster__new {
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin: 0 auto;
    width: 50%;
    display: inline-block
}

.ct-health-adjuster__new-label {
    text-transform: uppercase;
    font-weight: bold
}

.ct-health-adjuster__new-value {
    font-size: 28px
}

.ct-health-adjuster__scrollwheel {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ct-health-adjuster__scrollwheel .ct-scrollwheel {
    padding: 0 30px;
    margin: 6px 0
}

.ct-health-adjuster__scrollwheel-instructions {
    max-width: 60px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 9px;
    text-align: center;
    line-height: 9px;
    color: #838383;
    margin: 0 auto
}

.ct-health-adjuster__buttons {
    padding: 0 10px;
    position: relative;
    width: 54px
}

.ct-health-adjuster__buttons .action-increase,
.ct-health-adjuster__buttons .action-decrease {
    padding-left: 8px;
    padding-right: 8px
}

.ct-health-adjuster__buttons .action-increase::before,
.ct-health-adjuster__buttons .action-decrease::before {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/plus_minus-white.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.ct-health-adjuster__buttons .action-increase::before {
    background-position: 0 0
}

.ct-health-adjuster__buttons .action-decrease::before {
    background-position: -17px 0
}

.ct-health-adjuster__button {
    position: absolute
}

.ct-health-adjuster__button--increase {
    top: 30px
}

.ct-health-adjuster__button--decrease {
    bottom: 30px
}

.ct-health-adjuster__actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0 0
}

.ct-health-adjuster__action+.ct-health-adjuster__action {
    margin-left: 5px
}

@media(min-width:768px) {
    .ct-health-adjuster__controls {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .ct-health-adjuster__scrollwheel {
        display: none
    }
}

.ct-health-manager__deathsaves {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea
}

.ct-health-manager__deathsaves-groups {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ct-health-manager__deathsaves-label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-bottom: 5px
}

.ct-health-manager__deathsaves-marks {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-health-manager__deathsaves-mark {
    width: 40px;
    height: 40px;
    border: 1px solid #cbc6c3;
    box-shadow: inset 0 0 4px 0 #dcd2c7
}

.ct-health-manager__deathsaves-mark::before {
    content: '';
    display: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-black.svg") no-repeat;
    background-size: 77px 24px;
    margin: 7px auto 0
}

.ct-health-manager__deathsaves-mark+.ct-health-manager__deathsaves-mark {
    margin-left: 8px
}

.ct-health-manager__deathsaves-mark--active::before {
    display: block;
    background-position: -53px 0
}

.ct-health-manager__deathsaves-mark--willbe::before {
    display: block;
    background-position: -53px 0;
    opacity: .5
}

.ct-health-manager__deathsaves-group--successes .ct-health-manager__deathsaves-mark--active::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg")
}

.ct-health-manager__deathsaves-group--successes .ct-health-manager__deathsaves-mark--willbe::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg")
}

.ct-health-manager__deathsaves-group--fails .ct-health-manager__deathsaves-mark--active::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-red.svg")
}

.ct-health-manager__deathsaves-group--fails .ct-health-manager__deathsaves-mark--willbe::before {
    background: rgba(188, 16, 16, 0.5);
    border-radius: 50%
}

.ct-health-manager__input[type=number] {
    max-width: 50px;
    vertical-align: top;
    margin-top: 4px;
    text-align: center;
    font-size: 14px;
    padding: 0 5px;
    line-height: 28px;
    border-radius: 0
}

.ct-health-manager__health {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    border-bottom: 1px solid #EDEAE8;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.ct-health-manager__health-item {
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-health-manager__health-item-label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px
}

.ct-health-manager__health-item-value {
    font-size: 28px
}

.ct-health-manager__health-item-diff {
    font-weight: bold;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}

.ct-health-manager__health-item--max {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-health-manager__health-item--max .ct-health-manager__health-item-value {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-health-manager__health-original-max {
    font-size: 17px;
    margin-left: 6px
}

.ct-health-manager__overrides {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    border-top: 1px solid #EDEAE8;
    padding-top: 20px;
    margin-top: 20px
}

.ct-health-manager__override {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-health-manager__override-label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px
}

.ct-health-manager__override-value {
    font-size: 28px
}

.ct-health-manager__status--positive {
    color: #40D250
}

.ct-health-manager__status--negative {
    color: #D24040
}

.ct-health-manager__adjuster {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-health-manager__adjuster-details {
    width: 120px
}

.ct-health-manager__adjuster-healing,
.ct-health-manager__adjuster-damage {
    border-radius: 3px;
    width: 90px;
    margin: 0 auto;
    padding: 2px 5px 5px;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    position: relative
}

.ct-health-manager__adjuster-healing-label,
.ct-health-manager__adjuster-damage-label {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase
}

.ct-health-manager__adjuster-healing-value,
.ct-health-manager__adjuster-damage-value {
    font-size: 24px;
    line-height: 1
}

.ct-health-manager__adjuster-healing-input[type=number],
.ct-health-manager__adjuster-damage-input[type=number] {
    background-color: #fff;
    border: 0;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 28px;
    padding: 0;
    width: 100%;
    box-shadow: none;
    height: 26px
}

.ct-health-manager__adjuster-healing-input[type=number]:hover,
.ct-health-manager__adjuster-healing-input[type=number]:focus,
.ct-health-manager__adjuster-damage-input[type=number]:hover,
.ct-health-manager__adjuster-damage-input[type=number]:focus {
    background-color: #fff;
    border: 0;
    box-shadow: none
}

.ct-health-manager__adjuster-healing {
    border: 1px solid #40D250
}

.ct-health-manager__adjuster-healing-label {
    color: #40D250
}

.ct-health-manager__adjuster-damage {
    border: 1px solid #D24040
}

.ct-health-manager__adjuster-damage-label {
    color: #D24040
}

.ct-health-manager__adjuster-updates {
    margin: 18px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-health-manager__adjuster-new {
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin: 0 auto;
    width: 50%;
    display: inline-block
}

.ct-health-manager__adjuster-new-label {
    text-transform: uppercase;
    font-weight: bold
}

.ct-health-manager__adjuster-new-value {
    font-size: 28px
}

.ct-health-manager__adjuster-scrollwheel {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ct-health-manager__adjuster-scrollwheel .ct-scrollwheel {
    padding: 0 30px;
    margin: 6px 0
}

.ct-health-manager__adjuster-scrollwheel-instructions {
    max-width: 60px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 9px;
    text-align: center;
    line-height: 9px;
    color: #838383;
    margin: 0 auto
}

.ct-health-manager__adjuster-buttons {
    padding: 0 10px;
    position: relative;
    width: 54px
}

.ct-health-manager__adjuster-buttons .action-increase,
.ct-health-manager__adjuster-buttons .action-decrease {
    padding-left: 8px;
    padding-right: 8px
}

.ct-health-manager__adjuster-buttons .action-increase::before,
.ct-health-manager__adjuster-buttons .action-decrease::before {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/plus_minus-white.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.ct-health-manager__adjuster-buttons .action-increase::before {
    background-position: 0 0
}

.ct-health-manager__adjuster-buttons .action-decrease::before {
    background-position: -17px 0
}

.ct-health-manager__adjuster-button {
    position: absolute
}

.ct-health-manager__adjuster-button--increase {
    top: 30px
}

.ct-health-manager__adjuster-button--decrease {
    bottom: 30px
}

.ct-health-manager__actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0 0
}

.ct-health-manager__action+.ct-health-manager__action {
    margin-left: 5px
}

.ct-health-manager__protection-notices {
    margin: 20px 0
}

.ct-health-manager__protection-notice {
    background-color: #f0f5ea;
    border: 1px solid #dbebc5;
    padding: 10px;
    font-size: 14px;
    line-height: 1.3;
    margin: 10px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-health-manager__protection-notice-field {
    margin-right: 10px
}

.ct-health-manager__protection-notice-description {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-health-manager__restore-life {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea
}

@media(min-width:768px) {
    .ct-health-manager__adjuster {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .ct-health-manager__adjuster-scrollwheel {
        display: none
    }
}

.ct-health-summary {
    width: 317px;
    height: 89px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/status.svg") no-repeat;
    background-size: contain;
    position: relative;
    text-align: center
}

.ct-health-summary--has-temp-hp .ct-health-summary__hp-max,
.ct-health-summary--has-temp-hp .ct-health-summary__hp-current {
    color: #96bf6b
}

.ct-health-summary__adjuster-button {
    line-height: 1;
    min-height: 0
}

.ct-health-summary__adjuster-button--heal {
    color: #40D250!important
}

.ct-health-summary__adjuster-button--damage {
    color: #D24040!important
}

.ct-health-summary__adjuster-field {
    margin: 3px 0
}

.ct-health-summary__adjuster-field-input[type=number] {
    width: 70px;
    text-align: center
}

.ct-health-summary__label {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 6px
}

.ct-health-summary__hp {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 10px 0;
    line-height: 1.2
}

.ct-health-summary__hp-sep {
    padding: 0 10px;
    color: #d8d8d8
}

.ct-health-summary__hp-empty {
    color: #d8d8d8
}

.ct-health-summary__hp-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-health-summary__hp-group--primary {
    min-width: 130px
}

.ct-health-summary__hp-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-health-summary__hp-item--adjust {
    cursor: pointer
}

.ct-health-summary__hp-item-label {
    margin-bottom: 6px;
    color: #838383;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    height: 1em
}

.ct-health-summary__hp-item-content {
    font-size: 26px;
    font-weight: 500;
    position: relative
}

.ct-health-summary__hp-item-input[type=number] {
    position: absolute;
    left: 0;
    z-index: 2;
    border: 1px solid #ddd;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) inset;
    width: 65px;
    padding: 0 0 0 3px;
    font-size: 24px;
    border-radius: 0;
    text-align: center
}

.ct-health-summary__hp-item-input[type=number]:focus {
    border: 1px solid #ddd;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) inset;
    background: #fff
}

.ct-health-summary__hp-item--temp .ct-health-summary__hp-item-content {
    min-width: 60px
}

.ct-health-summary__hp-adjustment-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 28px;
    height: 34px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/health-adjust-icon.svg") no-repeat;
    background-size: contain
}

.ct-health-summary__deathsaves,
.ct-health-summary__exhaustion {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-health-summary__deathsaves-icon,
.ct-health-summary__exhaustion-icon {
    width: 24px
}

.ct-health-summary__deathsaves-icon::before,
.ct-health-summary__exhaustion-icon::before {
    content: "";
    display: block;
    margin: 2px auto 0;
    width: 20px;
    height: 20px;
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/unconscious.svg") no-repeat
}

.ct-health-summary__deathsaves-group,
.ct-health-summary__exhaustion-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-health-summary__deathsaves-label,
.ct-health-summary__exhaustion-label {
    width: 15px;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase
}

.ct-health-summary__deathsaves-marks {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-health-summary__deathsaves-mark {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid transparent;
    margin-left: 3px
}

.ct-health-summary__deathsaves-mark--inactive {
    border-color: #555;
    background-color: #222
}

.ct-health-summary__deathsaves--fail .ct-health-summary__deathsaves-mark--active {
    background-color: #D24040
}

.ct-health-summary__deathsaves--success .ct-health-summary__deathsaves-mark--active {
    background-color: #40D250
}

@media(min-width:768px) {
    .ct-health-summary__deathsaves,
    .ct-health-summary__exhaustion {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 70px
    }
    .ct-health-summary__deathsaves-label,
    .ct-health-summary__exhaustion-label {
        font-size: 15px;
        font-weight: bold;
        margin-top: 2px;
        width: 75px;
        text-align: left
    }
    .ct-health-summary__deathsaves-mark,
    .ct-health-summary__exhaustion-mark {
        width: 15px;
        height: 15px;
        margin: 2px
    }
    .ct-health-summary__deathsaves-icon,
    .ct-health-summary__exhaustion-icon {
        width: auto
    }
    .ct-health-summary__deathsaves-icon::before,
    .ct-health-summary__exhaustion-icon::before {
        width: 30px;
        height: 30px;
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/unconscious.svg");
        margin-top: 0;
        margin-right: 10px
    }
}

.ct-initiative-box {
    position: relative;
    cursor: pointer;
    width: 70px
}

.ct-initiative-box__value {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 45px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/initiative.svg") no-repeat;
    background-size: contain;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -1px
}

.ct-initiative-box__advantage {
    position: absolute;
    left: -1px;
    bottom: -3px
}

.ct-initiative-box__advantage-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #fff url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/advantage-icon.svg") no-repeat center center;
    background-size: contain;
    margin-right: 2px;
    margin-top: -2px;
    border-radius: 12px
}

.ct-inspiration__box {
    width: 72px;
    height: 53px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/inspiration.svg") no-repeat;
    background-size: contain;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-inspiration__box--interactive {
    cursor: pointer
}

.ct-inspiration__label {
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    padding-top: 12px;
    cursor: pointer;
    text-shadow: 1px 1px 0 #eaeaea, -1px -1px 0 #eaeaea, -1px 1px 0 #eaeaea, 1px -1px 0 #eaeaea
}

.ct-inspiration__status {
    width: 35px;
    height: 20px
}

.ct-inspiration__status--active {
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/inspiration.svg") no-repeat;
    background-size: contain
}

.ct-invalid-character {
    padding: 30px;
    font-size: 16px;
    text-align: center
}

.ct-invalid-character__button::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/builder-icon-white.svg") no-repeat;
    background-size: 20px;
    margin-right: 5px
}

@media(min-width:768px) {
    .ct-invalid-character {
        padding: 80px 30px 30px;
        max-width: 550px;
        margin: 0 auto
    }
}

.ct-inventory-equipped-item {
    line-height: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-inventory-equipped-item+.ct-inventory-equipped-item {
    margin-top: 8px;
    border-top: 1px dotted #eaeaea;
    padding-top: 8px
}

.ct-inventory-equipped-item__preview {
    min-width: 0;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 24px;
    height: 24px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: transparent center center no-repeat;
    background-size: cover;
    margin-right: 5px;
    border: 1px solid #d8d8d8;
    border-radius: 3px
}

.ct-inventory-equipped-item__meta {
    font-size: 10px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-inventory-equipped-item__meta-item+.ct-inventory-equipped-item__meta-item::before {
    content: "\2022";
    padding: 0 3px
}

.ct-inventory-filter__interactions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.ct-inventory-filter__callout {
    padding-left: 10px
}

.ct-inventory-filter__box {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset
}

.ct-inventory-filter__primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-inventory-filter__primary-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-inventory-filter__icon {
    width: 14px;
    height: 14px;
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/search-grey.svg") no-repeat;
    background-size: 14px 14px;
    margin-right: 10px
}

.ct-inventory-filter__field {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-inventory-filter__input[type=search] {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    width: 100%;
    padding: 0;
    line-height: 24px
}

.ct-inventory-filter__input[type=search]:focus {
    border: 0;
    box-shadow: none;
    background: transparent
}

.ct-inventory-filter__input[type=search]:hover {
    background: transparent
}

.ct-inventory-filter__clear {
    cursor: pointer;
    color: #C53131;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-left: 10px
}

.ct-inventory-filter__advanced {
    position: relative;
    width: 14px;
    height: 14px;
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/filter.svg") no-repeat;
    background-size: 14px 14px;
    margin-left: 10px;
    cursor: pointer
}

.ct-inventory-filter__advanced--active {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/filter-active.svg")
}

.ct-inventory-filter__advanced-callout {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 2px;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #C53131;
    color: #fff
}

.ct-inventory-filter__actives {
    margin-right: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px
}

.ct-inventory-filter__active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #C53131;
    color: #fff;
    border-radius: 3px;
    padding: 5px 4px;
    font-size: 10px;
    line-height: 11px;
    cursor: pointer;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 3px;
    margin-bottom: 3px
}

.ct-inventory-filter__active:hover {
    background-color: #9c2727
}

.ct-inventory-filter__active:last-child {
    margin-right: 0
}

.ct-inventory-filter__active-label {
    margin-right: 4px;
    font-weight: bold
}

.ct-inventory-filter__active-remove {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3px
}

.ct-inventory-filter__active-remove:hover {
    background-color: #731d1d
}

.ct-inventory-filter__active-remove-icon {
    width: 9px;
    height: 9px;
    background: -18px 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-white.svg") no-repeat;
    background-size: auto 9px
}

.ct-inventory-filter__adv-filter+.ct-inventory-filter__adv-filter {
    margin-top: 10px
}

.ct-inventory-filter__adv-filter-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    padding: 3px 0
}

.ct-inventory-filter__adv-filter-options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-inventory-filter__adv-filter-option-group {
    margin: 0 5px 5px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-inventory-filter__adv-filter-button {
    cursor: pointer;
    background-color: #eaeaea;
    padding: 3px 8px;
    border-radius: 3px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ct-inventory-filter__adv-filter-button:hover {
    background-color: #d1d1d1
}

.ct-inventory-filter__adv-filter-button--active {
    background-color: #C53131;
    color: #fff
}

.ct-inventory-filter__adv-filter-button--active:hover {
    background-color: #9c2727
}

.ct-inventory-filter__adv-filter-option {
    margin-bottom: 5px;
    margin-right: 5px
}

.ct-inventory-filter__adv-filter-checkbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-inventory-filter__adv-filter-checkbox-label {
    margin-left: 5px
}

.ct-inventory-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    padding: 8px 0
}

.ct-inventory-item+.ct-inventory-item {
    border-top: 1px dotted #eaeaea
}

.ct-inventory-item__meta {
    font-size: 10px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-inventory-item__meta-item+.ct-inventory-item__meta-item::before {
    content: "\2022";
    padding: 0 3px
}

.ct-inventory-item__action {
    width: 40px
}

.ct-inventory-item__action-empty {
    height: 24px;
    width: 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-inventory-item__name {
    width: 150px
}

.ct-inventory-item__weight {
    width: 40px
}

.ct-inventory-item__quantity {
    width: 35px
}

.ct-inventory-item__cost {
    width: 50px
}

.ct-inventory-item__location {
    width: 50px;
    text-align: center;
    padding-right: 5px
}

.ct-inventory-item__location-slot-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20px;
    height: 20px;
    background: center center transparent no-repeat
}

.ct-inventory-item__location-slot-icon--head {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/item-slot/head.svg")
}

.ct-inventory-item__location-slot-icon--shoulders {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/item-slot/shoulders.svg")
}

.ct-inventory-item__location-slot-icon--body {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/item-slot/body.svg")
}

.ct-inventory-item__location-slot-icon--wrists {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/item-slot/wrists.svg")
}

.ct-inventory-item__location-slot-icon--hands {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/item-slot/hands.svg")
}

.ct-inventory-item__location-slot-icon--waist {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/item-slot/waist.svg")
}

.ct-inventory-item__location-slot-icon--feet {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/item-slot/feet.svg")
}

.ct-inventory-item__location-slot-icon--holding {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/item-slot/holding.svg")
}

.ct-inventory-item__location-slot-icon--jewelry {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/item-slot/jewelry.svg")
}

.ct-inventory-item__location-slot-icon--person {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/item-slot/person.svg")
}

.ct-inventory-item__notes {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.listing-pager {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0
}

.listing-pager-control,
.listing-pager-page {
    box-shadow: inset 0 0 4px 0 #dcd1c7;
    border: solid 1px #cbc6c3;
    background: #fff;
    text-align: center
}

.listing-pager-control-link,
.listing-pager-page-link {
    padding: 8px;
    display: block
}

.listing-pager-page {
    min-width: 33px
}

.listing-pager-page+.listing-pager-page {
    margin-left: 5px
}

.listing-pager-page-active {
    background: #96bf6b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3)
}

.listing-pager-page-active .listing-pager-page-link {
    color: #fff
}

.listing-pager-disabled {
    background-color: #f2f2f2;
    box-shadow: inset 0 0 1px 0 #dcd1c7;
    border-color: #e2e2e2
}

.listing-pager-disabled .listing-pager-control-link {
    color: #aaa
}

.listing-pager-control {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.listing-pager-next {
    margin-left: 5px
}

.listing-pager-prev {
    margin-right: 5px
}

.ct-loading-blocker {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 60100;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    color: #fff;
    background-color: #232323;
    transition: right 700ms 900ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ct-loading-blocker--finished {
    right: 100%
}

.ct-loading-blocker__logo {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-logo.svg") no-repeat;
    background-size: auto 70px;
    height: 90px;
    width: 100%;
    margin-bottom: 10px
}

.ct-loading-blocker__anim {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    height: 100px;
    width: 100%
}

@media(min-width:768px) {
    .ct-loading-blocker {
        width: 310px;
        height: 240px;
        right: 50%;
        top: 140px;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        background: #232323;
        opacity: 1;
        transition: opacity 700ms;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        border-radius: 3px;
        z-index: 10
    }
    .ct-loading-blocker--finished {
        opacity: 0;
        right: 50%;
        pointer-events: none
    }
}

.i-menu-adventuresleague,
.i-menu-dawn,
.i-menu-downloadpdf,
.i-menu-editcharacter,
.i-menu-levelup,
.i-menu-longrest,
.i-menu-managexp,
.i-menu-preferences,
.i-menu-shortrest,
.i-menu-builders,
.i-menu-managelevel,
.i-menu-backdrop,
.i-menu-frame,
.i-menu-theme,
.i-menu-portrait,
.i-menu-share {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat
}

.i-menu-adventuresleague {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/adventuresleague.svg")
}

.i-menu-dawn {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/dawn.svg")
}

.i-menu-downloadpdf {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/downloadpdf.svg")
}

.i-menu-editcharacter {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/editcharacter.svg")
}

.i-menu-levelup {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/levelup.svg")
}

.i-menu-longrest {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/longrest.svg")
}

.i-menu-managexp {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/managexp.svg")
}

.i-menu-preferences {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/preferences.svg")
}

.i-menu-shortrest {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/shortrest.svg")
}

.i-menu-builders {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/builders.svg")
}

.i-menu-managelevel {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/managelevel.svg")
}

.i-menu-backdrop {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/backdrop.svg")
}

.i-menu-frame {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/frame.svg")
}

.i-menu-theme {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/theme.svg")
}

.i-menu-portrait {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/portrait.svg")
}

.i-menu-share {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/share.svg")
}

.i-menu-longrest {
    background-size: 14px auto
}

.i-menu-shortrest {
    position: relative;
    top: -1px
}

.ct-mobile-divider {
    position: relative;
    margin: 10px 0 0
}

.ct-mobile-divider--end {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    margin: 0
}

.ct-mobile-divider__divider {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 14px
}

.ct-mobile-divider__edge {
    background: 0 center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/mobile-divider-edge.svg") no-repeat;
    width: 25px;
    background-size: 100% auto;
    height: 18px
}

.ct-mobile-divider__edge--last {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.ct-mobile-divider__repeat {
    background: center 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/mobile-divider-repeat.svg") repeat-x;
    background-size: auto 18px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 18px
}

.ct-mobile-divider__label {
    font-weight: bold;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 10px;
    background-color: #fff
}

.ct-mobile-divider__label-text {
    position: relative
}

.fullscreen-modal {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.fullscreen-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999
}

.fullscreen-modal-header {
    background-color: #262E37;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.manage-spells-modal .fullscreen-modal-header {
    background-color: #704cd9
}

.manage-equipment-modal .fullscreen-modal-header {
    background-color: #0f5cbc
}

.action-error-modal .fullscreen-modal-header,
.confirm-modal-remove .fullscreen-modal-header {
    background-color: #c42e2d
}

.fullscreen-modal-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fullscreen-modal-close-btn {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-white.svg");
    background-position: -35px 0;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.fullscreen-modal-content {
    overflow-y: auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 60px;
    bottom: 45px;
    padding: 20px
}

.fullscreen-modal-noactions .fullscreen-modal-content {
    bottom: 0
}

.fullscreen-modal-footer {
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #96bf6b
}

.confirm-modal-level-down .fullscreen-modal-footer,
.confirm-modal-remove .fullscreen-modal-footer {
    border-top-color: #c42e2d
}

.fullscreen-modal-action {
    width: 50%
}

@media(min-width:768px) {
    .fullscreen-modal {
        left: 50%;
        right: auto;
        top: 50%;
        bottom: auto;
        width: calc(100% - 40px);
        max-width: 500px;
        height: 70%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .fullscreen-modal.manage-status-modal {
        max-width: 400px
    }
    .fullscreen-modal.manage-xp-modal {
        max-width: 400px;
        height: 500px
    }
    .fullscreen-modal.confirm-modal-remove {
        height: 320px
    }
    .fullscreen-modal.confirm-modal-level-up,
    .fullscreen-modal.confirm-modal-level-down {
        height: 320px
    }
    .fullscreen-modal.confirm-modal-preference {
        height: 250px
    }
    .fullscreen-modal.confirm-modal-background {
        height: 250px
    }
    .fullscreen-modal.action-error-modal {
        max-width: 900px
    }
}

.ReactModal__Body--open {
    overflow-y: hidden
}

.ct-other-possessions {
    white-space: pre-wrap
}

.ct-other-possessions--no-content {
    color: #838383
}

.ct-popout-menu {
    margin-top: 13px;
    position: absolute;
    z-index: 500;
    background: #242528;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5)
}

.ct-popout-menu::before {
    content: "";
    display: block;
    border-bottom: 7px solid #C53131;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    bottom: 100%
}

.ct-popout-menu--anchor-left::before {
    left: 12px
}

.ct-popout-menu--anchor-right::before {
    right: 12px
}

.ct-popout-menu__item {
    padding: 10px 40px 10px 15px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.ct-popout-menu__item:hover {
    background-color: #2b2c30
}

.ct-popout-menu__item+.ct-popout-menu__item {
    border-top: 1px solid #2A2B2E
}

.ct-popout-menu__item--html {
    padding: 0;
    display: block
}

.ct-popout-menu__item-preview {
    min-width: 16px;
    margin-right: 10px
}

.ct-popout-menu__item-label {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-popout-menu__item--active {
    background-color: #96bf6b
}

.ct-popout-menu__item--builder::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/builder-icon-white.svg");
    background-size: 16px;
    position: absolute;
    right: 10px;
    margin-top: 2px
}

.ct-popout-menu__item .i-menu-managelevel {
    background-size: 14px
}

.ct-popout-menu__export {
    margin: 0;
    display: block
}

.ct-popout-menu__export-button[type=submit] {
    color: #Fff;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif!important;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border: 0;
    box-shadow: none;
    padding: 10px 40px 10px 40px;
    display: block;
    width: 100%;
    max-width: none;
    background: 15px center #242528 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/downloadpdf.svg") no-repeat;
    background-size: 16px;
    text-align: left
}

.ct-popout-menu__export-button[type=submit]:focus,
.ct-popout-menu__export-button[type=submit]:active,
.ct-popout-menu__export-button[type=submit]:hover {
    color: #fff;
    background-color: #2b2c30;
    background-position: 15px center
}

.ct-proficiency-bonus-box {
    width: 94px;
    height: 89px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/speed.svg") no-repeat;
    background-size: contain;
    position: relative;
    cursor: pointer;
    text-align: center
}

.ct-proficiency-bonus-box__heading {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 1px
}

.ct-proficiency-bonus-box__label {
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px
}

.ct-proficiency-bonus-box__value {
    color: #242528;
    font-size: 26px;
    font-weight: 500
}

.ct-proficiency-groups__group {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-proficiency-groups__group+.ct-proficiency-groups__group {
    border-top: 1px solid #D8D8D8;
    margin-top: 10px;
    padding-top: 10px
}

.ct-proficiency-groups__group-label {
    color: #838383;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.ct-property-list__property {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-property-list__property+.ct-property-list__property {
    margin-top: 4px
}

.ct-property-list__property-label {
    font-weight: bold;
    margin-right: 5px;
    white-space: nowrap
}

.ct-quick-info {
    position: relative;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -13px 0 10px;
    width: 100%
}

.ct-quick-info__abilities {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 564px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ct-quick-info__ability {
    cursor: pointer
}

.ct-quick-nav {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 60002;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ct-quick-nav__content {
    max-width: 460px;
    max-height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-quick-nav__mask {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.8)
}

.ct-quick-nav__menu {
    position: relative;
    z-index: 12;
    padding: 5px 5px 0;
    overflow-y: auto;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-quick-nav__menu-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 450px;
    margin-left: auto;
    max-height: 100%;
    overflow-y: auto
}

.ct-quick-nav__menu-item {
    width: 50%;
    padding: 5px
}

.ct-quick-nav__menu-item--cols-2 {
    width: 100%
}

.ct-quick-nav__menu-item--rows-2 {
    height: 140px
}

.ct-quick-nav__footer {
    position: relative;
    z-index: 12;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 10px 0 10px;
    height: 65px;
    min-height: 65px
}

.ct-quick-nav__footer-button {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 15px
}

.ct-quick-nav__footer-toggle {
    min-height: 55px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-quick-nav__button {
    height: 55px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    border-radius: 3px;
    border: 2px solid #C53131;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #fff;
    cursor: pointer;
    position: relative;
    background-color: #242528;
    transition: all 150ms
}

.ct-quick-nav__button:hover {
    border-color: #9c2727
}

.ct-quick-nav__button-label {
    position: relative
}

.ct-quick-nav__button--disabled {
    color: #ccc;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    background-color: #666;
    cursor: default
}

.ct-quick-nav__button--disabled .ct-svg {
    opacity: .5
}

.ct-quick-nav__button-icon {
    padding-right: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-quick-nav__button .ct-svg {
    width: 25px;
    height: 25px
}

.ct-quick-nav__toggle {
    cursor: pointer;
    width: 45px;
    height: 45px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    border-radius: 23px;
    background: #C53131 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/grid-squares.svg") no-repeat center center;
    background-size: 20px 20px
}

.ct-quick-nav__toggle--opened {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/x.svg")
}

.ct-quick-nav__edge-toggle {
    cursor: pointer;
    width: 45px;
    height: 45px;
    background-color: #C53131;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    border-radius: 23px 0 0 23px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px
}

.ct-quick-nav__edge-toggle .ct-svg {
    width: 20px;
    height: 20px
}

.ct-quick-nav__edge-toggle--opened {
    opacity: .25
}

.ct-quick-nav__edge-toggle--visible .ct-svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ct-quick-nav__menu-item--features .ct-quick-nav__button-label,
.ct-quick-nav__menu-item--proficiencies .ct-quick-nav__button-label {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.ct-quick-nav--opened {
    top: 47px;
    left: 0
}

.ct-quick-nav--opened .ct-quick-nav__mask {
    display: block
}

@media(min-width:768px) {
    .ct-quick-nav--opened {
        top: 0
    }
    .ct-quick-nav--opened .ct-quick-nav__mask {
        opacity: 0
    }
}

@media(min-width:1024px) {
    .ct-quick-nav {
        z-index: 40002
    }
}

@media(min-width:1200px) {
    .ct-quick-nav {
        z-index: 12
    }
}

.racial-trait-detail-options {
    margin-bottom: 15px;
    border-bottom: 1px solid #f1f1f1
}

.racial-trait-detail-option+.racial-trait-detail-option {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #f1f1f1
}

.racial-trait-detail-option-heading {
    font-weight: bold
}

.racial-trait-detail-option .ability-pool-spell-name {
    font-weight: normal
}

.ct-saving-throws-details__empty {
    color: #838383;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px
}

.ct-saving-throws-details__value {
    margin-right: 3px
}

.ct-saving-throws-details__modifier {
    margin-top: 8px
}

.ct-saving-throws-details__icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: transparent no-repeat center center;
    background-size: contain;
    margin-right: 2px;
    margin-top: -2px
}

.ct-saving-throws-details__icon--advantage {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/advantage-icon.svg")
}

.ct-saving-throws-details__icon--disadvantage {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/disadvantage-icon.svg")
}

.ct-saving-throws-details__icon--bonus-pos {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/savingthrow-positive-icon.svg")
}

.ct-saving-throws-details__icon--bonus-neg {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/savingthrow-negative-icon.svg")
}

.ct-saving-throws-details__summary-ability {
    font-weight: bold
}

.ct-saving-throws-details__summary-restriction {
    margin-left: 2px
}

.ct-saving-throws-details__source {
    margin-left: 5px;
    color: #838383
}

.ct-saving-throws-details .ct-item-name {
    padding-right: 0
}

.ct-saving-throws-summary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ct-saving-throws-summary__ability {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/saves-int.svg") no-repeat;
    background-size: contain;
    width: 107px;
    height: 34px
}

.ct-saving-throws-summary__ability-proficiency {
    width: 5px;
    position: relative
}

.ct-saving-throws-summary__ability-name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-saving-throws-summary__ability-modifier {
    width: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: bold
}

.ct-saving-throws-summary__ability--str {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.ct-saving-throws-summary__ability--int {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ct-saving-throws-summary__ability--dex {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.ct-saving-throws-summary__ability--wis {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ct-saving-throws-summary__ability--con {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    margin-bottom: 3px
}

.ct-saving-throws-summary__ability--cha {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    margin-bottom: 3px;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ct-saving-throws-summary__ability-situational {
    position: absolute;
    right: -6px;
    top: 0;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: transparent no-repeat center center;
    background-size: contain;
    border-radius: 9px
}

.ct-saving-throws-summary__ability-situational--bonus-pos {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/savingthrow-positive-icon.svg")
}

.ct-saving-throws-summary__ability-situational--bonus-neg {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/savingthrow-negative-icon.svg")
}

.ct-saving-throws-summary__ability .ct-proficiency-level-icon {
    position: absolute;
    left: -3px;
    top: -50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.ct-scrollwheel {
    position: relative;
    height: 145px
}

.ct-scrollwheel__bg {
    width: 48px;
    height: 145px;
    margin: 0 auto;
    background: linear-gradient(180deg, #E1E9EB 0, #F7F9F9 49.39%, #E1E9EB 100%);
    border: 1px solid #DEE4EB;
    border-radius: 6px
}

.ct-scrollwheel__wheel {
    background: center 0 #fff url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/wheel-notch.png") repeat-y;
    position: absolute;
    width: 36px;
    top: 4px;
    left: 50%;
    bottom: 4px;
    margin-left: -18px;
    border-bottom: 0;
    border-top: 0;
    border-radius: 4px
}

.ct-scrollwheel__wheel::after {
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(126, 137, 140, 0.9) 0, rgba(153, 161, 164, 0.7) 3%, rgba(203, 210, 213, 0.7) 18.83%, rgba(247, 249, 249, 0.2) 49.39%, rgba(203, 210, 213, 0.7) 79.64%, rgba(153, 162, 164, 0.7) 98%, rgba(126, 137, 140, 0.9) 100%);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.13);
    border: 1px solid #8E9DA8;
    border-bottom-color: #8e8d8d;
    border-radius: 4px
}

.ct-section-placeholder {
    background-color: #f2f2f2;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 10px solid #fff;
    box-shadow: 0 0 0 1px #eaeaea inset
}

.ct-section-placeholder__icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    padding: 30px;
    border-radius: 50%
}

.ct-section-placeholder__icon .ct-svg {
    width: 60px;
    height: 60px;
    opacity: .5
}

.ct-section-placeholder__name {
    font-size: 20px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase
}

@media(max-height:459px) {
    .ct-section-placeholder__icon {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 20px
    }
    .ct-section-placeholder__name {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

@media(min-height:460px) {
    .ct-section-placeholder {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .ct-section-placeholder__icon {
        padding: 50px
    }
    .ct-section-placeholder__icon .ct-svg {
        width: 110px;
        height: 110px
    }
    .ct-section-placeholder__name {
        margin-top: -20px;
        margin-bottom: 15px
    }
}

.ct-select {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    border: 1px solid #D8DDE3;
    border-radius: 0
}

.character-select {
    height: 50px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    border: 1px solid #D8DDE3;
    border-radius: 0
}

.character-select .Select-control {
    height: 50px;
    background-color: rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.48);
    border: 1px solid #D8DDE3;
    border-radius: 0
}

.character-select .Select-placeholder,
.character-select .Select--single>.character-select .Select-control .character-select .Select-value {
    line-height: 50px
}

.character-select .Select-input {
    height: 50px
}

.character-select .Select-input>input {
    line-height: 30px
}

.character-select.is-focused:not(.is-open)>.Select-control {
    border-color: #D8DDE3
}

.ct-senses__callout {
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/senses-int.svg") no-repeat;
    background-size: contain;
    width: 241px;
    height: 34px;
    margin: 0 auto 5px;
    position: relative
}

.ct-senses__callout-value {
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    top: 8px;
    left: 3px;
    width: 35px;
    text-align: center
}

.ct-senses__callout-label {
    font-weight: bold;
    font-size: 10px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    position: absolute;
    top: 11px;
    left: 51px
}

.ct-senses__summary {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px
}

.ct-senses__summary--empty {
    color: #838383;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.ct-skills__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.ct-skills__heading {
    font-weight: bold;
    text-transform: uppercase;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 10px
}

.ct-skills__no-proficiency {
    color: #838383;
    text-align: center;
    display: block;
    width: 15px
}

.ct-skills__col--proficiency {
    width: 30px
}

.ct-skills__col--skill {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-skills__col--stat {
    width: 40px;
    padding: 0 5px
}

.ct-skills__list {
    overflow-y: auto;
    max-height: 700px
}

.ct-skills__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.ct-skills__item .ct-skills__col--proficiency {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 3px
}

.ct-skills__item .ct-skills__col--stat {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #838383
}

.ct-skills__item .ct-skills__col--stat-modified {
    color: #1C9AEF
}

.ct-skills__item .ct-skills__col--skill {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px solid #d8d8d8
}

.ct-skills__item .ct-skills__col--modifier {
    border-bottom: 1px solid #d8d8d8;
    padding: 5px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.ct-skills__item .ct-skills__col--modifier-modified {
    color: #1C9AEF
}

.ct-skills__additional {
    margin-top: 6px;
    font-size: 12px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-skills__additional--empty {
    color: #838383;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 33px
}

.source-list+.source-list {
    margin-top: 20px
}

.source-list-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px
}

.source-list-header-name {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-transform: uppercase
}

.source-list-callout {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.source-list-callout-extra {
    font-size: 10px;
    text-transform: uppercase;
    max-width: 62px;
    text-align: right;
    padding-right: 5px;
    display: block;
    line-height: 1
}

.source-list-callout-value {
    font-size: 20px
}

.source-list .ability-pool-list+.truncated-content {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f2f2f2
}

.source-list .ability-pool-list-single-use+.truncated-content {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.ct-speed-box {
    width: 94px;
    height: 89px;
    background: center center transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/speed.svg") no-repeat;
    background-size: contain;
    position: relative;
    cursor: pointer;
    text-align: center
}

.ct-speed-box__heading {
    color: #838383;
    font-size: 10px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    padding-top: 11px;
    padding-bottom: 1px
}

.ct-speed-box__label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold
}

.ct-speed-box__value {
    color: #242528;
    font-size: 26px;
    font-weight: 500
}

.ct-spell-caster__casting {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-spell-caster__casting-label {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 5px
}

.ct-spell-caster__casting-actions {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-spell-caster__casting-actions .ct-theme-button {
    position: relative;
    padding: 0 6px;
    line-height: 26px
}

.ct-spell-caster__casting-action+.ct-spell-caster__casting-action {
    margin-left: 5px
}

.ct-spell-caster__casting-action-count {
    position: absolute;
    background-color: #fff;
    padding: 1px 4px;
    border: 1px solid #C53131;
    border-radius: 3px;
    color: #C53131;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    line-height: 1
}

.ct-spell-caster__casting-action-count {
    top: -10px
}

.ct-spell-caster__casting-action-count--limited-use {
    right: 5px
}

.ct-spell-caster__casting-action-count--spellcasting {
    left: 5px
}

.ct-spell-caster__casting-action-button--limited {
    min-width: 70px
}

.ct-spell-caster__casting-level {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5px
}

.ct-spell-caster__casting-level-label {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 5px
}

.ct-spell-caster__casting-level-current--controls {
    width: 30px;
    text-align: center
}

.ct-spell-caster__casting-level .ct-theme-button {
    vertical-align: middle;
    padding: 6px 0;
    width: 28px;
    height: 28px
}

.ct-spell-caster__casting-level .ct-theme-button::before {
    content: "";
    display: block;
    margin: 0 auto;
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/plus_minus-white.svg") no-repeat;
    background-size: auto 12px;
    width: 12px;
    height: 12px
}

.ct-spell-caster__casting-level .ct-theme-button:disabled::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/plus_minus-disabled.svg")
}

.ct-spell-caster__casting-level .ct-button--increase::before {
    background-position: 0 0
}

.ct-spell-caster__casting-level .ct-button--decrease::before {
    background-position: -12px 0
}

.ct-spell-caster__casting-reset {
    color: #838383;
    font-size: 10px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-left: 3px
}

.ct-spell-caster__limited {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1
}

.ct-spell-caster__modifiers {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1
}

.ct-spell-caster__modifier+.ct-spell-caster__modifier {
    margin-top: 10px
}

.ct-spell-caster__modifier-restriction {
    color: #838383;
    font-size: 12px;
    display: block;
    margin-top: 2px;
    line-height: 1.2
}

.ct-spell-caster__higher-items {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1
}

.ct-spell-caster__higher {
    line-height: 1.3;
    margin-top: 10px
}

.ct-spell-caster__higher-target-description {
    color: #838383;
    font-size: 12px
}

.ct-spell-damage-effect--scaled {
    color: #1C9AEF
}

.ct-spell-damage-effect .ct-damage {
    font-size: 14px
}

.ct-spell-damage-effect__conditions,
.ct-spell-damage-effect__tags {
    font-size: 12px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-spell-detail .ct-spell-caster {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-spell-detail__level-school {
    font-style: italic
}

.ct-spell-detail__level-school-item+.ct-spell-detail__level-school-item {
    margin-left: 3px
}

.ct-spell-detail__customize {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-spell-detail__properties {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-spell-detail__range-shape {
    vertical-align: top;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ct-spell-detail__range-icon {
    top: 0;
    margin-right: 0
}

.ct-spell-detail__components-description {
    color: #838383;
    font-size: 12px;
    margin-left: 5px
}

.ct-spell-detail__description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-spell-detail__actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-spell-detail__action {
    margin-right: 5px
}

.ct-spell-detail__tags {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-spell-detail__tags-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-right: 5px;
    margin-top: 2px
}

.ct-spell-detail__tags-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-spell-detail__tag {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 4px 8px;
    border-radius: 1px;
    border: 1px solid #cbc6c3;
    background-color: #fff;
    box-shadow: inset 0 0 2px 0 #dcd1c7;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase
}

.ct-spell-notes {
    font-size: 12px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.ct-spells-filter__interactions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.ct-spells-filter__callout {
    padding-left: 10px
}

.ct-spells-filter__box {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset
}

.ct-spells-filter__primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-spells-filter__primary-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-spells-filter__icon {
    width: 14px;
    height: 14px;
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/search-grey.svg") no-repeat;
    background-size: 14px 14px;
    margin-right: 10px
}

.ct-spells-filter__field {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-spells-filter__input[type=search] {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    width: 100%;
    padding: 0;
    line-height: 24px
}

.ct-spells-filter__input[type=search]:focus {
    border: 0;
    box-shadow: none;
    background: transparent
}

.ct-spells-filter__input[type=search]:hover {
    background: transparent
}

.ct-spells-filter__clear {
    cursor: pointer;
    color: #C53131;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-left: 10px
}

.ct-spells-filter__advanced {
    position: relative;
    width: 14px;
    height: 14px;
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/filter.svg") no-repeat;
    background-size: 14px 14px;
    margin-left: 10px;
    cursor: pointer
}

.ct-spells-filter__advanced--active {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/icons/filter-active.svg")
}

.ct-spells-filter__advanced-callout {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 2px;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #C53131;
    color: #fff
}

.ct-spells-filter__actives {
    margin-right: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px
}

.ct-spells-filter__active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #C53131;
    color: #fff;
    border-radius: 3px;
    padding: 5px 4px;
    font-size: 10px;
    line-height: 11px;
    cursor: pointer;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 3px;
    margin-bottom: 3px
}

.ct-spells-filter__active:hover {
    background-color: #9c2727
}

.ct-spells-filter__active:last-child {
    margin-right: 0
}

.ct-spells-filter__active-label {
    margin-right: 4px;
    font-weight: bold
}

.ct-spells-filter__active-remove {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3px
}

.ct-spells-filter__active-remove:hover {
    background-color: #731d1d
}

.ct-spells-filter__active-remove-icon {
    width: 9px;
    height: 9px;
    background: -18px 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-white.svg") no-repeat;
    background-size: auto 9px
}

.ct-spells-filter__adv-filter+.ct-spells-filter__adv-filter {
    margin-top: 10px
}

.ct-spells-filter__adv-filter-label {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    padding: 3px 0
}

.ct-spells-filter__adv-filter-options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-spells-filter__adv-filter-option-group {
    margin: 0 5px 5px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-spells-filter__adv-filter-button {
    cursor: pointer;
    background-color: #eaeaea;
    padding: 3px 8px;
    border-radius: 3px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ct-spells-filter__adv-filter-button:hover {
    background-color: #d1d1d1
}

.ct-spells-filter__adv-filter-button--active {
    background-color: #C53131;
    color: #fff
}

.ct-spells-filter__adv-filter-button--active:hover {
    background-color: #9c2727
}

.ct-spells-filter__adv-filter-option {
    margin-bottom: 5px;
    margin-right: 5px
}

.ct-spells-filter__adv-filter-checkbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-spells-filter__adv-filter-checkbox-label {
    margin-left: 5px
}

.ct-spells-slot-chooser {
    position: absolute;
    border: 1px solid #ccc;
    padding: 6px;
    z-index: 10;
    background: #fff;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    left: 100%;
    white-space: nowrap;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 1px
}

.ct-spells-slot-chooser::before,
.ct-spells-slot-chooser::after {
    content: "";
    display: block;
    border-right: 7px solid #fff;
    width: 0;
    height: 0;
    position: absolute;
    right: 100%;
    top: 50%;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ct-spells-slot-chooser::before {
    z-index: 2
}

.ct-spells-slot-chooser::after {
    border-right-color: #ccc;
    z-index: 1;
    margin-right: 1px
}

.ct-spells-slot-chooser .ct-theme-button {
    margin-right: 5px
}

.ct-spells-slot-chooser .ct-theme-button:last-child {
    margin-right: 0
}

.ct-spells-spell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    padding: 8px 0
}

.ct-spells-spell+.ct-spells-spell {
    border-top: 1px dotted #eaeaea
}

.ct-spells-spell__at-will,
.ct-spells-spell__as-ritual {
    text-align: center;
    display: block;
    font-size: 8px;
    color: #838383;
    border-radius: 3px;
    margin-right: 2px;
    margin-left: 2px;
    text-transform: uppercase
}

.ct-spells-spell__action {
    width: 35px;
    position: relative;
    padding-right: 5px
}

.ct-spells-spell__action .ct-theme-button {
    position: relative
}

.ct-spells-spell__scaled {
    position: absolute;
    top: -8px;
    left: 1px;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-spells-spell__scaled-level {
    background-color: #1C9AEF;
    color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 1px 3px;
    font-size: 8px;
    line-height: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ct-spells-spell__scaled-level-ordinal {
    font-size: 6px
}

.ct-spells-spell__name {
    width: 135px
}

.ct-spells-spell__activation {
    width: 35px
}

.ct-spells-spell__activation-extra {
    display: block;
    font-size: 12px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-spells-spell__attacking {
    width: 45px
}

.ct-spells-spell__tohit {
    font-size: 16px;
    font-weight: bold
}

.ct-spells-spell__save {
    font-weight: bold
}

.ct-spells-spell__save-value {
    font-size: 14px
}

.ct-spells-spell__save-label {
    color: #838383;
    font-size: 10px;
    display: block;
    text-transform: uppercase
}

.ct-spells-spell__range {
    width: 55px
}

.ct-spells-spell__range-origin {
    font-size: 12px
}

.ct-spells-spell__range .ct-distance-number--miles .ct-distance-number__label {
    display: block;
    margin: 0
}

.ct-spells-spell__damage {
    width: 85px
}

.ct-spells-spell__notes {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-spells-spell__label {
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-spells-spell__label--scaled {
    color: #1C9AEF
}

.ct-spells-spell__meta {
    font-size: 10px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-spells-spell__meta-item+.ct-spells-spell__meta-item::before {
    content: "\2022";
    padding: 0 3px
}

.ct-spells-spell__range-label {
    font-size: 10px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-spells-spell__range-value {
    font-size: 14px;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-spells-spell__range-value-long {
    color: #838383;
    font-size: 10px;
    margin-left: 3px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-spells-spell__empty-value {
    color: #838383
}

.ct-status-summary-mobile {
    width: 82px
}

.ct-status-summary-mobile__health {
    position: relative;
    border: 1px solid #C53131;
    border-radius: 2px;
    padding: 4px;
    text-align: center
}

.ct-status-summary-mobile__health-label {
    font-size: 7px;
    text-transform: uppercase
}

.ct-status-summary-mobile__hp {
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 1;
    color: #fff
}

.ct-status-summary-mobile__hp-sep {
    padding: 0 3px
}

.ct-status-summary-mobile__hp--has-temp .ct-status-summary-mobile__hp-max,
.ct-status-summary-mobile__hp--has-temp .ct-status-summary-mobile__hp-current {
    color: #40D250
}

.ct-status-summary-mobile__inspiration {
    margin-top: 3px
}

.ct-status-summary-mobile__button {
    border: 1px solid #C53131;
    border-radius: 2px;
    font-size: 8px;
    padding: 2px 5px;
    text-transform: uppercase;
    text-align: center;
    color: #fff
}

.ct-status-summary-mobile__button--interactive {
    cursor: pointer
}

.ct-status-summary-mobile__button--active {
    background-color: #C53131
}

.ct-status-summary-mobile__exhaustion {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-status-summary-mobile__exhaustion-label {
    font-size: 10px;
    text-transform: uppercase
}

.ct-status-summary-mobile__exhaustion-icon {
    width: 24px
}

.ct-status-summary-mobile__exhaustion-icon::before {
    content: "";
    display: block;
    margin: 2px auto 0;
    width: 20px;
    height: 20px;
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/unconscious.svg") no-repeat
}

.ct-status-summary-mobile__deathsaves {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-status-summary-mobile__deathsaves-icon {
    width: 24px
}

.ct-status-summary-mobile__deathsaves-icon::before {
    content: "";
    display: block;
    margin: 2px auto 0;
    width: 20px;
    height: 20px;
    background: 0 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/conditions/white/unconscious.svg") no-repeat
}

.ct-status-summary-mobile__deathsaves-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-status-summary-mobile__deathsaves-label {
    width: 15px;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase
}

.ct-status-summary-mobile__deathsaves-marks {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-status-summary-mobile__deathsaves-mark {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid transparent;
    margin-left: 3px
}

.ct-status-summary-mobile__deathsaves-mark--inactive {
    border-color: #555;
    background-color: #222
}

.ct-status-summary-mobile__deathsaves--fail .ct-status-summary-mobile__deathsaves-mark--active {
    background-color: #D24040
}

.ct-status-summary-mobile__deathsaves--success .ct-status-summary-mobile__deathsaves-mark--active {
    background-color: #40D250
}

.ct-subsection-group-inner {
    position: relative
}

.ct-subsection-group-inner::after {
    content: "";
    display: block;
    background: center 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/ddb-borders-med.png") no-repeat;
    background-size: 105% 12px;
    position: absolute;
    right: 1px;
    left: 1px;
    bottom: 0;
    height: 12px
}

.ct-subsection-group-header {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/section-group-header.png");
    background-size: 100% 100%;
    text-align: center
}

.ct-subsection-group-heading {
    text-align: left;
    font-size: 20px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 15px;
    color: #fff
}

.ct-subsection-group-body {
    padding: 15px 0 20px;
    border-left: 1px solid #d4d0ce;
    border-right: 1px solid #d4d0ce;
    background: #fff;
    margin-top: -2px
}

.ct-subsection-mobile {
    padding: 10px 0 70px
}

.ct-subsection-mobile .ct-mobile-divider:first-child {
    margin-top: 0
}

.ct-subsection-tablet {
    padding: 15px 15px 70px;
    max-width: 700px;
    margin: 0 auto
}

.ct-subsection-tablet .ct-mobile-divider:first-child {
    margin-top: 0
}

.ct-subsections {
    position: relative
}

.sync-blocker {
    z-index: 12;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    color: #fff;
    background-color: rgba(35, 35, 35, 0.96);
    transition: all 150ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sync-blocker-active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    visibility: visible
}

.sync-blocker-transition-in-out {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.95) translate3d(0, 0, 0);
    transform: scale(0.95) translate3d(0, 0, 0)
}

.sync-blocker-inactive {
    display: none
}

.sync-blocker-finished {
    right: 100%
}

.sync-blocker-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.sync-blocker-logo {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/dnd-beyond-logo.svg") no-repeat;
    background-size: auto 70px;
    height: 90px;
    width: 100%;
    margin-bottom: 10px
}

.sync-blocker-anim {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    height: 100px;
    width: 100%
}

@media(min-width:768px) {
    .sync-blocker {
        background-color: rgba(255, 255, 255, 0.01);
        position: absolute;
        -webkit-transform: none!important;
        transform: none!important;
        z-index: 10
    }
    .sync-blocker-group {
        background: #232323;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        border-radius: 7px;
        max-width: 310px;
        padding: 40px 20px;
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.ct-tab-list {
    position: relative
}

.ct-tab-list__nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.ct-tab-list__nav-item {
    border-bottom: 3px solid transparent;
    color: #838383;
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer
}

.ct-tab-list__nav-item+.ct-tab-list__nav-item {
    margin-left: 15px
}

.ct-tab-list__nav-item:hover {
    color: #000
}

.ct-tab-list__nav-item--active {
    border-bottom-color: #C53131;
    color: #000
}

.ct-tab-list .ct-popout-menu {
    right: 10px;
    left: auto;
    top: 25px;
    margin-top: 15px
}

.ct-tablet-box__border {
    border-left: 2px solid #C53131;
    border-right: 2px solid #C53131;
    margin: -7px -2px;
    border-radius: 2px
}

.ct-tablet-box__inner {
    background-color: #fff;
    padding: 20px;
    border-radius: 9px/14px
}

.ct-tablet-box__header {
    font-weight: bold;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #fff;
    margin-bottom: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-tablet-group+.ct-tablet-group {
    margin-top: 30px
}

.ct-tablet-group__header {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: 1px solid #eaeaea;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-tablet-group__header-content {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    color: #C53131;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.textarea-editor {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    margin: 10px 0;
    padding: 15px
}

.textarea-editor-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.textarea-editor-heading {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.textarea-editor-preview-content {
    white-space: pre-wrap;
    padding: 10px 0
}

.textarea-editor-manager-heading {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px
}

.textarea-editor-manager-input {
    white-space: pre-wrap;
    padding: 10px;
    border: 1px solid #eaeaea;
    border-radius: 3px
}

.ct-trait-content {
    margin-bottom: 13px
}

.ct-trait-content__heading {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    line-height: 1.2
}

.ct-trait-content__content {
    font-size: 12px;
    white-space: pre-wrap
}

.ct-trait-content--no-content .ct-trait-content__content {
    color: #838383
}

.truncated-content-hidden .truncated-content-content {
    max-height: 92px;
    overflow: hidden;
    position: relative
}

.truncated-content-hidden .truncated-content-content:after {
    content: '';
    display: block;
    position: absolute;
    top: 39px;
    left: 0;
    right: 0;
    height: 53px;
    background: linear-gradient(to top, white 6%, rgba(255, 255, 255, 0))
}

.truncated-content-trigger-label {
    color: #96bf6b;
    cursor: pointer
}

.ct-value-editor {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #eaeaea
}

.ct-value-editor__property {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-value-editor__property-value {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-value-editor__property-input[type=text],
.ct-value-editor__property-input[type=number] {
    width: 100%
}

.ct-value-editor--standard .ct-value-editor__property {
    margin-top: 8px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-value-editor--standard .ct-value-editor__property:first-child {
    margin-top: 0
}

.ct-value-editor--standard .ct-value-editor__property-label {
    width: 100%;
    font-size: 11px;
    margin-bottom: 2px
}

.ct-value-editor--standard .ct-value-editor__property-source {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding-left: 5px
}

.ct-value-editor--compact {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px
}

.ct-value-editor--compact .ct-value-editor__property {
    padding-right: 5px;
    padding-bottom: 5px;
    width: 33.33333%;
    line-height: 1.3;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-value-editor--compact .ct-value-editor__property-label {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    font-size: 10px;
    margin-left: 5px;
    margin-bottom: 0
}

.ct-value-editor--compact .ct-value-editor__property--number {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.ct-value-editor--compact .ct-value-editor__property--number .ct-value-editor__property-input {
    width: 45px
}

.ct-value-editor--compact .ct-value-editor__property--text {
    width: 100%
}

.ct-value-editor--compact .ct-value-editor__property--text .ct-value-editor__property-input {
    width: 100%
}

.ct-xp-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-xp-bar__item {
    font-size: 7px
}

.ct-xp-bar__item--progress {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 5px
}

.ct-xp-bar__progress {
    background-color: #5f6473;
    display: block
}

.ct-xp-bar__progress-inner {
    background-color: #C53131;
    height: 1px;
    display: block;
    position: relative
}

.ct-xp-bar__progress-marker {
    position: absolute;
    right: 0;
    top: 0
}

.ct-xp-bar__progress-marker::before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    background-color: #C53131;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: -3px
}

.ct-xp-bar__progress-marker-amount {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 100%;
    margin-bottom: 4px;
    font-size: 12px
}

.equipment-manager-total-weight {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px
}

.equipment-manager-total-weight-label {
    margin-right: 5px;
    text-transform: uppercase
}

.equipment-manager-attuned {
    margin: 15px 0
}

.equipment-manager-attuned-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center
}

.equipment-manager-attuned-slots {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 360px;
    margin: 0 auto
}

.equipment-manager-attuned-slot {
    width: 33%;
    position: relative;
    cursor: pointer
}

.equipment-manager-attuned-slot+.equipment-manager-attuned-slot {
    margin-left: 5px
}

.equipment-manager-attuned-item-preview {
    border-radius: 3px;
    border: 1px solid #96bf6b;
    height: 50px;
    background-size: cover;
    background-position: center center;
    background-color: #f2f2f2;
    position: relative;
    z-index: 2
}

.equipment-manager-attuned-item-name {
    font-size: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: #96bf6b;
    color: #fff;
    padding: 4px 5px 2px;
    text-align: center;
    margin-top: -4px;
    border-radius: 0 0 3px 3px
}

.equipment-manager-attuned-add {
    border-radius: 3px;
    border: 1px dashed #96bf6b;
    height: 50px;
    position: relative
}

.equipment-manager-attuned-add::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -8px;
    display: block;
    height: 16px;
    width: 16px;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat 0 0;
    background-size: cover
}

.equipment-manager-info {
    margin: 15px 0;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.equipment-manager-info-primary {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.equipment-manager-attuner {
    box-shadow: inset 0 0 4px 0 rgba(139, 178, 199, 0.15);
    border: 1px solid #D8DDE3;
    margin-bottom: 15px
}

.equipment-manager-attuner-group {
    padding: 15px 10px
}

.equipment-manager-attuner-group+.equipment-manager-attuner-group {
    border-top: 1px solid #D8DDE3
}

.equipment-manager-attuner-list {
    padding: 10px
}

.equipment-manager-attuner-item {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    cursor: pointer
}

.equipment-manager-attuner-item+.equipment-manager-attuner-item {
    margin-top: 10px
}

.equipment-manager-attuner-none {
    font-size: 14px;
    color: #ccc
}

.equipment-manager-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    border-radius: 3px
}

.equipment-manager-item+.equipment-manager-item {
    border-top: 1px solid #F6F6F4
}

.equipment-manager-item-name {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.equipment-manager-item-status {
    margin-right: 7px
}

.equipment-manager-item-status .character-button-small {
    width: 46px
}

.equipment-manager-item-remove {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.equipment-manager-item-remove::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background: -26px 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-red.svg") no-repeat;
    background-size: 38px 12px
}

.equipment-manager-add-show,
.equipment-manager-add-hide {
    margin-bottom: 10px
}

.equipment-manager-inventory {
    margin-top: 20px
}

.equipment-manager-inventory-group {
    margin-top: 5px
}

.equipment-manager-inventory-header {
    padding: 10px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f1f1f1
}

.equipment-manager-inventory-group-opened>.equipment-manager-inventory-header {
    border-left: 3px solid #96bf6b
}

.equipment-manager-inventory-heading {
    font-size: 15px;
    font-weight: bold;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.equipment-manager-inventory-heading-notification {
    content: "!";
    background: #f31800;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    z-index: 3;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    margin-left: 5px
}

.equipment-manager-inventory-heading-extra {
    font-weight: normal;
    margin-left: 5px;
    font-size: 12px
}

.equipment-manager-inventory-trigger {
    min-width: 16px;
    height: 16px;
    width: 16px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat;
    background-size: cover;
    margin-left: 9px;
    cursor: pointer
}

.equipment-manager-inventory-group-opened .equipment-manager-inventory-trigger {
    background-position: -17px 0
}

.equipment-manager-inventory-group-collapsed .equipment-manager-inventory-trigger {
    background-position: 0 0
}

.equipment-manager-inventory-content {
    margin: 10px 0
}

.equipment-manager-empty {
    padding: 10px;
    text-align: center
}

.equipment-manager-shop-filters-toggles {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
}

.equipment-manager-shop-filter {
    margin: 10px 0
}

.equipment-manager-shop-filter-heading {
    font-weight: bold;
    font-size: 14px
}

.equipment-manager-shop-filter-toggle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    cursor: pointer
}

.equipment-manager-shop-filter-toggle .character-checkbox {
    margin-right: 5px
}

.equipment-manager-shop-filter-toggle .character-checkbox-label {
    font-weight: bold;
    font-size: 14px
}

.equipment-manager-shop-levels {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -3px
}

.equipment-manager-shop-level {
    padding: 0 3px 6px;
    width: 25%
}

.equipment-manager-shop-level .character-button-block {
    padding: 9px 5px
}

.equipment-manager-shop-loading {
    margin: 10px 0;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.equipment-manager-shop-loading-icon {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 40px;
    height: 50px;
    width: 100%
}

.hp-manager-label {
    font-weight: bold;
    margin-right: 7px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.hp-manager-total {
    text-align: center;
    margin-bottom: 15px
}

.hp-manager-total-label {
    font-size: 10px;
    color: #aaa;
    text-transform: uppercase
}

.hp-manager-total-value {
    font-weight: bold;
    font-size: 36px;
    line-height: 1
}

.hp-manager-inputs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 350px;
    margin: 0 auto 20px
}

.hp-manager-input {
    padding: 0 5px;
    width: 33.33333%
}

.hp-manager-input:first-child {
    padding-left: 0
}

.hp-manager-input:last-child {
    padding-right: 0
}

.hp-manager-input-readonly-value {
    text-align: center;
    font-size: 20px;
    line-height: 40px
}

.hp-manager-input .builder-field {
    margin: 0
}

.hp-manager-input .builder-field-heading {
    text-align: center
}

.hp-manager-input .builder-field-value {
    text-align: center
}

.hp-manager-sources {
    margin-bottom: 20px
}

.hp-manager-sources-heading {
    font-weight: bold
}

.hp-manager-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1
}

.hp-manager-info .builder-page-subheader {
    text-align: left;
    margin-bottom: 5px;
    margin-top: 0
}

.hp-manager-hitdice {
    width: 50%
}

.hp-manager-hitdice-heading {
    font-weight: bold
}

.hp-manager-possibilities {
    width: 50%
}

.body-rpgcharacter-sheet {
    overscroll-behavior-y: contain
}

.body-rpgcharacter-sheet #footer-push,
.body-rpgcharacter-sheet #footer {
    display: none!important
}

.body-rpgcharacter-sheet .page-header {
    display: none!important
}

.body-rpgcharacter-sheet .site-bar {
    border-color: #C53131
}

@media(max-width:767px) {
    .body-rpgcharacter-sheet {
        background: #fff!important
    }
    .body-rpgcharacter-sheet #content {
        padding: 0!important;
        position: static!important
    }
    .body-rpgcharacter-sheet #content .primary-content {
        position: static!important
    }
    .body-rpgcharacter-sheet #footer {
        display: none!important
    }
    .body-rpgcharacter-sheet .container {
        position: static!important;
        -webkit-perspective: none!important;
        perspective: none!important;
        -webkit-transform: none!important;
        transform: none!important
    }
    .body-rpgcharacter-sheet .ad-container {
        display: none!important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .body-rpgcharacter-sheet {
        background-size: 100% auto!important
    }
}

@media(min-width:768px) {
    .body-rpgcharacter-sheet #site #site-main .container {
        max-width: none!important;
        z-index: auto
    }
    .body-rpgcharacter-sheet #site #site-main .container #content {
        padding: 0!important
    }
}

.spell-manager-header {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    line-height: 1
}

.spell-manager-info {
    margin: 10px 0;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px
}

.spell-manager-info-primary {
    margin-bottom: 5px
}

.spell-manager-info-extra {
    text-transform: none;
    font-size: 11px;
    color: #777;
    font-weight: normal;
    margin-left: 8px
}

.spell-manager-info-exceeded {
    color: #f31800;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.spell-manager-info-exceeded::after {
    content: "!";
    background: #f31800;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    z-index: 3;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    margin-left: 5px
}

.spell-manager-class-add {
    margin: 10px 0
}

.spell-manager-spell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    border-radius: 3px
}

.spell-manager-spell+.spell-manager-spell {
    border-top: 1px solid #F6F6F4
}

.spell-manager-spell-name {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.spell-manager-spell-status {
    margin-right: 7px;
    font-size: 8px;
    width: 46px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    color: #96bf6b
}

.spell-manager-spell-status .character-button-small {
    width: 46px
}

.spell-manager-spell-remove {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    cursor: pointer
}

.spell-manager-spell-remove-icon {
    position: relative;
    width: 24px;
    height: 24px
}

.spell-manager-spell-remove-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background: -26px 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-red.svg") no-repeat;
    background-size: 38px 12px
}

.spell-manager-loading {
    margin: 10px 0;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.spell-manager-loading-icon {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 40px;
    height: 50px;
    width: 100%
}

.spell-manager-add-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.spell-manager-add-header-heading {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.spell-manager-add-header-actions {
    white-space: nowrap;
    margin-left: 5px
}

.spell-manager-known-max {
    background: #fffae1;
    padding: 10px 50px;
    border: 1px solid #fbdf6d;
    text-align: center;
    color: #ccab00;
    font-weight: bold;
    min-height: 90px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.spell-manager-add .spell-manager-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.spell-manager-add .spell-manager-info-cantrips {
    margin-right: 10px
}

.spell-manager-group-filter {
    margin: 10px 0
}

.spell-manager-group-filter-heading {
    font-weight: bold;
    font-size: 14px
}

.spell-manager-group-filter-levels {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.spell-manager-group-filter-level {
    margin-right: 5px;
    margin-bottom: 5px
}

.spell-manager-group-filter-level-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.spell-manager-group-filter-level-ordinal {
    font-size: 7px;
    margin-top: 1px
}

.spell-manager-item-always-prepared {
    font-size: 9px;
    color: #96bf6b;
    text-transform: uppercase;
    max-width: 43px;
    text-align: center
}

.spell-manager .filter-listing-content {
    max-height: calc(100vh - 215px)
}

@media(min-width:768px) {
    .spell-manager .filter-listing-content {
        max-height: none
    }
}

.class-spell-list {
    margin-top: 5px
}

.class-spell-list-manager {
    margin-top: 20px
}

.class-spell-list-manager+.class-spell-list-manager {
    margin-top: 40px
}

.class-spell-list-manager-preview {
    margin-right: 5px
}

.class-spell-list-manager-preview-img {
    width: 30px;
    height: 30px;
    border-radius: 3px
}

.class-spell-list-manager-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.class-spell-list-manager-heading {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    line-height: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.class-spell-list-header {
    padding: 10px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f1f1f1
}

.class-spell-list-opened>.class-spell-list-header {
    border-left: 3px solid #96bf6b
}

.class-spell-list-heading {
    font-size: 15px;
    font-weight: bold;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.class-spell-list-heading-notification {
    content: "!";
    background: #f31800;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    z-index: 3;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    margin-left: 5px
}

.class-spell-list-heading-extra {
    font-weight: normal;
    margin-left: 5px;
    font-size: 12px
}

.class-spell-list-trigger {
    min-width: 16px;
    height: 16px;
    width: 16px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat;
    background-size: cover;
    margin-left: 9px;
    cursor: pointer
}

.class-spell-list-opened>.class-spell-list-header .class-spell-list-trigger {
    background-position: -17px 0
}

.class-spell-list-collapsed>.class-spell-list-header .class-spell-list-trigger {
    background-position: 0 0
}

.class-spell-list-empty {
    padding: 10px;
    text-align: center
}

.class-spell-list-actives,
.class-spell-list .spell-list {
    margin: 10px 0
}

.ct-subsection__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.ct-subsection__header-content {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px
}

.ct-subsection__footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.collapsible+.collapsible {
    margin-top: 2px
}

.collapsible-heading {
    font-size: 15px;
    font-weight: bold;
    font-family: Roboto, Helvetica, sans-serif;
    line-height: 1.1
}

.collapsible-header {
    cursor: pointer;
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    padding-right: 8px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 65px;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/collapsible-480.png") no-repeat;
    background-size: 100% 65px;
    transition: background-image .2s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

.collapsible-opened>.collapsible-header {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/collapsible-480-hover.png");
    transition: background-image .1s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

.collapsible-header-icon {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background: center center transparent no-repeat;
    background-size: 28px 28px
}

.collapsible-header-icon-spell-ranged {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/ranged_spell.svg")
}

.collapsible-header-icon-spell-melee {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/melee_spell.svg")
}

.collapsible-header-icon-spell-generic {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/general_spell.svg")
}

.collapsible-header-icon-weapon-ranged {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/ranged_weapon.svg")
}

.collapsible-header-icon-weapon-melee {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/melee_weapon.svg")
}

.collapsible-header-icon-natural-attack-ranged {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/unarmedstrike-dark.svg")
}

.collapsible-header-icon-natural-attack-melee {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/attack_types/unarmedstrike-dark.svg")
}

.collapsible-header-content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.collapsible-header-trigger {
    height: 16px;
    width: 16px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat;
    background-size: cover;
    margin-left: 5px;
    cursor: pointer
}

.collapsible-opened .collapsible-header-trigger {
    background-position: -17px 0
}

.collapsible-collapsed .collapsible-header-trigger {
    background-position: 0 0
}

.collapsible-header-el {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.collapsible-header-info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.collapsible-header-meta {
    color: #838383;
    font-size: 10px;
    font-family: Roboto, Helvetica, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1;
    margin-top: 3px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.collapsible-header-meta-item+.collapsible-header-meta-item::before {
    content: "\2022";
    padding: 0 5px
}

.collapsible-header-callout-extra {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    padding-right: 4px;
    text-transform: uppercase
}

.collapsible-header-callout-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px
}

.collapsible-body {
    background-color: white;
    border-left: 1px solid #ECE9E9;
    border-right: 1px solid #ECE9E9;
    margin: 0 2px;
    position: relative;
    top: -10px;
    font-size: 14px;
    line-height: 1.7;
    padding: 20px 15px 32px
}

.collapsible-body::after {
    content: '';
    display: block;
    background: center 0 transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/collapsible-480-bottom.png") no-repeat;
    background-size: 105% 28px;
    height: 28px;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0
}

.collapsible-opened>.collapsible-body {
    display: block
}

.collapsible-collapsed>.collapsible-body {
    display: none
}

.collapsible-body ul {
    list-style-type: disc;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.collapsible-todo {
    position: relative
}

.collapsible-todo::before {
    content: "!";
    position: absolute;
    background: #1C9AEF;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: 3;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    top: 0;
    left: -4px
}

.collapsible-todo .collapsible-header {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/collapsible-480-highlight.png")
}

.collapsible-opened.collapsible-todo>.collapsible-header {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/collapsible-480-hover-highlight.png")
}

@media(min-width:768px) {
    .collapsible-header {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1a-700.png")
    }
    .collapsible-header:hover,
    .collapsible-opened>.collapsible-header {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1a-700-hover.png")
    }
    .collapsible-body::after {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/expanded-listing-item-bottom-border-700.png")
    }
    .collapsible-body .character-button-block {
        max-width: 50%;
        margin: 0 auto
    }
    .collapsible-todo .collapsible-header {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/collapsible-700-highlight.png")
    }
    .collapsible-todo:hover>.collapsible-header,
    .collapsible-opened.collapsible-todo>.collapsible-header {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/collapsible-700-hover-highlight.png")
    }
}

.ct-prop-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-prop-list__item {
    width: 50%;
    margin-bottom: 10px
}

.ct-prop-list__item-label {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px
}

.ct-prop-list__item--1col {
    width: 100%
}

.ct-prop-list__item--2col {
    width: 50%
}

.ct-prop-list__item--3col {
    width: 33.33333%
}

.ct-prop-list__item--4col {
    width: 25%
}

.ct-prop-list__item--5col {
    width: 20%
}

.ct-prop-list__item--5percent {
    width: 5%
}

.ct-prop-list__item--10percent {
    width: 10%
}

.ct-prop-list__item--15percent {
    width: 15%
}

.ct-prop-list__item--20percent {
    width: 20%
}

.ct-prop-list__item--25percent {
    width: 25%
}

.ct-prop-list__item--30percent {
    width: 30%
}

.ct-prop-list__item--35percent {
    width: 35%
}

.ct-prop-list__item--40percent {
    width: 40%
}

.ct-prop-list__item--45percent {
    width: 45%
}

.ct-prop-list__item--50percent {
    width: 50%
}

.ct-prop-list__item--55percent {
    width: 55%
}

.ct-prop-list__item--60percent {
    width: 60%
}

.ct-prop-list__item--65percent {
    width: 65%
}

.ct-prop-list__item--70percent {
    width: 70%
}

.ct-prop-list__item--75percent {
    width: 75%
}

.ct-prop-list__item--80percent {
    width: 80%
}

.ct-prop-list__item--85percent {
    width: 85%
}

.ct-prop-list__item--90percent {
    width: 90%
}

.ct-prop-list__item--95percent {
    width: 95%
}

.encumbrance-details {
    font-size: 16px;
    line-height: 1.4;
    padding: 10px
}

.encumbrance-details-heading {
    margin: 10px 0;
    font-weight: bold;
    font-size: 18px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase
}

.encumbrance-details-weight {
    margin-bottom: 5px
}

.encumbrance-details-weight-label {
    margin-right: 5px
}

.encumbrance-details-weight-value {
    font-weight: bold
}

.ct-subsection--equipment .tab-list-nav {
    left: -10px;
    right: -10px
}

.equipment-list+.equipment-list {
    border-top: 1px solid #edeae8;
    margin-top: 20px;
    padding-top: 20px
}

.equipment-list-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px
}

.equipment-list-header-name {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.equipment-list-heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.equipment-list-heading-text {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.equipment-list-heading-icons {
    padding-left: 5px
}

.equipment-list-heading-icon {
    vertical-align: middle;
    margin: 0;
    top: -5px
}

.equipment-list-item-callout {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.equipment-list-item-callout-quantity {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.equipment-list-item-callout-quantity-extra {
    font-size: 10px;
    text-transform: uppercase;
    max-width: 62px;
    text-align: right;
    padding-right: 5px;
    display: block;
    line-height: 1
}

.equipment-list-item-callout-quantity-value {
    font-size: 20px
}

.equipment-list-item-callout-action .character-button-small {
    min-width: 45px
}

.equipment-list-item-callout-quantity+.equipment-list-item-callout-action {
    margin-left: 5px
}

.equipment-list-item-cast {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 3px solid #edeae8;
    text-align: center
}

.equipment-list-item-cast-action {
    margin-bottom: 14px
}

.equipment-list-item-damage {
    font-size: 16px
}

.equipment-list-item-damage-effect {
    margin-left: 5px
}

.equipment-list-item .ability-pool-list+.prop-list {
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
    margin-top: 20px
}

.equipment-list-item-desc {
    padding-top: 20px;
    border-top: 1px solid #edeae8;
    overflow-x: hidden
}

.equipment-list-item .collapsible-header-icon {
    background-color: #f2f2f2;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background-size: cover
}

.equipment-list-item-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 0;
    border-top: 1px solid #f1f1f1;
    padding-top: 10px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.equipment-list-item-actions .character-button-small {
    margin: 0 5px;
    min-width: 40px
}

.equipment-list-item-consumer {
    width: 100%
}

.equipment-list-item-action+.equipment-list-item-action {
    margin-left: 10px
}

.equipment-list-item-remove {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    cursor: pointer
}

.equipment-list-item-remove-icon {
    position: relative;
    width: 24px;
    height: 24px
}

.equipment-list-item-remove-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background: -26px 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-red.svg") no-repeat;
    background-size: 38px 12px
}

.equipment-list-item-amount {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.equipment-list-item-amount-label {
    font-weight: bold;
    margin-right: 5px
}

.equipment-list-item-amount-controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.equipment-list-item-amount .equipment-list-item-amount-input {
    width: 60px;
    margin: 0 3px;
    padding-right: 0;
    text-align: center
}

.equipment-manager-shop .equipment-list-item-amount {
    min-width: 300px
}

.equipment-list .ability-pool-list+.prop-list {
    border-top: 1px solid #edeae8;
    padding-top: 20px;
    margin-top: 20px
}

.currency-list-gp-total {
    margin: 10px 0 15px;
    text-align: center
}

.currency-list-gp-total-heading {
    color: #838383;
    font-size: 11px
}

.currency-list-gp-total-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.currency-list-gp-total-icon {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/currency-sprite.png") no-repeat;
    background-position: -21px 0;
    background-size: auto 20px;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.currency-list-gp-total-count {
    font-size: 28px;
    font-weight: bold;
    font-family: Roboto, Helvetica, sans-serif;
    line-height: 1.1
}

.currency-list-item {
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    padding-right: 8px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 65px;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/listing-bars/1a.png") no-repeat;
    background-size: 100% 65px;
    transition: background-image .2s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

.currency-list-item-icon {
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/currency-sprite.png") no-repeat;
    width: 32px;
    height: 32px;
    margin-right: 10px
}

.currency-list-item-platinum .currency-list-item-icon {
    background-position: 0 0
}

.currency-list-item-gold .currency-list-item-icon {
    background-position: -33px 0
}

.currency-list-item-electrum .currency-list-item-icon {
    background-position: -66px 0
}

.currency-list-item-silver .currency-list-item-icon {
    background-position: -99px 0
}

.currency-list-item-copper .currency-list-item-icon {
    background-position: -132px 0
}

.currency-list-item-info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.currency-list-item-name {
    font-size: 18px;
    font-weight: bold;
    font-family: Roboto, Helvetica, sans-serif;
    line-height: 1.1
}

.currency-list-item-conversion {
    color: #838383;
    font-size: 10px;
    font-family: Roboto, Helvetica, sans-serif;
    text-transform: uppercase
}

.currency-list-item-value-input[type=number] {
    box-shadow: inset 0 0 4px 0 #dcd2c7;
    border: solid 1px #cbc6c3;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    width: 80px;
    border-radius: 0
}

.spell-empty {
    padding: 10px;
    font-size: 16px;
    margin-top: 15px
}

.spell-slots-summary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    padding-right: 5px
}

.spell-slots-slot {
    padding: 0 2px
}

.spell-slots-slot-name {
    font-size: 8px
}

.spell-slots-slot-available {
    font-size: 10px;
    font-weight: bold
}

.spell-slot-detail {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.spell-slot-detail+.spell-slot-detail {
    margin-top: 6px
}

.spell-slot-detail-name {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.spell-sources-list+.spell-sources-list,
.spell-class-list+.spell-sources-list,
.spell-sources-list+.spell-class-list,
.spell-class-list+.spell-class-list {
    margin-top: 50px
}

.spell-sources-list-header,
.spell-class-list-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.spell-sources-list-heading,
.spell-class-list-heading {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    line-height: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.spell-class-list {
    border-top: 1px solid #edeae8;
    margin-top: 20px;
    padding-top: 20px
}

.spell-sources-list-group+.spell-sources-list-group {
    border-top: 1px solid #edeae8;
    margin-top: 20px;
    padding-top: 20px
}

.class-spell-list-manager+.spell-sources-list {
    border-top: 1px solid #edeae8;
    margin-top: 20px;
    padding-top: 20px
}

.spell-list-heading-icon {
    vertical-align: middle;
    margin-right: 0;
    margin-left: 4px
}

.spell-list-heading-icon.i-ritual {
    top: auto
}

.spell-list-item-damage {
    font-size: 16px
}

.spell-list-item-damage-effect {
    margin-left: 5px
}

.spell-list-item-desc {
    padding-top: 20px;
    border-top: 1px solid #edeae8
}

.spell-list-item-header-actions .character-button-small {
    min-width: 43px
}

.spell-list-item-content-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0;
    border-top: 1px solid #f1f1f1;
    padding-top: 10px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.spell-list-item-content-actions .character-button-small {
    margin: 0 5px
}

.spell-header-icon-school {
    background-repeat: no-repeat;
    background-size: cover
}

.spell-header-icon-school-abjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/abjuration.png")
}

.spell-header-icon-school-conjuration {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/conjuration.png")
}

.spell-header-icon-school-divination {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/divination.png")
}

.spell-header-icon-school-enchantment {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/enchantment.png")
}

.spell-header-icon-school-evocation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/evocation.png")
}

.spell-header-icon-school-illusion {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/illusion.png")
}

.spell-header-icon-school-necromancy {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/necromancy.png")
}

.spell-header-icon-school-transmutation {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/spell-schools/35/transmutation.png")
}

.xp-manager-main {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.xp-manager-level {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px
}

.xp-manager-choose,
.xp-manager-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.xp-manager-choose-label,
.xp-manager-current-label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 15px
}

.xp-manager-choose-value,
.xp-manager-current-value {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}

.xp-manager-choose {
    width: 50%
}

.xp-manager-choose .xp-manager-choose-value .ct-select {
    width: 60px;
    height: 40px;
    padding: 5px 10px
}

.xp-manager-current {
    width: 50%;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.xp-manager-current .xp-manager-current-input {
    max-width: 90px;
    padding: 5px 10px
}

.xp-manager-level-amounts {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    text-transform: uppercase;
    max-width: 350px;
    margin: 0 auto
}

.xp-manager-bar {
    max-width: 350px;
    margin: 0 auto
}

.xp-manager-adjust {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 350px;
    margin: 0 auto
}

.xp-manager-change {
    width: 100%;
    margin-top: 15px
}

.xp-manager-change-types {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.xp-manager-change-type {
    color: #aab0b7;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom: 2px solid transparent;
    padding: 3px 0;
    white-space: nowrap;
    margin-right: 20px;
    cursor: pointer
}

.xp-manager-change-type-active {
    color: #242528;
    border-bottom-color: #96bf6b
}

.xp-manager-change .xp-manager-change-input {
    padding: 5px 10px
}

.xp-manager-total {
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    margin-top: 20px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center
}

.xp-manager .ct-xp-bar__item--cur,
.xp-manager .ct-xp-bar__item--next {
    font-size: 14px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold
}

.xp-manager .ct-xp-bar__item--progress {
    padding-left: 10px;
    padding-right: 10px
}

.xp-manager .ct-xp-bar__progress-inner {
    height: 3px
}

.ct-actions-mobile .ct-tab-options {
    padding: 10px;
    background: #fff
}

.ct-actions-mobile .ct-combat-attack__name,
.ct-actions-mobile .ct-attack-table__col--name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 90px
}

.ct-actions__manage-custom-link {
    float: right;
    margin-top: 2px;
    margin-right: 5px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-actions__attacks-per-action {
    color: #000;
    text-transform: none;
    font-weight: normal
}

.ct-attunement {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-attunement__group {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-attunement__group-header {
    color: #838383;
    font-size: 10px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px
}

.ct-attunement__group-empty {
    color: #838383;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.ct-attunement__slot {
    width: 248px;
    height: 50px;
    line-height: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-top: 6px
}

.ct-attunement__slot+.ct-attunement__slot {
    margin-top: 9px
}

.ct-attunement__slot::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: top left transparent url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/attune.svg") no-repeat
}

.ct-attunement__slot--filled {
    cursor: pointer
}

.ct-attunement__slot--empty {
    color: #838383;
    font-size: 11px
}

.ct-attunement__slot--empty::after {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/attune-empty.svg")
}

.ct-attunement__slot-preview {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    background: center center transparent no-repeat;
    background-size: cover;
    margin-left: 2px
}

.ct-attunement__slot-content {
    padding-left: 10px;
    min-width: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-attunement__slot-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 4px
}

.ct-attunement__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.ct-attunement__item+.ct-attunement__item {
    margin-top: 8px;
    border-top: 1px dotted #eaeaea;
    padding-top: 8px
}

.ct-attunement__item-action {
    margin-right: 5px;
    min-height: 24px;
    min-width: 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-attunement__meta {
    font-size: 10px;
    color: #838383;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-attunement__meta-item+.ct-attunement__meta-item::before {
    content: "\2022";
    padding: 0 3px
}

.ct-combat {
    width: 517px
}

.ct-combat__summary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-combat__summary-group--initiative,
.ct-combat__summary-group--ac {
    width: 85px
}

.ct-combat__summary-group--ac {
    padding-top: 2px
}

.ct-combat__summary-group--initiative {
    padding-top: 8px
}

.ct-combat__summary-group--statuses {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-left: 5px
}

.ct-combat__summary-label {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase
}

.ct-combat__summary-label--center {
    text-align: center
}

.ct-combat__summary-label--outline {
    margin-bottom: 3px;
    text-shadow: 1px 1px 0 #eaeaea, -1px -1px 0 #eaeaea, -1px 1px 0 #eaeaea, 1px -1px 0 #eaeaea
}

.ct-combat__statuses {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 95px;
    padding: 10px
}

.ct-combat__statuses-group {
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 0 10px;
    overflow: hidden
}

.ct-combat__statuses-group+.ct-combat__statuses-group {
    border-left: 1px solid #D8D8D8
}

.ct-combat .ct-initiative-box {
    margin: 0 auto
}

.ct-combat .ct-armor-class-box {
    margin: 0 auto
}

.ct-combat .ct-defenses-summary {
    max-height: 57px;
    overflow: hidden
}

.ct-combat .ct-defenses-summary__group--single {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ct-combat .ct-conditions-summary {
    max-height: 57px;
    overflow: hidden
}

@media(min-width:1200px) {
    .ct-combat {
        width: 623px
    }
    .ct-combat__summary-group--initiative,
    .ct-combat__summary-group--ac {
        width: 105px
    }
    .ct-combat__summary-group--ac {
        padding-top: 0
    }
    .ct-combat__summary-group--initiative {
        padding-top: 2px
    }
    .ct-combat .ct-initiative-box {
        width: 90px
    }
    .ct-combat .ct-initiative-box__value {
        width: 90px;
        height: 55px
    }
    .ct-combat .ct-armor-class-box {
        width: 90px;
        height: 95px
    }
}

.ct-creatures-mobile {
    padding: 10px;
    background: #fff
}

.ct-creatures-mobile .ct-creature-filter__callout {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
    text-align: center
}

.ct-creatures-mobile .ct-creature-filter__box {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.ct-creatures-mobile .ct-creature-filter__advanced {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.ct-creatures-mobile .ct-creature-filter__interactions {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-creatures-mobile .ct-creature-row__primary {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-creatures-mobile .ct-creature-list__col--primary {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-creatures__empty {
    color: #838383;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 250px;
    margin: 0 auto
}

.ct-description-mobile .ct-description {
    padding: 10px;
    background: #fff
}

.ct-description-mobile .ct-property-list {
    margin-bottom: 20px
}

.ct-description-mobile .ct-background__default {
    max-width: 240px;
    margin: 0 auto
}

.ct-description-tablet__physical {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: 1px solid #eaeaea
}

.ct-description-tablet .ct-background__default {
    max-width: 240px;
    margin: 0 auto
}

.ct-description__physical {
    margin-bottom: 5px
}

.ct-description__physical .ct-prop-list__item-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ct-description__traits {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea
}

.ct-equipment-mobile {
    padding: 10px;
    background: #fff
}

.ct-equipment-mobile .ct-inventory-filter__callout {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
    text-align: center
}

.ct-equipment-mobile .ct-inventory-filter__box {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.ct-equipment-mobile .ct-inventory-filter__advanced {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.ct-equipment-mobile .ct-inventory-filter__interactions {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-equipment-mobile .ct-inventory-item__name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-equipment-mobile .ct-inventory__col--name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-equipment-mobile .ct-attunement {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-equipment-mobile .ct-attunement__group--items {
    margin-top: 15px
}

.ct-equipment__overview {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea
}

.ct-equipment .ct-attunement {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-equipment .ct-attunement__group-items {
    padding-bottom: 8px
}

.ct-equipment .ct-attunement__group-empty {
    max-width: 250px
}

.ct-equipment .ct-attunement__group--equipped .ct-attunement__group-items {
    padding-top: 8px
}

.ct-equipment .ct-equipment-overview {
    margin-top: 7px
}

.ct-equipment .ct-other-possessions {
    font-size: 12px
}

.ct-features-mobile {
    padding: 10px;
    background: #fff
}

.ct-features__management-link {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    text-align: center
}

.ct-inventory__header {
    color: #838383;
    font-size: 10px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px
}

.ct-inventory__row-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-inventory__row-header .ct-inventory__col {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    padding-bottom: 5px
}

.ct-inventory__col--active {
    width: 40px
}

.ct-inventory__col--name {
    width: 150px
}

.ct-inventory__col--weight {
    width: 40px
}

.ct-inventory__col--qty {
    width: 35px
}

.ct-inventory__col--cost {
    width: 50px
}

.ct-inventory__col--location {
    width: 50px
}

.ct-inventory__col--notes {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-inventory__empty {
    color: #838383;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 250px;
    margin: 0 auto
}

.ct-inventory__choose {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-inventory__choose-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px
}

.ct-inventory__choose-action+.ct-inventory__choose-action {
    margin-top: 5px
}

.ct-inventory__choose-action-sep {
    margin: 5px 0;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #838383
}

.limited-empty {
    font-size: 16px;
    padding: 10px
}

.limited-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.limited-action {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px
}

.limited-list+.limited-list {
    margin-top: 20px
}

.limited-list-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px
}

.limited-list-header-name {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.limited-list-item-callout {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.limited-list-item-callout-extra {
    font-size: 10px;
    text-transform: uppercase;
    max-width: 62px;
    text-align: right;
    padding-right: 5px;
    display: block;
    line-height: 1
}

.limited-list-item-callout-value {
    font-size: 20px
}

.limited-list-item-description {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f2f2f2
}

.limited-list-item-single-use .limited-list-item-description {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.ct-main-mobile__campaign {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    padding-left: 10px;
    padding-right: 10px
}

.ct-main-mobile__abilities {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-main-mobile__ability {
    width: 33.33333%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.ct-main-mobile__saving-throws {
    padding: 10px;
    background: #fff
}

.ct-main-mobile__saving-throws .ct-saving-throws-summary {
    max-width: 245px;
    margin: 0 auto
}

.ct-main-mobile__extras {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0
}

.ct-main-mobile__extra {
    width: 33.33333%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-main-mobile .ct-senses {
    padding: 10px;
    background: #fff
}

.ct-main-mobile .ct-senses__summary {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-main-mobile .ct-campaign-summary {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.ct-main-mobile .ct-campaign-summary__name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ct-main-tablet__abilities {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ct-main-tablet__ability {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.ct-main-tablet__large-boxes {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

.ct-main-tablet__large-box {
    position: relative
}

.ct-main-tablet__large-box+.ct-main-tablet__large-box {
    margin-top: 14px
}

.ct-main-tablet__large-box-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-main-tablet .ct-campaign-summary {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    max-width: 400px;
    margin: 0 auto
}

.ct-main-tablet .ct-campaign-summary__name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ct-main-tablet .ct-box-background--fancy-tall {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/content-frames/skills-tablet.svg")
}

.ct-main-tablet .ct-skills-box {
    width: 361px;
    margin-right: -5px
}

.ct-notes-mobile .ct-notes {
    padding: 10px;
    background: #fff
}

.ct-notes__note {
    font-size: 12px;
    white-space: pre-wrap
}

.ct-notes__note--no-content {
    color: #838383
}

.ct-primary-box {
    width: 517px;
    height: 660px;
    position: relative;
    padding: 13px 20px
}

.ct-primary-box__tab--actions .ct-tab-options__content {
    height: 560px;
    overflow-y: auto
}

.ct-primary-box__tab--actions .ct-actions-list__default {
    height: 50px
}

.ct-primary-box__tab--notes .ct-tab-options__content,
.ct-primary-box__tab--description .ct-tab-options__content,
.ct-primary-box__tab--features .ct-tab-options__content {
    height: 560px;
    overflow-y: auto;
    padding-right: 5px
}

.ct-primary-box .ct-creatures,
.ct-primary-box .ct-equipment,
.ct-primary-box .ct-spells {
    height: 600px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-primary-box .ct-creatures__content,
.ct-primary-box .ct-equipment__content,
.ct-primary-box .ct-spells__content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.ct-primary-box .ct-creatures .ct-tab-options,
.ct-primary-box .ct-equipment .ct-tab-options,
.ct-primary-box .ct-spells .ct-tab-options {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 0
}

.ct-primary-box .ct-creatures .ct-tab-options__body,
.ct-primary-box .ct-equipment .ct-tab-options__body,
.ct-primary-box .ct-spells .ct-tab-options__body {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.ct-primary-box .ct-creatures .ct-tab-options__content,
.ct-primary-box .ct-equipment .ct-tab-options__content,
.ct-primary-box .ct-spells .ct-tab-options__content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    padding-right: 5px
}

.ct-primary-box .ct-creature-filter--show-advanced,
.ct-primary-box .ct-spells-filter--show-advanced,
.ct-primary-box .ct-inventory-filter--show-advanced {
    height: 550px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-primary-box .ct-creature-filter__adv-filters,
.ct-primary-box .ct-spells-filter__adv-filters,
.ct-primary-box .ct-inventory-filter__adv-filters {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.ct-primary-box .ct-tab-list {
    position: relative
}

.ct-primary-box .ct-tab-options__nav {
    margin-bottom: 15px
}

@media(min-width:1024px) and (max-width:1199px) {
    .ct-primary-box .ct-tab-list__nav-item {
        font-size: 12px
    }
    .ct-primary-box .ct-tab-list__nav-item+.ct-tab-list__nav-item {
        margin-left: 13px
    }
    .ct-primary-box .ct-attunement__group--items {
        padding-left: 10px
    }
    .ct-primary-box .ct-spells-level__spells-col--name,
    .ct-primary-box .ct-spells-spell__name {
        width: 123px
    }
}

@media(min-width:1200px) {
    .ct-primary-box {
        width: 623px
    }
}

.ct-proficiency-groups-box {
    width: 278px;
    height: 338px;
    position: relative;
    padding: 13px 20px
}

.ct-proficiency-groups-box .ct-proficiency-groups {
    position: relative;
    height: 300px;
    overflow-y: auto
}

.ct-proficiency-groups-mobile {
    padding: 10px;
    background: #fff
}

.ct-saving-throws-box {
    width: 281px;
    height: 200px;
    position: relative;
    padding: 13px 20px
}

.ct-saving-throws-box__abilities {
    position: relative
}

.ct-saving-throws-box__value {
    margin-right: 3px
}

.ct-saving-throws-box__icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: transparent no-repeat center center;
    background-size: contain;
    margin-right: 2px;
    margin-top: -2px
}

.ct-saving-throws-box__icon--advantage {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/advantage-icon.svg")
}

.ct-saving-throws-box__icon--disadvantage {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/disadvantage-icon.svg")
}

.ct-saving-throws-box__icon--bonus-pos {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/savingthrow-positive-icon.svg")
}

.ct-saving-throws-box__icon--bonus-neg {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/savingthrow-negative-icon.svg")
}

.ct-saving-throws-box__summary-ability {
    font-weight: bold
}

.ct-saving-throws-box__summary-restriction {
    margin-left: 2px
}

.ct-saving-throws-box__icon+.ct-saving-throws-box__summary-restriction {
    margin-left: 0
}

.ct-saving-throws-box__modifiers {
    position: relative;
    font-size: 11px;
    height: calc(3.6em + 6px);
    overflow: hidden;
    line-height: 1.2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-saving-throws-box__modifiers--empty {
    color: #838383;
    text-align: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 12px
}

.ct-saving-throws-box__modifiers--multi .ct-saving-throws-box__modifier {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 17px
}

.ct-senses-box {
    width: 281px;
    height: 200px;
    position: relative;
    padding: 13px 20px
}

.ct-senses-box .ct-senses {
    position: relative
}

.ct-senses-box .ct-senses__summary {
    overflow: hidden;
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.2;
    height: calc(3.6em)
}

.ct-senses-desktop .ct-senses__summary {
    overflow: hidden;
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.2;
    height: calc(3.6em)
}

.ct-skills-box {
    width: 281px;
    height: 765px;
    position: relative;
    padding: 13px 20px
}

.ct-skills-box .ct-skills {
    position: relative
}

.ct-skills-mobile .ct-skills {
    padding: 10px;
    background: #fff
}

.ct-spells-level-casting {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.ct-spells-level-casting__info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-spells-level-casting__info-label {
    color: #838383;
    text-transform: uppercase;
    font-size: 10px
}

.ct-spells-level-casting__info-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1
}

.ct-spells-level-casting__info-group+.ct-spells-level-casting__info-group {
    margin-left: 15px
}

.ct-spells-level-casting__info-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-spells-level-casting__info-item {
    font-size: 16px
}

.ct-spells-level-casting__info-item+.ct-spells-level-casting__info-item::before {
    margin-left: 7px;
    padding-left: 6px;
    border-left: 2px solid #d8d8d8;
    content: "";
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 11px
}

.ct-spells-level-casting__info-item .ct-signed-number__sign {
    font-size: 14px
}

.ct-spells-level-casting__slot-groups {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-spells-level-casting__slot-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ct-spells-level-casting__slot-group+.ct-spells-level-casting__slot-group {
    margin-left: 10px
}

.ct-spells-level-casting__slot-group-label {
    margin-left: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.ct-spells-level__empty {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #838383
}

.ct-spells-level__spells-row-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ct-spells-level__spells-row-header .ct-spells-level__spells-col {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    padding: 5px 0
}

.ct-spells-level__spells-col--action {
    width: 35px
}

.ct-spells-level__spells-col--name {
    width: 135px
}

.ct-spells-level__spells-col--activation {
    width: 35px
}

.ct-spells-level__spells-col--range {
    width: 55px
}

.ct-spells-level__spells-col--tohit {
    width: 45px
}

.ct-spells-level__spells-col--damage {
    width: 85px
}

.ct-spells-level__spells-col--notes {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-spells-level__spells-content {
    padding-top: 5px;
    padding-bottom: 8px
}

.ct-spells-mobile {
    padding: 10px;
    background: #fff
}

.ct-spells-mobile .ct-spells-level-casting {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ct-spells-mobile .ct-spells-level-casting__slot-groups,
.ct-spells-mobile .ct-spells-level-casting__info {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ct-spells-mobile .ct-spells-level__spells-col--name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-spells-mobile .ct-spells-spell__name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ct-spells-mobile .ct-spells-filter__callout {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
    text-align: center
}

.ct-spells-mobile .ct-spells-filter__box {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.ct-spells-mobile .ct-spells-filter__advanced {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.ct-spells-mobile .ct-spells-filter__interactions {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ct-spells__casting .ct-spells-level-casting {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea
}

.ct-spells__tab-level-callout {
    position: absolute;
    top: -9px;
    left: 50%;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #C53131;
    color: #fff
}

.ct-spells__tab-level .i-concentration {
    margin-right: 0;
    width: 12px;
    height: 12px
}

.ct-spells__tab-level .i-ritual {
    margin-left: 0;
    margin-right: 0
}

.ct-spells .ct-tab-options__header-heading {
    position: relative
}

.ct-spells__empty-spell-level {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #838383;
    max-width: 450px;
    margin: 0 auto
}

.body-rpgcharacterbuilder .page-header {
    display: none!important
}

.body-rpgcharacterbuilder input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

@media(max-width:767px) {
    .body-rpgcharacterbuilder::before {
        display: none!important
    }
    .body-rpgcharacterbuilder #site-main {
        background: #fff!important
    }
    .body-rpgcharacterbuilder #site-main::before {
        display: none!important
    }
    .body-rpgcharacterbuilder #footer {
        display: none!important
    }
    .body-rpgcharacterbuilder .container {
        position: static!important;
        -webkit-perspective: none!important;
        perspective: none!important;
        -webkit-transform: none!important;
        transform: none!important
    }
    .body-rpgcharacterbuilder.hide-ads .react-swipeable-view-container [aria-hidden=true] {
        display: block!important;
        visibility: visible!important
    }
    .body-rpgcharacterbuilder #debug-bar {
        display: none!important
    }
}

.body-rpgcharacterbuilder #content {
    padding: 0!important;
    position: static!important
}

.body-rpgcharacterbuilder #content .primary-content {
    position: static!important
}

.body-rpgcharacterbuilder .ct-select {
    display: block;
    height: 40px
}

.body-rpgcharacterbuilder .ct-select-todo {
    border-color: #1C9AEF
}

.body-rpgcharacterbuilder .character-builder,
.body-rpgcharacterbuilder .ReactModalPortal {
    font-size: 15px;
    line-height: 1.5
}

.body-rpgcharacterbuilder .filter-listing-content {
    max-height: none
}

.body-rpgcharacterbuilder h4 {
    font-size: 16px
}

.body-rpgcharacterbuilder h5,
.body-rpgcharacterbuilder h6 {
    font-size: 14px;
    font-weight: bold
}

.body-rpgcharacterbuilder table {
    border: 1px solid #edeae8;
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%
}

.body-rpgcharacterbuilder th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border: 1px solid #edeae8;
    border-bottom: 2px solid #d0cac5;
    text-align: left;
    background: #fff;
    color: #242527;
    line-height: 1.3
}

.body-rpgcharacterbuilder td {
    border: 1px solid #edeae8;
    background: #fff;
    padding: 8px 20px;
    line-height: 1.3
}

.body-rpgcharacterbuilder tr:nth-child(odd) td {
    background-color: #faf8f7
}

.body-rpgcharacterbuilder .equipment-manager-tabs {
    top: -15px
}

.body-rpgcharacterbuilder .equipment-manager-tabs .tab-list-nav {
    left: -15px;
    right: -15px
}

@media(min-width:768px) {
    .body-rpgcharacterbuilder .character-builder-inner {
        max-width: 680px;
        margin: 0 auto
    }
    .body-rpgcharacterbuilder .equipment-manager-tabs {
        top: 0
    }
    .body-rpgcharacterbuilder .equipment-manager-tabs .tab-list-nav {
        left: 0;
        right: 0
    }
}

@media(min-width:768px) {
    .body-rpgcharacterbuilder.site {
        background: url(https://www.dndbeyond.com/attachments/1/614/builder1k.jpg) no-repeat center 47px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgcharacterbuilder.site {
        background: url(https://www.dndbeyond.com/attachments/1/614/builder1k.jpg) no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgcharacterbuilder.site {
        background: url(https://www.dndbeyond.com/attachments/1/615/builder2k.jpg) no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgcharacterbuilder.site {
        background: url(https://www.dndbeyond.com/attachments/1/616/builder4k.jpg) no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgcharacterbuilder #site #site-main .container {
        max-width: none!important
    }
    .body-rpgcharacterbuilder #site #site-main .container #content {
        padding: 0!important
    }
}

.character-builder-inner {
    position: relative;
    padding-top: 5px
}

.character-builder-step_by_step {
    padding-top: 53px;
    padding-bottom: 40px
}

.character-builder-page-header {
    display: none
}

@media(min-width:768px) {
    .character-builder-step_by_step {
        padding-top: 0;
        padding-bottom: 0
    }
    .character-builder-step_by_step::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 75px;
        background-color: rgba(0, 0, 0, 0.85)
    }
}

@media(min-width:1240px) {
    .character-builder-page-header {
        position: absolute;
        z-index: 9;
        color: #fff;
        left: -250px;
        height: 60px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 210px
    }
    .character-builder-page-header .character-builder-page-header-heading {
        color: #fff;
        font-size: 30px;
        margin: 0;
        line-height: 1;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-weight: normal
    }
    .character-builder-page-header-summary {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .character-builder-page-header-name {
        line-height: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #ccc
    }
    .character-builder-page-header-avatar {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        border-radius: 3px;
        background-size: cover;
        border: 1px solid #555
    }
    .character-builder-page-header-avatar-none {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/characters/default-avatar-builder.png")
    }
}

.builder-page {
    padding: 15px
}

.builder-page-header {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px
}

.builder-page-header:first-child {
    margin-top: 0
}

.builder-page-subheader {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px
}

@media(min-width:768px) {
    .builder-page-header {
        text-align: left
    }
    .builder-page-subheader {
        text-align: left
    }
}

.body-rpgcharacterbuilder .page-header {
    display: none!important
}

.body-rpgcharacterbuilder input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

@media(max-width:767px) {
    .body-rpgcharacterbuilder::before {
        display: none!important
    }
    .body-rpgcharacterbuilder #site-main {
        background: #fff!important
    }
    .body-rpgcharacterbuilder #site-main::before {
        display: none!important
    }
    .body-rpgcharacterbuilder #footer {
        display: none!important
    }
    .body-rpgcharacterbuilder .container {
        position: static!important;
        -webkit-perspective: none!important;
        perspective: none!important;
        -webkit-transform: none!important;
        transform: none!important
    }
    .body-rpgcharacterbuilder.hide-ads .react-swipeable-view-container [aria-hidden=true] {
        display: block!important;
        visibility: visible!important
    }
    .body-rpgcharacterbuilder #debug-bar {
        display: none!important
    }
}

.body-rpgcharacterbuilder #content {
    padding: 0!important;
    position: static!important
}

.body-rpgcharacterbuilder #content .primary-content {
    position: static!important
}

.body-rpgcharacterbuilder .ct-select {
    display: block;
    height: 40px
}

.body-rpgcharacterbuilder .ct-select-todo {
    border-color: #1C9AEF
}

.body-rpgcharacterbuilder .character-builder,
.body-rpgcharacterbuilder .ReactModalPortal {
    font-size: 15px;
    line-height: 1.5
}

.body-rpgcharacterbuilder .filter-listing-content {
    max-height: none
}

.body-rpgcharacterbuilder h4 {
    font-size: 16px
}

.body-rpgcharacterbuilder h5,
.body-rpgcharacterbuilder h6 {
    font-size: 14px;
    font-weight: bold
}

.body-rpgcharacterbuilder table {
    border: 1px solid #edeae8;
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%
}

.body-rpgcharacterbuilder th {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    border: 1px solid #edeae8;
    border-bottom: 2px solid #d0cac5;
    text-align: left;
    background: #fff;
    color: #242527;
    line-height: 1.3
}

.body-rpgcharacterbuilder td {
    border: 1px solid #edeae8;
    background: #fff;
    padding: 8px 20px;
    line-height: 1.3
}

.body-rpgcharacterbuilder tr:nth-child(odd) td {
    background-color: #faf8f7
}

.body-rpgcharacterbuilder .equipment-manager-tabs {
    top: -15px
}

.body-rpgcharacterbuilder .equipment-manager-tabs .tab-list-nav {
    left: -15px;
    right: -15px
}

@media(min-width:768px) {
    .body-rpgcharacterbuilder .character-builder-inner {
        max-width: 680px;
        margin: 0 auto
    }
    .body-rpgcharacterbuilder .equipment-manager-tabs {
        top: 0
    }
    .body-rpgcharacterbuilder .equipment-manager-tabs .tab-list-nav {
        left: 0;
        right: 0
    }
}

@media(min-width:768px) {
    .body-rpgcharacterbuilder.site {
        background: url(https://www.dndbeyond.com/attachments/1/614/builder1k.jpg) no-repeat center 47px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgcharacterbuilder.site {
        background: url(https://www.dndbeyond.com/attachments/1/614/builder1k.jpg) no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1921px) {
    .body-rpgcharacterbuilder.site {
        background: url(https://www.dndbeyond.com/attachments/1/615/builder2k.jpg) no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:2561px) {
    .body-rpgcharacterbuilder.site {
        background: url(https://www.dndbeyond.com/attachments/1/616/builder4k.jpg) no-repeat center 114px, url(https://www.dndbeyond.com/attachments/0/84/background_texture.png) #f9f9f9
    }
}

@media(min-width:1024px) {
    .body-rpgcharacterbuilder #site #site-main .container {
        max-width: none!important
    }
    .body-rpgcharacterbuilder #site #site-main .container #content {
        padding: 0!important
    }
}

.character-builder-inner {
    position: relative;
    padding-top: 5px
}

.character-builder-step_by_step {
    padding-top: 53px;
    padding-bottom: 40px
}

.character-builder-page-header {
    display: none
}

@media(min-width:768px) {
    .character-builder-step_by_step {
        padding-top: 0;
        padding-bottom: 0
    }
    .character-builder-step_by_step::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 75px;
        background-color: rgba(0, 0, 0, 0.85)
    }
}

@media(min-width:1240px) {
    .character-builder-page-header {
        position: absolute;
        z-index: 9;
        color: #fff;
        left: -250px;
        height: 60px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 210px
    }
    .character-builder-page-header .character-builder-page-header-heading {
        color: #fff;
        font-size: 30px;
        margin: 0;
        line-height: 1;
        font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
        font-weight: normal
    }
    .character-builder-page-header-summary {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .character-builder-page-header-name {
        line-height: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #ccc
    }
    .character-builder-page-header-avatar {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        border-radius: 3px;
        background-size: cover;
        border: 1px solid #555
    }
    .character-builder-page-header-avatar-none {
        background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/characters/default-avatar-builder.png")
    }
}

.builder-page {
    padding: 15px
}

.builder-page-header {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px
}

.builder-page-header:first-child {
    margin-top: 0
}

.builder-page-subheader {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px
}

@media(min-width:768px) {
    .builder-page-header {
        text-align: left
    }
    .builder-page-subheader {
        text-align: left
    }
}

.avatar-manager-heading {
    font-weight: bold;
    font-size: 18px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.avatar-manager-group+.avatar-manager-group {
    margin-top: 20px
}

.avatar-manager-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.avatar-manager-list-item {
    overflow: hidden;
    width: 25%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.avatar-manager-list-item-inner {
    margin: 5px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center
}

.avatar-manager-list-item .LazyLoad {
    width: 60px;
    height: 60px;
    border-radius: 3px
}

.avatar-manager-list-item-img {
    max-width: 60px;
    max-height: 60px;
    -webkit-filter: grayscale(0.8);
    filter: grayscale(0.8);
    border-radius: 3px
}

.avatar-manager-list-item-label {
    font-size: 12px;
    text-align: center;
    padding: 0 5px;
    line-height: 1.2
}

.avatar-manager-list-item-active .avatar-manager-list-item-inner {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8), 0 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 5px #96bf6b
}

.avatar-manager-list-item-active .avatar-manager-list-item-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.avatar-manager-list-item-active .avatar-manager-list-item-label {
    font-weight: bold
}

.avatar-manager-list-item-current .avatar-manager-list-item-inner {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8), 0 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 5px #1C9AEF;
    position: relative
}

.avatar-manager-list-item-current .avatar-manager-list-item-inner::after {
    content: "Current";
    background: #1C9AEF;
    color: #fff;
    font-size: 10px;
    position: absolute;
    bottom: -2px;
    left: -2px;
    right: -2px;
    padding-top: 2px;
    text-align: center;
    line-height: 1
}

.avatar-manager-list-item-current .avatar-manager-list-item-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.avatar-manager-list-item-current .avatar-manager-list-item-label {
    font-weight: bold
}

.avatar-manager-list .LazyLoad {
    background: #333 center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/loading-ring.svg") no-repeat;
    background-size: 35px;
    -webkit-filter: none;
    filter: none
}

.avatar-manager-list .LazyLoad.is-visible {
    background: 0
}

.avatar-manager-upload {
    margin-bottom: 10px
}

.avatar-manager-upload-heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.2;
    margin-bottom: 10px
}

.avatar-manager-upload-heading-rules {
    font-size: 10px;
    color: #838383
}

.avatar-manager-upload-form {
    margin-bottom: 10px
}

.avatar-manager-upload-confirm {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-manager-upload-image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 70px;
    margin-bottom: 10px
}

.avatar-manager-upload-image-heading {
    background-color: #96bf6b;
    color: #fff;
    font-size: 10px;
    text-align: center;
    padding-top: 2px;
    line-height: 1;
    margin-bottom: 3px;
    border-radius: 3px 3px 0 0
}

.avatar-manager-upload-image-preview {
    width: 70px;
    height: 70px;
    background: center center #e1e1e1 no-repeat;
    background-size: cover;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8), 0 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 5px #96bf6b
}

.avatar-manager-upload-action {
    margin-left: 15px
}

.avatar-manager-upload-warning {
    background: #fffae1;
    padding: 10px;
    border: 1px solid #fbdf6d;
    text-align: center;
    color: #ccab00;
    font-weight: bold;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3;
    font-size: 14px
}

.avatar-manager-custom {
    margin-bottom: 10px
}

.avatar-manager-custom-preview {
    width: 70px;
    height: 70px;
    background: center center #e1e1e1 no-repeat;
    background-size: cover;
    border-radius: 3px
}

@media(min-width:330px) {
    .avatar-manager-list-item-inner {
        height: 70px;
        width: 70px
    }
    .avatar-manager-list-item .LazyLoad {
        width: 70px;
        height: 70px
    }
    .avatar-manager-list-item-img {
        max-width: 70px;
        max-height: 70px
    }
}

@media(min-width:426px) {
    .avatar-manager-list-item {
        width: 88px
    }
}

@media(min-width:768px) {
    .avatar-manager-upload-heading {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }
    .avatar-manager-upload-heading-rules {
        margin-left: 5px
    }
}

.frame-manager .avatar-manager-list-item-default {
    border: 2px solid #96bf6b;
    background-color: #ccc;
    border-radius: 3px;
    min-width: 60px;
    min-height: 60px;
    width: 100%;
    height: 100%
}

.frame-manager .avatar-manager-preview {
    background: #121212;
    padding: 14px 30px;
    margin: -20px -20px 20px
}

.builder-field {
    margin: 25px 0
}

.builder-field-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0;
    line-height: normal
}

.builder-field-value[type=text],
.builder-field-value[type=number] {
    width: 100%;
    padding: 10px
}

.builder-field-toggle-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px
}

.builder-field-toggle-description {
    font-size: 14px;
    margin-top: 3px;
    color: #555
}

.builder-field-toggle-input {
    margin-top: 5px
}

.builder-field-toggles-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px
}

.builder-field-toggles-description {
    font-size: 14px;
    margin-top: 3px;
    color: #555
}

.builder-field-toggles-fields {
    margin-top: 15px
}

.builder-field-toggles-field {
    margin-top: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.builder-field-toggles-field-label {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.builder-field-toggles-field-input {
    margin-right: 10px
}

.builder-field-select {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.builder-field-select-summary {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.builder-field-select-description {
    font-size: 14px;
    margin-top: 3px;
    color: #555
}

.builder-field-select .builder-field-heading {
    margin: 0
}

.builder-field-select-block {
    display: block
}

.builder-field-select-block .builder-field-select-input {
    margin-top: 5px
}

.builder-message-warning {
    background-color: #f9f6f0;
    padding: 10px;
    color: #5a5343;
    border: 1px solid #fdd575;
    font-size: 14px;
    border-radius: 3px
}

.builder-sections-small {
    background-color: #333;
    position: fixed;
    top: 47px;
    left: 0;
    right: 0;
    z-index: 11
}

.builder-sections-view {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.builder-sections-sheet {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    background: linear-gradient(to left, #222 50%, transparent);
    z-index: 10;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.builder-sections-sheet-icon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/sheet-active.svg");
    background-size: 30px
}

.builder-sections-sheet-disabled {
    background: linear-gradient(to left, #222 70%, transparent);
    cursor: default
}

.builder-sections-sheet-disabled .builder-sections-sheet-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/sheet-inactive.svg")
}

.builder-sections .builder-sections-link {
    color: #fff;
    padding: 20px 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.builder-sections .builder-sections-link:hover,
.builder-sections .builder-sections-link:active,
.builder-sections .builder-sections-link:visited {
    color: #fff
}

.builder-sections .builder-sections-link::after {
    content: "";
    display: block;
    border-bottom: 3px solid transparent;
    margin-top: 2px
}

.builder-sections .builder-sections-link-active::after {
    border-color: #1C9AEF
}

.builder-sections-section-home {
    position: relative
}

.builder-sections-section-home::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/homebrew.svg");
    background-size: 12px;
    right: 100%;
    margin-top: 2px
}

.builder-sections-section-whats_next {
    position: relative
}

.builder-sections-section-whats_next::before {
    content: "";
    display: block;
    position: absolute;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    width: 0;
    height: 0;
    left: 100%;
    margin-top: 4px
}

.builder-sections-large {
    position: relative;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    padding: 0 10px;
    margin-bottom: 20px
}

.builder-sections-large-routes {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px
}

.builder-sections-large .builder-sections-view {
    padding: 0 5px
}

.builder-sections-large .builder-sections-link {
    font-size: 15px;
    font-weight: bold
}

@media(min-width:768px) {
    .builder-sections-sheet {
        background: 0;
        left: 100%;
        right: auto;
        padding: 0
    }
    .builder-sections-section-home::before {
        margin-top: 4px
    }
    .builder-sections-section-whats_next::before {
        margin-top: 6px
    }
}

.class-chooser .filter-listing-item {
    cursor: pointer
}

.class-chooser .filter-listing-item-disabled {
    cursor: default
}

.class-filter-item-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.class-filter-item-info {
    padding-left: 15px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.class-filter-item-heading {
    text-transform: uppercase;
    font-size: 18px
}

.filter-listing-item-disabled .class-filter-item-heading {
    text-decoration: line-through
}

.class-filter-item-meta-items {
    line-height: 1
}

.class-filter-item-meta-item {
    font-weight: normal;
    font-size: 12px
}

.class-filter-item-meta-item+.class-filter-item-meta-item::before {
    content: "\2022";
    padding: 0 5px
}

.class-filter-item-meta-item-type-error {
    color: red
}

.class-filter-item-preview-img {
    width: 40px;
    height: 40px;
    border-radius: 3px
}

.class-filter-item-action {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-down-dark.svg");
    background-size: 24px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.filter-listing-item-disabled .class-filter-item-action {
    display: none
}

.class-manager {
    margin: 20px 0 20px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    position: relative
}

.class-manager-starting-class {
    color: #838383;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    left: 50%;
    top: -12px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.class-manager-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.class-manager-preview {
    float: left;
    margin-right: 10px
}

.class-manager-preview-img {
    width: 40px;
    height: 40px;
    border-radius: 3px
}

.class-manager-summary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.class-manager-level {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.class-manager-level .ct-select {
    height: auto;
    width: 50px
}

.class-manager-level-label {
    font-weight: bold;
    margin-right: 10px;
    position: relative
}

.class-manager-level .todo-indicator-icon {
    margin-right: 4px
}

.class-manager-remove-icon {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.class-manager-remove-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: -34px 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-red.svg") no-repeat;
    background-size: 50px 16px
}

.class-manager-heading {
    font-size: 24px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    line-height: 1.1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.class-manager-subclass {
    font-size: 14px;
    line-height: 1.1
}

.class-manager .detail-choice {
    margin-top: 10px
}

.class-manager-features-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    margin-top: 5px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold
}

.class-manager-features-heading {
    font-size: 16px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    cursor: pointer
}

.class-manager-features-trigger {
    min-width: 16px;
    height: 16px;
    width: 16px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat;
    background-size: cover;
    margin-left: 9px;
    cursor: pointer
}

.class-manager-features-opened .class-manager-features-trigger {
    background-position: -17px 0
}

.class-manager-features-collapsed .class-manager-features-trigger {
    background-position: 0 0
}

.class-manager-feature-spellcasting {
    margin-bottom: 10px
}

.class-manager-feature-multiclass-description {
    margin: 10px 0
}

.class-manager-features-group {
    margin-top: 15px
}

.class-manager-features-group-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold
}

.class-manager-features-group-heading {
    font-size: 16px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.class-manager-features-group-trigger {
    min-width: 16px;
    height: 16px;
    width: 16px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat;
    background-size: cover;
    margin-left: 9px;
    cursor: pointer
}

.class-manager-features-group-opened .class-manager-features-group-trigger {
    background-position: -17px 0
}

.class-manager-features-group-collapsed .class-manager-features-group-trigger {
    background-position: 0 0
}

.class-manager-tabs {
    padding-top: 0;
    margin-top: 10px
}

.class-manager-tabs .ct-tab-list__nav-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.class-manager-tabs .ct-tab-list__nav-item::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-down-grey.svg") no-repeat;
    background-size: 12px;
    margin-left: 3px
}

.class-manager-tabs .ct-tab-list__nav-item--active {
    border-bottom-color: #96bf6b
}

.class-manager-tabs .ct-tab-list__nav-item--active::after {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-up-black.svg")
}

@media(max-width:767px) {
    .class-manager-remove {
        position: absolute;
        top: 45px;
        right: 0;
        z-index: 2
    }
}

@media(min-width:768px) {
    .class-manager-header-aside {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .class-manager-level {
        margin-right: 10px
    }
}

.class-simple-chosen {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.class-simple-chosen-heading {
    padding-left: 15px;
    text-transform: uppercase;
    font-size: 18px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.class-simple-chosen-preview-img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.help-text-manager {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
    background: linear-gradient(to right, #222 50%, transparent);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    cursor: pointer
}

.help-text-manager-icon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/help-active.svg");
    background-size: 30px
}

.help-text-manager-disabled .help-text-manager-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/help-inactive.svg")
}

@media(min-width:768px) {
    .help-text-manager {
        background: 0;
        right: 100%;
        left: auto;
        padding: 0
    }
}

.portrait-name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.portrait-name .builder-field {
    margin: 0
}

.portrait-name .builder-field-heading {
    margin-top: 0
}

.portrait-name-avatar {
    width: 69px;
    height: 69px;
    margin-right: 10px;
    border-radius: 3px;
    background: center center #e1e1e1 no-repeat;
    background-size: cover;
    cursor: pointer
}

.portrait-name-avatar-none {
    position: relative;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/characters/default-avatar-builder.png");
    border: 2px dashed #ccc;
    box-shadow: 0 0 0 1px #fff inset
}

.portrait-name-avatar-none::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -8px;
    display: block;
    height: 16px;
    width: 16px;
    background: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas-builder.svg") no-repeat 0 0;
    background-size: cover
}

.portrait-name-naming {
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.portrait-name-naming-randomize {
    position: absolute;
    right: 0
}

.portrait-name-naming-credit {
    font-size: 10px;
    color: #838383;
    text-align: right
}

.portrait-name-fng-logo {
    background: transparent center center url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/logos/fng-small.png") no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    width: 165px;
    height: 25px
}

.portrait-name-fng-text {
    display: none
}

.progression-manager {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.progression-manager-info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.progression-manager-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px
}

.progression-manager-heading-diff {
    margin-left: 3px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin-top: -5px
}

.progression-manager-heading-diff-icon {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 2px
}

.progression-manager-heading-diff-negative {
    color: #D24040
}

.progression-manager-heading-diff-negative .progression-manager-heading-diff-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/leveldown.svg")
}

.progression-manager-heading-diff-positive {
    color: #40D250
}

.progression-manager-heading-diff-positive .progression-manager-heading-diff-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/menu_items/levelup.svg")
}

.progression-manager-meta {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.progression-manager .ct-select {
    width: 70px
}

.race-chooser-source {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DEDEDE
}

.race-chooser .filter-listing-item {
    cursor: pointer
}

.race-chooser .filter-listing-item-disabled {
    cursor: default
}

@media(min-width:768px) {
    .race-chooser-source .ct-select {
        max-width: 50%
    }
}

.race-filter-item-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.race-filter-item-parent {
    text-transform: uppercase;
    font-size: 18px
}

.race-filter-item-parent .i-homebrew {
    vertical-align: middle;
    margin-top: -3px
}

.filter-listing-item-disabled .race-filter-item-heading {
    text-decoration: line-through
}

.race-filter-item-info {
    padding-left: 15px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.race-filter-item-subclass {
    color: #838383;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase
}

.race-filter-item-preview-img {
    width: 40px;
    height: 40px;
    border-radius: 3px
}

.race-filter-item-action {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-down-dark.svg");
    background-size: 24px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all 150ms
}

.filter-listing-item-disabled .race-filter-item-action {
    display: none
}

.filter-listing-group-opened>.filter-listing-item .race-filter-item-action {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.race-simple-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.race-simple-parent {
    text-transform: uppercase;
    font-size: 18px
}

.race-simple-info {
    padding-left: 15px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.1
}

.race-simple-subclass {
    color: #838383;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase
}

.race-simple-preview-img {
    width: 50px;
    height: 50px;
    border-radius: 3px 3px
}

.todo-indicator-icon {
    background: #1C9AEF;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: 3;
    color: #fff;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold
}

.builder-navigation {
    background-color: #333;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: fixed;
    bottom: 0;
    z-index: 10;
    left: 0;
    right: 0
}

.builder-navigation .builder-navigation-link {
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    border-left: 2px solid #585858;
    font-weight: bold
}

.builder-navigation .builder-navigation-link:hover,
.builder-navigation .builder-navigation-link:active,
.builder-navigation .builder-navigation-link:visited {
    color: #fff
}

.builder-navigation .builder-navigation-link-disabled {
    color: #888
}

.builder-navigation .builder-navigation-link-disabled:hover,
.builder-navigation .builder-navigation-link-disabled:active,
.builder-navigation .builder-navigation-link-disabled:visited {
    color: #888
}

.builder-navigation-large-action {
    position: fixed;
    top: 174px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1C9AEF;
    border-radius: 3px;
    opacity: .4;
    transition: all 200ms
}

.builder-navigation-large-action-icon {
    position: relative
}

.builder-navigation-large-action-icon::after {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background: no-repeat center center;
    background-size: 15px
}

.builder-navigation-large-action-prev .builder-navigation-large-action-icon::after {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-left-white.svg")
}

.builder-navigation-large-action-next .builder-navigation-large-action-icon::after {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-right-white.svg")
}

.builder-navigation-large-action-prev {
    margin-right: 340px;
    right: 50%
}

.builder-navigation-large-action-next {
    margin-left: 340px;
    left: 50%
}

.builder-navigation-large-action-prev .builder-navigation-large-action-icon::before {
    left: 0
}

.builder-navigation-large-action-next .builder-navigation-large-action-icon::before {
    right: 0
}

.builder-navigation-large-action-text {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    max-width: 0;
    overflow: hidden;
    transition: all 200ms;
    color: #fff;
    box-sizing: border-box
}

.builder-navigation-large-action:hover {
    opacity: 1
}

.builder-navigation-large-action:hover .builder-navigation-large-action-text {
    max-width: 200px
}

.builder-navigation-large-action-prev:hover .builder-navigation-large-action-text {
    margin-right: 10px
}

.builder-navigation-large-action-next:hover .builder-navigation-large-action-text {
    margin-left: 10px
}

.builder-navigation-large-action-disabled {
    background-color: #eaeaea;
    cursor: default
}

.builder-navigation-large-action-prev-disabled .builder-navigation-large-action-icon::after {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-left-disabled.svg")
}

.builder-navigation-large-action-next-disabled .builder-navigation-large-action-icon::after {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/chevron-right-disabled.svg")
}

.builder-navigation-large-action-disabled .builder-navigation-large-action-text {
    color: #777
}

@media(min-width:1024px) {
    .builder-navigation-large-action {
        top: 245px
    }
}

.ability-score-calc {
    margin-bottom: 20px
}

.ability-score-calc-components {
    display: table;
    width: 100%;
    border: 1px solid #EDEAE8;
    border-collapse: collapse
}

.ability-score-calc-component {
    display: table-row
}

.ability-score-calc-component-label {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #EDEAE8;
    padding: 10px;
    font-size: 14px;
    line-height: 1
}

.ability-score-calc-component-value {
    display: table-cell;
    background-color: #FAF8F7;
    border-left: 2px solid #D0CAC5;
    padding: 5px 10px;
    text-align: center;
    border-bottom: 1px solid #EDEAE8;
    font-size: 24px;
    width: 70px
}

.ability-score-calc-header {
    background-color: #242528;
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ability-score-calc-name {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 1.1
}

.ability-score-calc-icon {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    margin-right: 8px
}

.ability-score-calc-overrides {
    display: table;
    width: 100%;
    margin: 5px 0
}

.ability-score-calc-override {
    display: table-row
}

.ability-score-calc-override-label {
    display: table-cell;
    padding: 10px;
    font-size: 14px;
    vertical-align: middle
}

.ability-score-calc-override-value {
    display: table-cell;
    width: 70px;
    padding: 5px 0
}

.ability-score-calc-override-value input[type="number"] {
    width: 100%;
    text-align: center;
    padding: 5px 0;
    font-size: 24px
}

.ability-score-calc-cha .ability-score-calc-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/charisma.svg")
}

.ability-score-calc-con .ability-score-calc-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/constitution.svg")
}

.ability-score-calc-dex .ability-score-calc-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/dexterity.svg")
}

.ability-score-calc-int .ability-score-calc-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/intelligence.svg")
}

.ability-score-calc-str .ability-score-calc-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/strength.svg")
}

.ability-score-calc-wis .ability-score-calc-icon {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/icons/abilities/white/wisdom.svg")
}

.ability-score-manager-stats {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ability-score-manager-stat {
    margin-top: 10px;
    padding: 0 5px;
    width: 33.33333%
}

.ability-score-manager-stat .builder-field {
    margin: 0
}

.ability-score-manager-stat .builder-field-label {
    text-transform: uppercase;
    text-align: center
}

.ability-score-manager-points {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0 0
}

.ability-score-manager-points-heading {
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    margin-right: 5px;
    text-transform: uppercase
}

.ability-score-manager-points-value {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    font-size: 24px
}

.ability-score-manager-points-value-sep {
    margin: 0 3px;
    font-size: 20px;
    color: #aaa
}

@media(min-width:768px) {
    .ability-score-type-chooser .ct-select {
        max-width: 50%
    }
    .ability-score-manager-stat {
        width: 16.66667%
    }
    .ability-score-calcs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .ability-score-calc {
        width: calc(33.333333% - 10px)
    }
}

.builder-type-button-heading {
    color: #FFF;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 5px
}

.builder-type-button-desc {
    color: #FFF;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    text-transform: none
}

.builder-type-instructions {
    text-align: center;
    margin: 10px 0 20px;
    font-size: 15px
}

.builder-type-choice-list .builder-button {
    padding: 15px;
    border-radius: 8px
}

.builder-type-choice-item+.builder-type-choice-item {
    margin-top: 10px
}

.builder-type-options {
    border: 1px solid #a6dbff;
    border-top: 0;
    margin: 0 10px 10px;
    padding: 7px 10px;
    background-color: #e8f6ff;
    border-radius: 0 0 5px 5px
}

.builder-type-option {
    text-align: center
}

.builder-type-option-label {
    display: inline;
    font-size: 14px;
    vertical-align: middle;
    font-weight: bold
}

.builder-type-option-label-extra {
    font-size: 14px;
    margin-left: 5px;
    font-weight: normal
}

.builder-type-option .builder-type-option-checkbox {
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.builder-type-option-help-icon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/help-active.svg");
    background-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

@media(min-width:768px) {
    .builder-type-instructions {
        text-align: left
    }
    .builder-type-choice-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .builder-type-choice-item {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 5px
    }
    .builder-type-choice-item+.builder-type-choice-item {
        margin-top: 0
    }
    .builder-type .builder-button {
        min-height: 147px
    }
    .builder-type-option-label {
        font-size: 12px;
        line-height: 1
    }
    .builder-type-option-label-extra {
        font-size: 12px;
        margin-top: 3px;
        margin-left: 0;
        display: block
    }
}

.class-choose-actions {
    text-align: right;
    margin-left: auto
}

.class-choose-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
}

.class-choose-messages {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px
}

.class-choose-messages .message-warning {
    color: red
}

.class-detail-aside {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px
}

.class-detail-preview-img {
    width: 100px;
    height: 100px;
    border-radius: 3px
}

.class-detail .builder-page-header {
    text-align: left;
    margin-top: 0
}

.class-detail-features {
    margin-top: 15px
}

.classes-manage-primary {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.classes-manage .progression-manager {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.classes-manage-hitpoints {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.classes-manage-hitpoints-summary {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 15px
}

.classes-manage-hitpoints-label {
    font-weight: bold;
    margin-right: 7px;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif
}

.classes-manage-hitpoints .builder-field {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.classes-manage-hitpoints .builder-field-label {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.classes-manage-hitpoints .builder-field-value {
    width: 70px;
    text-align: center
}

.classes-manage-actions-action {
    color: #1C9AEF;
    cursor: pointer;
    display: inline
}

.classes-manage-actions-action-disabled {
    color: #ccc;
    cursor: default
}

@media(min-width:768px) {
    .classes-manage .progression-manager {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .classes-manage-primary {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .classes-manage-primary-section-progression {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 30px
    }
    .classes-manage-primary-section-hp {
        max-width: 60%
    }
    .classes-manage-hitpoints {
        margin: 0;
        background: #fff;
        border: 1px solid #e1e1e1;
        padding: 10px;
        border-radius: 3px;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.confirm-class-simple {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.confirm-class-simple-name {
    font-size: 24px;
    font-weight: bold;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    line-height: 1.1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.confirm-class-simple-preview {
    margin-right: 10px
}

.confirm-class-simple-preview-img {
    width: 40px;
    height: 40px;
    border-radius: 3px
}

.confirm-class-simple-level {
    font-weight: bold
}

@media(min-width:768px) {
    .confirm-class-simple-levels {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .confirm-class-simple-level-next {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 2px solid #f1f1f1
    }
}

.description-manage-primary {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.description-manage-background {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.description-manage-background-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase
}

.description-manage-background-chooser-con {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 50%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.description-manage-background-chooser-field {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 10px
}

.description-manage-background-chooser .ct-select {
    max-width: none
}

.description-manage-background-description {
    margin-top: 10px;
    margin-bottom: 20px
}

.description-manage-background-feature {
    margin-top: 10px
}

.description-manage-background-proficiency {
    margin: 10px 0
}

.description-manage-background-proficiency-label {
    font-weight: bold;
    margin-right: 5px
}

.description-manage-background-languages {
    margin: 10px 0
}

.description-manage-background-languages-label {
    font-weight: bold;
    margin-right: 5px
}

.description-manage-faith .builder-field {
    margin: 0
}

.description-manage-lifestyle-desc,
.description-manage-alignment-desc {
    margin-top: 10px
}

.description-manage-lifestyle-label,
.description-manage-alignment-label {
    font-weight: bold;
    margin-bottom: 9px
}

.description-manage-faith,
.description-manage-alignment {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f1f1
}

.description-manage .detail-choice {
    margin-top: 10px
}

@media(min-width:768px) {
    .description-manage .detail-choice .ct-select {
        max-width: 50%
    }
    .description-manage .portrait-name {
        max-width: 60%
    }
}

.description-suggestion-heading {
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 10px
}

.custom-background-description {
    white-space: pre-wrap
}

.custom-background-actions {
    margin-top: 5px;
    text-align: right
}

.custom-background-customize {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1
}

.custom-background-customize-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    cursor: pointer
}

.custom-background-customize-heading {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px
}

.custom-background-customize-heading-active::before {
    content: "*";
    color: red;
    top: -1px;
    position: relative;
    margin-left: 3px;
    font-size: 14px
}

.custom-background-customize-trigger {
    min-width: 16px;
    height: 16px;
    width: 16px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat;
    background-size: cover;
    margin-left: 9px;
    cursor: pointer
}

.custom-background-customize-header-opened .custom-background-customize-trigger {
    background-position: -17px 0
}

.custom-background-customize-header-collapsed .custom-background-customize-trigger {
    background-position: 0 0
}

.custom-background-editor {
    margin-top: 5px;
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #eaeaea
}

.custom-background-properties {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-background-property {
    font-size: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.custom-background-property input {
    width: 40px
}

.custom-background-property-full {
    width: 100%!important;
    max-width: none!important
}

.custom-background-property-full input {
    width: 100%
}

.custom-background-property-full .custom-background-property-value {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.custom-background-property-textarea {
    width: 100%!important;
    max-width: none!important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 0!important;
    margin-bottom: 0!important
}

.custom-background-property-textarea .custom-background-property-value {
    width: 100%;
    margin-top: 3px;
    margin-left: 0!important
}

.custom-background-property-label {
    line-height: normal
}

.custom-background-property-label+.custom-background-property-value,
.custom-background-property-value+.custom-background-property-label {
    margin-left: 5px
}

.custom-background-property .character-checkbox {
    vertical-align: top
}

.custom-background-property .character-checkbox-label {
    line-height: normal
}

.custom-background-property .ct-select {
    height: auto
}

.custom-background-property textarea {
    height: 60px;
    padding: 5px;
    width: 100%
}

.custom-background-property-choice {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0
}

.custom-background-property-choice .ct-select {
    max-width: 160px
}

.home-manage-primary {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media(min-width:768px) {
    .home-manage-primary {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .home-manage-primary-section-portrait {
        width: 60%
    }
    .home-manage-primary-section-progression {
        width: 40%;
        padding-left: 30px
    }
    .home-manage-preferences .ct-select {
        max-width: 50%
    }
}

.race-detail-aside {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px
}

.race-detail-preview-img {
    width: 100px;
    height: 100px;
    border-radius: 3px
}

.race-detail .builder-page-header {
    margin-top: 0;
    text-align: left
}

.race-detail-more {
    margin: 15px 0
}

.race-detail-more .race-detail-more-link {
    color: #1C9AEF
}

.race-detail-more .race-detail-more-link:hover,
.race-detail-more .race-detail-more-link:visited,
.race-detail-more .race-detail-more-link:active {
    color: #1C9AEF
}

.race-detail .detail-choice {
    margin-top: 10px
}

.race-detail-description .characters-statblock {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px
}

.race-detail-description .characters-statblock strong {
    font-size: 18px
}

.race-detail-secondary {
    clear: both
}

.race-detail-racial-traits {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #edeae8
}

.manage-race-chosen-action {
    text-align: center;
    margin-top: 10px;
    color: #1C9AEF;
    cursor: pointer
}

.race-confirm-modal .builder-message {
    margin-bottom: 10px
}

.quick-build-intro {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px
}

.quick-build-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.quick-build-header-heading {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.quick-build-header-heading .builder-field-heading {
    margin: 0
}

.quick-build-header-trigger {
    min-width: 16px;
    height: 16px;
    width: 16px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat;
    background-size: cover;
    margin-left: 9px;
    cursor: pointer
}

.quick-build-header-opened .quick-build-header-trigger {
    background-position: -17px 0
}

.quick-build-header-collapsed .quick-build-header-trigger {
    background-position: 0 0
}

.quick-build .filter-listing {
    margin-top: 10px
}

.random-build-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.random-build-header-heading {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.random-build-header-heading .builder-field-heading {
    margin: 0
}

.random-build-header-trigger {
    min-width: 16px;
    height: 16px;
    width: 16px;
    background: transparent 0 0 url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/sprites/charsheet-atlas.svg") no-repeat;
    background-size: cover;
    margin-left: 9px;
    cursor: pointer
}

.random-build-header-opened .random-build-header-trigger {
    background-position: -17px 0
}

.random-build-header-collapsed .random-build-header-trigger {
    background-position: 0 0
}

.random-build .filter-listing {
    margin-top: 10px
}

.random-build-level .ct-select {
    width: 70px
}

.whats-next .ct-link {
    text-transform: uppercase
}

.whats-next-campaign,
.whats-next-characters {
    text-align: center;
    margin: 20px 0
}

.whats-next-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.whats-next-action {
    text-align: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1
}

.whats-next-action+.whats-next-action {
    margin-top: 10px
}

.whats-next-action-subtext {
    display: block;
    font-size: 10px
}

.whats-next-action .builder-button {
    width: 100%
}

.whats-next-action .builder-button::before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: 26px;
    margin-right: 10px
}

.whats-next-action .whats-next-action-sheet-link {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.whats-next-action-sheet-link::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/sheet-filled.svg")
}

.whats-next-action-sheet-link.character-button-disabled::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/sheet-filled-inactive.svg")
}

.whats-next-action-export-inner {
    position: relative
}

.whats-next-action-export-inner::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -110px;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/print-icon.svg");
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 26px
}

.whats-next-action-export-inner--disabled::before {
    background-image: url("https://www.dndbeyond.com/Content/Skins/Waterdeep/images/character-sheet/print-icon-inactive.svg")
}

.whats-next-action-export .whats-next-action-export-button {
    background-image: none!important;
    padding-left: 52px!important;
    transition: none!important;
    text-shadow: none!important;
    line-height: 26px!important;
    font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif!important;
    text-align: center!important
}

@media(min-width:768px) {
    .whats-next-actions {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .whats-next-action {
        margin: 0 5px
    }
    .whats-next-action+.whats-next-action {
        margin-top: 0
    }
}


/* C:\bamboo-home\xml-data\build-dir\COBALT-DEEP-JOB1\Projects\Waterdeep\Waterdeep\Source\Curse.Waterdeep.Web\Content\Skins\WaterdeepCP\css\core.css */

@import url("//fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700|Gloria+Hallelujah:400,700");
@font-face {
    font-family: 'Scala Sans Offc';
    src: url("../fonts/ScalaSansOffc-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Scala Sans Offc';
    src: url("../fonts/ScalaSansOffc.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Scala Sans Offc';
    src: url("../fonts/ScalaSansOffc-BoldIta.ttf") format("truetype");
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: 'Scala Sans Offc';
    src: url("../fonts/ScalaSansOffc-Ita.ttf") format("truetype");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'Scala Sans SC Offc';
    src: url("../fonts/ScalaSansScOffc.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Scala Sans SC Offc';
    src: url("../fonts/ScalaSansScOffc-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'MrsEavesSmallCaps';
    src: url("../fonts/MrsEavesSmallCaps.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'DearSarahPro';
    src: url("../fonts/DearSarahPro.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}