/* OldStyller — visual Tibia: aplicação apenas na apresentação. */
:root {
    --gw-navy: #dcc9a6;
    --gw-panel: #f5ead3;
    --gw-panel-2: #eadbbd;
    --gw-panel-3: #e2cfaa;
    --gw-gold: #9d753b;
    --gw-gold-light: #654620;
    --gw-text: #382c20;
    --gw-muted: #6b5943;
    --gw-line: #98744a;
}
html {
    background-color: #132332 !important;
    background-image:
        linear-gradient(180deg, rgba(5, 17, 30, 0.03), rgba(5, 17, 30, 0.6)),
        url('images/header/Tibia-Background-Artwork.jpg') !important;
}
body {
    color: #382c20;
}
html body #ContentColumn .Content .Box {
    background: #dcc9a6 !important;
    border-color: #94744e !important;
    box-shadow: 0 5px 18px #0005;
}
html body #ContentColumn .Content .BoxContent {
    background: #f3e7ce !important;
    background-image: none !important;
    color: #382c20 !important;
    line-height: 1.55;
}
html body #ContentColumn .Content .BoxContent :is(p, li, td, div, span, label, font) {
    color: #382c20 !important;
}
html body #ContentColumn .Content .BoxContent :is(h1, h2, h3, h4, strong, b) {
    color: #674720 !important;
}
html body #ContentColumn .Content .BoxContent a {
    color: #155475 !important;
}
html body #ContentColumn .Content .BoxContent a:hover {
    color: #893c22 !important;
    text-decoration: underline;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(table tr, table td, .Odd, .TableContentContainer, .SmallBox .Message) {
    background: #f3e7ce !important;
    border-color: #b9a17c !important;
}
html body #ContentColumn .Content .BoxContent :is(table tr:nth-child(even) td, .Even) {
    background: #e7d6b5 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(th, .CaptionContainer, .dl-head, .si-head, .NewsHeadlineBackground) {
    background: linear-gradient(#65513c, #443225) !important;
    color: #fff0cd !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(th, .CaptionContainer, .dl-head, .si-head, .NewsHeadlineBackground)
    :is(div, span, b, strong, td, a) {
    background: transparent !important;
    color: #fff0cd !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(input:not([type='image']):not([type='submit']):not([type='button']), select, textarea) {
    background: #fff9ec !important;
    color: #382c20 !important;
    border: 1px solid #98744a !important;
    border-radius: 3px;
}
html body #ContentColumn .Content .BoxContent :is(input, select, textarea):focus-visible {
    outline: 2px solid #326f94;
    outline-offset: 2px;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .gw-modern-panel,
        .gw-choice-card,
        [class*='-card'],
        [class*='-panel'],
        [style*='background:'],
        [style*='background-color:']
    ) {
    background-color: #efe1c5 !important;
    background-image: none !important;
    border-color: #b59a6d !important;
}
html body #ContentColumn .Content .BoxContent :is(.gw-modern-panel h2, .gw-choice-card h3) {
    background: #d9c39d !important;
}
html body #ContentColumn .Content .BoxContent :is(.gw-modern-info, .gw-modern-info > div) {
    background: #eadbbd !important;
}
html body #ContentColumn .Content .BoxContent :is(.green, .hs-online, [class*='success']) {
    color: #23642f !important;
}
html body #ContentColumn .Content .BoxContent :is(.red, .ErrorMessage, [class*='error']) {
    color: #a22521 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(button, input[type='submit'], input[type='button'], .OldStyller-submit) {
    background: linear-gradient(#785a3d, #4d3628) !important;
    color: #fff0ce !important;
    border: 1px solid #b79b68 !important;
    border-radius: 3px;
    cursor: pointer;
}
html body #ContentColumn .Content .BoxContent button:hover {
    filter: brightness(1.12);
}
html body #Menu {
    background: linear-gradient(#3e3028, #201d1b) !important;
    border-color: #b19362 !important;
    box-shadow: 0 4px 15px #0006 !important;
}
html body #Menu .MenuButton {
    background: linear-gradient(#745b41, #483526) !important;
    border-color: #9c8056 !important;
}
html body #Menu .MenuButton:hover {
    background: linear-gradient(#8a6a46, #59412c) !important;
}
html body #Menu .Submenu {
    background: #f0e1c4 !important;
    border-color: #9f835a !important;
}
html body #Menu .Submenuitem {
    color: #392c20 !important;
    background: transparent !important;
}
html body #Menu .SubmenuitemLabel {
    color: #392c20 !important;
}
html body #Menu .Submenuitem:hover {
    background: #d7bd92 !important;
}
html body #Menu .Submenuitem a {
    color: #392c20 !important;
}
html body #OldStyllerLoginButton {
    background: linear-gradient(#785a3d, #4d3628) !important;
    color: #fff0ce !important;
    border-color: #b79b68 !important;
}
html body #OldStyllerCallout {
    background: linear-gradient(110deg, #ede0c5, #d9c29a) !important;
    border-color: #98744a !important;
}
html body #OldStyllerCallout :is(strong, span, .OldStyllerCallout__eyebrow) {
    color: #4d3724 !important;
}
html body #ThemeboxesColumn :is(.OldStyllerTopLevel, .OldStyllerAdminBox, .OldstyllerFacebook) {
    background: #f1e3c8 !important;
    color: #382c20 !important;
    border-color: #98744a !important;
}
html body #ThemeboxesColumn :is(.OldStyllerTopLevel__heading, .OldStyllerAdminBox__title) {
    background: linear-gradient(#65513c, #443225) !important;
    color: #fff0cd !important;
}
html
    body
    #ThemeboxesColumn
    :is(
        .OldStyllerTopLevel__row,
        .OldStyllerTopLevel__subheading,
        .OldStyllerTopLevel__link,
        .OldstyllerFacebook__heading,
        .OldstyllerFacebook__action,
        .OldStyllerAdminBox__subtitle
    ) {
    background: #eadbbd !important;
    color: #493521 !important;
}
html body #ThemeboxesColumn .OldStyllerTopLevel__row:nth-child(even) {
    background: #f4e8d1 !important;
}
html
    body
    #ThemeboxesColumn
    :is(.OldStyllerTopLevel__name, .OldStyllerTopLevel__level, .OldStyllerTopLevel__rank) {
    color: #493521 !important;
}
html body #Footer {
    color: #f2e4c8 !important;
    text-shadow: 0 1px 3px #000;
}
html body #Footer a {
    color: #ffd98d !important;
}
html body #ContentColumn .BoxContent img {
    image-rendering: auto;
}
@media (max-width: 900px) {
    html body #ContentColumn .Content .BoxContent {
        padding: 14px 10px !important;
        overflow-wrap: anywhere;
    }
    html body #ContentColumn .Content .BoxContent table {
        max-width: 100%;
    }
    html body #OldStyllerCallout {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Cabeçalhos e avisos continuam legíveis nos painéis claros. */
html body #ContentColumn .BoxContent :is(.NewsHeadlineBackground, .CaptionContainer) {
    background: linear-gradient(#65513c, #443225) !important;
}
html
    body
    #ContentColumn
    .BoxContent
    :is(.NewsHeadlineBackground, .CaptionContainer)
    :is(table, tr, td, div, span, b, strong) {
    background: transparent !important;
    color: #fff0cd !important;
}
html body #ContentColumn .BoxContent a:focus-visible,
html body #Menu a:focus-visible {
    outline: 2px solid #326f94;
    outline-offset: 2px;
}

/* v2 — blocos editoriais carregam CSS próprio depois do layout. */
html body #ContentColumn .Content .BoxContent :is(section, article, aside) {
    color: #382c20 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .os-boss-update,
        .os-equipment-update,
        .os-update-intro,
        .os-feature,
        .os-fairplay,
        .os-boss-download,
        .os-boss-note,
        .os-eq-footer,
        .OldstyllerYoutubeFeature,
        .OldstyllerRouletteFeature,
        #OldStyllerSeasonArticle,
        #OldStyllerJourney,
        #oldstyller-assistente
    ) {
    background: #efe1c5 !important;
    border-color: #b59a6d !important;
    color: #382c20 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.os-boss-level, .os-eq-pill, .os-boss-rules li, .os-boss-meta li, .tg-links) {
    background: #dfc9a3 !important;
    color: #493521 !important;
    border-color: #b59a6d !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.os-boss-stage, .os-boss-sprite, .os-eq-sprite, .os-sprite, .os-sprite-stage) {
    background: #e2cfad !important;
}
html body #ContentColumn .Content .BoxContent .os-boss-download a {
    background: linear-gradient(#785a3d, #4d3628) !important;
    color: #fff0ce !important;
    border-color: #b79b68 !important;
}
html body #ContentColumn .Content .BoxContent :is(.os-boss-update, .os-equipment-update) li {
    background: #dfc9a3 !important;
    color: #493521 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        #OldStyllerSeasonArticle,
        #OldStyllerJourney,
        .OldstyllerYoutubeFeature,
        .OldstyllerRouletteFeature
    )
    > div {
    background-color: #efe1c5 !important;
}
html body #ContentColumn .Content .BoxContent .os-fairplay {
    border-left: 3px solid #96713d !important;
}
html body #ContentColumn .Content .BoxContent .os-fairplay strong {
    color: #674720 !important;
}
html body #ContentColumn #newsticker .Row {
    background: transparent !important;
}
html body #ContentColumn #newsticker .BoxContent {
    min-height: 0 !important;
    padding-bottom: 12px !important;
}
html body #ContentColumn :is(.Border_2, .Border_3) {
    background-color: #dcc9a6 !important;
}
html body #ContentColumn .BorderTitleText {
    background-color: #443225 !important;
}
html body #ThemeboxesColumn .Themebox {
    color: #493521 !important;
}
html body #ThemeboxesColumn :is(.OldStyllerSupportBox, .OldStyller-support, .OldStyllerSupport) {
    background: #efe1c5 !important;
    border-color: #98744a !important;
}
html body #ThemeboxesColumn a:focus-visible {
    outline: 2px solid #326f94;
    outline-offset: 2px;
}
html body #ContentColumn .Content .BoxContent :is(.os-eq-stage, .os-sprite-stage) {
    background: #e2cfad !important;
}
html body #ContentColumn .Content .BoxContent .os-eq-download {
    background: #efe1c5 !important;
    color: #382c20 !important;
}
html body #ContentColumn .Content .BoxContent :is(.os-eq-button, .os-boss-button) {
    background: linear-gradient(#785a3d, #4d3628) !important;
    color: #fff0ce !important;
    border-color: #b79b68 !important;
}
html body #ContentColumn .Content .BoxContent small {
    color: #69543b !important;
}
html body #ThemeboxesColumn #NewcomerBox {
    background: #efe1c5 !important;
    border-color: #98744a !important;
}
html body #ThemeboxesColumn #NewcomerBox::before,
html body #ThemeboxesColumn #NewcomerBox::after {
    color: #674720 !important;
}
html body #ThemeboxesColumn #NewcomerBox .ThemeboxButton {
    background: linear-gradient(#785a3d, #4d3628) !important;
}
html body #ThemeboxesColumn #NewcomerBox .ThemeboxButton::after {
    color: #fff0ce !important;
}

/* v6 — arte própria do acesso OldStyller. */
html body #Loginbox.OldStyllerLoggedIn,
html body #Loginbox.OldStyllerLoggedOut {
    width: 180px !important;
    height: 158px !important;
    background: url('images/header/oldstyller-access-v14.png') center/100% 100% no-repeat !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html body #Loginbox::before {
    content: none !important;
}
html body #Loginbox :is(#LoginTop, #LoginBottom, #BorderLeft, #BorderRight) {
    display: none !important;
}
html body #Loginbox #LoginstatusText_1,
html body #Loginbox #OldStyllerCreateAccount {
    color: #eee5ce !important;
    text-shadow: 0 1px #000 !important;
}
html body #Loginbox #OldStyllerLoginButton {
    background: url('images/buttons/sbutton.gif') center/100% 100% no-repeat !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #f8e3ae !important;
    text-shadow: 0 1px #000 !important;
}
html body #Loginbox #OldStyllerLoginButton:hover {
    background-image: url('images/buttons/sbutton_over.gif') !important;
}
html body #RightArtwork #PedestalAndOnline {
    display: block !important;
    position: absolute !important;
    top: -105px !important;
    left: 0 !important;
    width: 132px !important;
    height: 111px !important;
}
html body #RightArtwork #Monster {
    display: block !important;
}
html body #RightArtwork #PlayersOnline {
    top: -39px !important;
    left: 17px !important;
    bottom: auto !important;
    width: 98px !important;
    height: 31px !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
}
html body #PlayersOnline .OldStyllerServerStatus {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3px !important;
    min-height: 0 !important;
    height: 29px !important;
    padding: 0 !important;
}
html body #PlayersOnline .OldStyllerServerStatus__dot {
    width: 5px !important;
    height: 5px !important;
}
html body #PlayersOnline .OldStyllerServerStatus__copy {
    align-items: center !important;
    line-height: 1 !important;
}
html body #PlayersOnline .OldStyllerServerStatus__copy small {
    font:
        6px/7px Arial,
        sans-serif !important;
    letter-spacing: 0 !important;
    color: #e9d9ad !important;
    margin-bottom: 1px !important;
}
html body #PlayersOnline .OldStyllerServerStatus__copy strong {
    font:
        bold 10px/11px Georgia,
        serif !important;
    letter-spacing: 0.2px !important;
}
html body #PlayersOnline .OldStyllerServerStatus__copy em {
    font:
        6px/7px Arial,
        sans-serif !important;
    color: #e9d9ad !important;
    margin-top: 1px !important;
}
html body #PlayersOnline .OldStyllerServerStatus--offline strong {
    color: #ff8178 !important;
}
html body #PlayersOnline .OldStyllerServerStatus--online strong {
    color: #a8e899 !important;
}

/* Apoio centralizado e encaixado nas mãos do status. */
@media (min-width: 901px) {
    html body #ThemeboxesColumn #RightArtwork {
        right: 24px !important;
    }
}
html body #ThemeboxesColumn #NewcomerBox {
    box-sizing: border-box !important;
    width: 132px !important;
    height: 174px !important;
    margin: 6px auto 0 !important;
}
html body #ThemeboxesColumn #NewcomerBox::before {
    top: 12px !important;
    left: 4px !important;
    right: 4px !important;
    width: auto !important;
    font:
        bold 10px/15px Georgia,
        serif !important;
}
html body #ThemeboxesColumn #NewcomerBox::after {
    top: 33px !important;
    left: 6px !important;
    right: 6px !important;
    width: auto !important;
    font:
        8px/11px Arial,
        sans-serif !important;
}
html body #ThemeboxesColumn #NewcomerBox .OldStyllerSupportArt {
    top: 53px !important;
    left: 10px !important;
    width: 110px !important;
    height: 70px !important;
}
html body #ThemeboxesColumn #NewcomerBox .ThemeboxButton {
    left: 10px !important;
    bottom: 12px !important;
    width: 110px !important;
    height: 28px !important;
}
html body #ThemeboxesColumn #NewcomerBox .ButtonText {
    width: 108px !important;
    height: 26px !important;
}
html body #ThemeboxesColumn #NewcomerBox .ButtonText::after {
    font:
        bold 10px/26px Georgia,
        serif !important;
}

/* v7 — páginas internas: fundos claros, títulos e ações com contraste. */
html body #ContentColumn .Content .BoxContent > div,
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .TableContainer,
        .InnerTableContainer,
        .TableContentAndRightShadow,
        .MessageContainer,
        .dl-wrap,
        .dl-card,
        .dl-info,
        .dl-action,
        .dl-note,
        .dl-hero,
        .si-wrap,
        .si-box,
        .si-body,
        .si-highlight,
        .si-towns,
        .hs-wrap,
        .hs-tabs,
        .hs-subbar,
        .hs-pages,
        .hs-card,
        .hs-points,
        .tf-card,
        .tf-empty,
        .tg-card,
        .tg-empty,
        .tg-foot,
        .mp-box,
        .mp-wrap,
        .mp-card,
        .mp-package,
        .mp-balance,
        .mp-info,
        .mp-pix,
        .mp-request,
        .OldStyller-online-wrap,
        .OldStyller-status,
        .OldStyller-skulls,
        .OldStyller-voc,
        .OldStyllerCharacterHero,
        .OldStyllerCharacterHero__visual,
        .OldStyllerCharacterHero__meta span,
        .OldStyllerEquipmentCard,
        .OldStyllerSkillsCard,
        .OldStyllerEmptySlot,
        .OldStyllerGuildMaintenance,
        .OldstyllerGuildDirectory,
        .OldStyllerRules,
        .OldStyllerRules__intro,
        .OldStyllerRules__content,
        .oldstyller-rules,
        .oldstyller-rule,
        .oldstyller-rule__final,
        .gw-forum-tools,
        .gw-forum-author,
        .gw-forum-message,
        .gw-forum-pages,
        .OldStyllerDeaths,
        .OldStyllerDeaths__empty
    ) {
    background: #efe1c5 !important;
    background-image: none !important;
    color: #382c20 !important;
    border-color: #b59a6d !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.dl-title, .si-title, .hs-title, .tf-title, .mp-title, .oldstyller-rules__title) {
    background: transparent !important;
    color: #674720 !important;
    text-shadow: none !important;
    font-family: Georgia, serif !important;
    line-height: 1.3 !important;
    margin-bottom: 14px !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .dl-head,
        .si-head,
        .hs-head,
        .tf-head,
        .mp-head,
        .OldStyller-title,
        .OldStyller-voc-name,
        .OldStyller-status-head,
        .OldStyller-list-head,
        .OldStyller-search-title,
        .OldStyllerCharacterInfoTitle td,
        .OldStyllerRules__title,
        .gw-forum-board tr:first-child td,
        .OldstyllerGuildMembersHeading td,
        .NewsHeadlineBackground,
        .CaptionContainer,
        th,
        td.white
    ) {
    background: linear-gradient(#65513c, #443225) !important;
    color: #fff0cd !important;
    border-color: #98744a !important;
    text-shadow: none !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .dl-head,
        .si-head,
        .hs-head,
        .tf-head,
        .mp-head,
        .OldStyller-title,
        .OldStyller-voc-name,
        .OldStyller-status-head,
        .OldStyller-list-head,
        .OldStyller-search-title,
        .OldStyllerCharacterInfoTitle,
        .OldStyllerRules__title,
        .gw-forum-board tr:first-child,
        .NewsHeadlineBackground,
        .CaptionContainer,
        th,
        td.white
    )
    :is(b, strong, span, div, font, a) {
    background: transparent !important;
    color: #fff0cd !important;
    text-shadow: none !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .hs-tab,
        .hs-pages a,
        .OldStyllerGuildMaintenance a,
        .dl-button,
        .mp-btn,
        .gw-forum-button,
        .OldStyller-submit,
        .BigButton
    ) {
    background: linear-gradient(#785a3d, #4d3628) !important;
    color: #fff0ce !important;
    border: 1px solid #98744a !important;
    text-shadow: none !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .hs-tab.active,
        .hs-tab:hover,
        .hs-pages a:hover,
        .dl-button:hover,
        .gw-forum-button:hover
    ) {
    background: #674720 !important;
    color: #fff0ce !important;
    border-color: #674720 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.hs-tab, .hs-pages a, .dl-button, .gw-forum-button, .OldStyller-submit, .BigButton)
    :is(span, b, strong) {
    color: #fff0ce !important;
    background: transparent !important;
}
html body #ContentColumn .Content .BoxContent .dl-tag {
    background: #dfc9a3 !important;
    color: #493521 !important;
    border-color: #b59a6d !important;
}
html body #ContentColumn .Content .BoxContent :is(.hs-card.first, .tf-card.first) {
    background: #e2c99e !important;
    border-color: #96713d !important;
}
html body #ContentColumn .Content .BoxContent :is(.hs-points, .tf-frags) {
    background: #dfc9a3 !important;
    color: #493521 !important;
    border-color: #b59a6d !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.mp-ok, .green, .hs-online, font[color='green'], .OldStyller-status b) {
    color: #23642f !important;
}
html body #ContentColumn .Content .BoxContent .mp-ok {
    background: #e0ecd2 !important;
    border-color: #83946d !important;
}
html body #ContentColumn .Content .BoxContent :is(.mp-error, font[color='red'], .red) {
    color: #a22521 !important;
}
html body #ContentColumn .Content .BoxContent .mp-error {
    background: #f1d9cf !important;
    border-color: #c39a87 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.hs-offline, .OldStyllerCharacterHero--offline .OldStyllerCharacterHero__status) {
    color: #795746 !important;
}
html body #ContentColumn .Content .BoxContent :is(.oldstyller-rule__item, .oldstyller-rule__final) {
    border-color: #c9b18b !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.oldstyller-rule__title, .oldstyller-rules__intro, .oldstyller-rule__item, .si-highlight) {
    text-shadow: none !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .hs-table,
        .tf-table,
        .OldStyller-online-table,
        .OldStyllerDeaths__table,
        .si-grid,
        .si-stage,
        .gw-forum-board
    ) {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #efe1c5 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .hs-table,
        .tf-table,
        .OldStyller-online-table,
        .OldStyllerDeaths__table,
        .si-grid,
        .si-stage,
        .gw-forum-board
    )
    :is(td, th) {
    padding: 9px 10px !important;
    line-height: 1.45 !important;
    vertical-align: middle;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.hs-table, .tf-table, .OldStyller-online-table, .OldStyllerDeaths__table)
    tr:hover
    td {
    background: #dfc9a3 !important;
}
html body #ContentColumn .Content .BoxContent :is(.hs-podium, .tf-podium) td {
    background: transparent !important;
    padding: 5px !important;
}
html body #ContentColumn .Content .BoxContent .hs-wrap {
    padding: 12px !important;
}
html body #ContentColumn .Content .BoxContent .hs-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}
html body #ContentColumn .Content .BoxContent .hs-tab {
    margin: 0 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.hs-name, .tf-name, .OldStyllerCharacterHero__name) {
    overflow-wrap: anywhere;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    input:not([type='image']):not([type='submit']):not([type='button']):not([type='checkbox']):not(
        [type='radio']
    ),
html body #ContentColumn .Content .BoxContent :is(select, textarea) {
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-height: 28px;
}
html body #ContentColumn .Content .BoxContent input:is([type='radio'], [type='checkbox']) {
    accent-color: #785a3d;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid #155475 !important;
    outline-offset: 2px !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(button:disabled, input:disabled, .dl-button-disabled) {
    cursor: not-allowed !important;
    opacity: 0.65 !important;
}
html
    body
    #ContentColumn
    #newsticker
    :is(.Odd, .Even, .NewsTickerText, .NewsTickerShortText, .NewsTickerFullText) {
    background: #efe1c5 !important;
    color: #382c20 !important;
    border-color: #b59a6d !important;
}
@media (max-width: 620px) {
    html body #ContentColumn .Content .BoxContent .dl-card {
        display: block !important;
    }
    html body #ContentColumn .Content .BoxContent :is(.dl-info, .dl-action) {
        display: block !important;
        width: auto !important;
        border-left: 0 !important;
    }
    html body #ContentColumn .Content .BoxContent .dl-action {
        padding: 12px !important;
        border-top: 1px solid #b59a6d !important;
    }
    html body #ContentColumn .Content .BoxContent .hs-world {
        float: none !important;
        display: block !important;
        margin-top: 6px !important;
    }
    html
        body
        #ContentColumn
        .Content
        .BoxContent
        :is(.hs-table, .tf-table, .OldStyller-online-table, .OldStyllerDeaths__table)
        :is(td, th) {
        padding: 6px 4px !important;
        font-size: 10px !important;
    }
    html body #ContentColumn .Content .BoxContent .hs-pointscol {
        width: auto !important;
    }
    html body #ContentColumn .Content .BoxContent .oldstyller-rule {
        padding: 12px !important;
    }
}
/* Cadastro, conta, galerias e guildas seguem a mesma apresentação. */
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .ca-box,
        .ca-body,
        .gw-choice-body,
        .gw-choice-column,
        .gw-choice-options,
        .gw-login-actions,
        .tg-feature,
        .tg-feature-img,
        .tg-caption,
        .tg-feature-title,
        .tg-link,
        .OldStyllerGuildHero,
        .OldStyllerGuildHero__logo,
        .OldStyllerGuildHero__stat,
        .OldStyllerGuildDirectory,
        .OldStyllerGuildTools
    ) {
    background: #efe1c5 !important;
    background-image: none !important;
    color: #382c20 !important;
    border-color: #b59a6d !important;
    text-shadow: none !important;
}
html body #ContentColumn .Content .BoxContent :is(.ca-title, .gw-choice-title) {
    background: #65513c !important;
    color: #fff0cd !important;
    text-shadow: none !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.ca-title, .gw-choice-title)
    :is(span, b, strong) {
    color: #fff0cd !important;
}
html body #ContentColumn .Content .BoxContent .ca-button {
    background: linear-gradient(#785a3d, #4d3628) !important;
    color: #fff0ce !important;
    border-color: #98744a !important;
}
html
    body
    #ContentColumn
    #GWAccountManagement
    :is(
        .InnerTableContainer,
        .TableContentContainer,
        .Message,
        .SmallBox,
        .gw-choice-card,
        .gw-choice-body,
        .gw-choice-options,
        .gw-choice-column,
        .InnerTableButtonRow
    ) {
    background: #efe1c5 !important;
    background-image: none !important;
    color: #382c20 !important;
    border-color: #b59a6d !important;
}
html body #ContentColumn #GWAccountManagement .CaptionContainer {
    background: #65513c !important;
    color: #fff0cd !important;
}
html body #ContentColumn #GWAccountManagement .CaptionContainer :is(div, span, b, strong) {
    background: transparent !important;
    color: #fff0cd !important;
}

/* v8 — menu azul-marinho, laterais alinhadas e nova arte de fundo. */
html {
    background-color: #07111d !important;
    background-image:
        linear-gradient(180deg, rgba(7, 17, 29, 0.12), rgba(7, 17, 29, 0.6)),
        url('images/header/oldstyller-background-v8.jpg') !important;
    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}
html body #Menu .MenuButton {
    background: linear-gradient(#1c3655, #10243d) !important;
    border-color: #8c7753 !important;
}
html body #Menu .MenuButton:hover {
    background: linear-gradient(#294a6d, #173552) !important;
}
html body #ThemeboxesColumn #OldstyllerFacebook,
html body #ThemeboxesColumn #OldStyllerTopLevel {
    box-sizing: border-box !important;
    width: 132px !important;
    max-width: 132px !important;
    margin: 12px auto 0 !important;
    padding: 8px !important;
    border: 1px solid #98744a !important;
    box-shadow: none !important;
}
html body #ThemeboxesColumn #OldstyllerFacebook .OldstyllerFacebook__heading {
    font:
        bold 11px/14px Georgia,
        serif !important;
    margin-bottom: 8px !important;
}
html body #ThemeboxesColumn #OldstyllerFacebook img {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
html body #ThemeboxesColumn #OldstyllerFacebook .OldstyllerFacebook__action {
    font:
        bold 9px/13px Georgia,
        serif !important;
    margin-top: 8px !important;
}
html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__heading {
    font:
        bold 11px/15px Georgia,
        serif !important;
    letter-spacing: 0 !important;
    gap: 4px !important;
}
html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__subheading {
    font:
        8px/12px Arial,
        sans-serif !important;
    margin: 5px 0 8px !important;
}
html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__row {
    gap: 4px !important;
    min-height: 27px !important;
    padding: 3px 2px !important;
    box-sizing: border-box !important;
}
html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__rank {
    width: 12px !important;
    flex: 0 0 12px !important;
}
html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__name {
    min-width: 0 !important;
    font-size: 9px !important;
}
html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__level {
    font-size: 9px !important;
    flex-shrink: 0 !important;
}
html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__link {
    font:
        9px/13px Arial,
        sans-serif !important;
    margin-top: 8px !important;
}

/* v9 — remove a seta decorativa da página selecionada no menu. */
html body #Menu .ActiveSubmenuItemIcon {
    display: none !important;
    background: none !important;
}
/* v10 — acesso sem troca de moldura; cadastro sem quadro escuro residual. */
html body #Loginbox #OldStyllerLoginButton,
html body #Loginbox #OldStyllerLoginButton:hover,
html body #Loginbox #OldStyllerLoginButton:focus,
html body #Loginbox #OldStyllerLoginButton:active {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 125px !important;
    height: 29px !important;
    min-height: 29px !important;
    margin: 0 auto !important;
    padding: 0 6px !important;
    background: linear-gradient(#1c3655, #10243d) !important;
    background-image: linear-gradient(#1c3655, #10243d) !important;
    border: 1px solid #b89a58 !important;
    border-radius: 2px !important;
    color: #fff0cd !important;
    font:
        bold 12px/16px Georgia,
        serif !important;
    text-shadow: 0 1px #07111d !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    transform: none !important;
    filter: none !important;
    transition: background-color 0.12s ease !important;
}
html body #Loginbox #OldStyllerLoginButton:hover {
    background: linear-gradient(#294a6d, #173552) !important;
}
html body #Loginbox #OldStyllerLoginButton:active {
    background: #10243d !important;
}
html body #Loginbox #OldStyllerLoginButton:focus-visible {
    outline: 2px solid #e8cc8a !important;
    outline-offset: 2px !important;
}
html body #Loginbox #OldStyllerLoginButton span {
    color: #fff0cd !important;
    margin: 0 !important;
}
html body #ContentColumn #createaccount form,
html body #ContentColumn #lostaccount form {
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
html body #ContentColumn #create-account-clean .ca-box {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    background: #efe1c5 !important;
    border: 1px solid #b59a6d !important;
    box-shadow: none !important;
}
html body #ContentColumn #create-account-clean .ca-body {
    background: #efe1c5 !important;
    padding: 16px !important;
}
html body #ContentColumn #create-account-clean .ca-actions {
    border-color: #b59a6d !important;
}
html
    body
    #ContentColumn
    :is(#createaccount, #lostaccount)
    input:is([type='checkbox'], [type='radio']) {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* v11 — validação em páginas reais: contadores, busca e rótulos legados. */
html body #ContentColumn .Content .BoxContent :is(.OldStyller-voc-count, .OldStyller-search) {
    background: #efe1c5 !important;
    background-image: none !important;
    color: #382c20 !important;
    border-color: #b59a6d !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
html body #ContentColumn .Content .BoxContent .OldStyller-voc-count {
    display: block !important;
    padding: 8px !important;
    line-height: 22px !important;
    font-weight: bold !important;
}
html body #ContentColumn .Content .BoxContent .OldStyller-search {
    padding: 0 !important;
    margin: 12px 0 0 !important;
    border: 1px solid #b59a6d !important;
}
html body #ContentColumn .Content .BoxContent .OldStyller-search table {
    width: 100% !important;
}
html body #ContentColumn .Content .BoxContent .OldStyller-search td {
    padding: 8px !important;
}
html body #ContentColumn .BigButton {
    position: relative !important;
}
html body #ContentColumn .BigButton::after {
    color: #fff0ce !important;
    text-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 16px !important;
    inset: 0 !important;
}
html body #ContentColumn .BigButton:has(input[name='Submit'])::after {
    content: 'Confirmar';
}
html body #ContentColumn #GWAccountManagement .BigButton::after {
    color: #fff0ce !important;
}
html
    body
    #ContentColumn
    #GWAccountManagement
    :is(.Text, .LabelV, .InnerTableContainer, .InnerTableButtonRow) {
    color: #382c20 !important;
    text-shadow: none !important;
}
html body #ContentColumn #GWAccountManagement :is(input[type='text'], input[type='password']) {
    width: 100% !important;
    max-width: 360px !important;
    height: 30px !important;
    margin: 4px 0 !important;
}
html body #ContentColumn #forum .gw-forum-tools {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px !important;
}
html
    body
    #ContentColumn
    #forum
    :is(.gw-forum-message, .gw-forum-author, .gw-forum-topic td, .gw-forum-post-footer td) {
    background: #efe1c5 !important;
    color: #382c20 !important;
}
html body #ContentColumn #forum :is(.gw-forum-columns, .gw-forum-board tr:first-child) td,
html body #ContentColumn #forum .gw-forum-board tr:first-child td :is(font, b, strong) {
    background: #65513c !important;
    color: #fff0cd !important;
}
html body #ContentColumn #forum textarea {
    width: 100% !important;
    min-height: 160px !important;
    resize: vertical !important;
}
html body #ContentColumn #forum :is(input[type='text'], select) {
    max-width: 100% !important;
}
html body #ContentColumn #forum .gw-forum-message {
    overflow-wrap: anywhere !important;
}
html body #ContentColumn #forum .gw-forum-message img {
    max-width: 100% !important;
    height: auto !important;
}
html body #ThemeboxesColumn #OldstyllerFacebook {
    background: #f1e3c8 !important;
    border-color: #98744a !important;
}
@media (max-width: 620px) {
    html body #ContentColumn .Content .BoxContent .OldStyller-search td {
        padding: 6px 3px !important;
    }
    html body #ContentColumn #forum .gw-forum-author {
        width: 100px !important;
    }
}
/* Acabamento de componentes internos que não aparecem na página inicial. */
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .CaptionInnerContainer,
        .OldStyllerCharacterProfile,
        .OldStyllerCharacterInfo,
        .OldStyllerSkillValues,
        .OldStyllerDeaths__table,
        .gw-forum-thread,
        .OldStyllerForum,
        .OldstyllerGuildHero,
        .OldstyllerGuildHero__meta span,
        .OldstyllerGuildMembers,
        .OldstyllerGuildDirectory
    ) {
    background: #efe1c5 !important;
    background-image: none !important;
    color: #382c20 !important;
    border-color: #b59a6d !important;
    box-shadow: none !important;
}
html body #ContentColumn .Content .BoxContent .CaptionInnerContainer,
html body #ContentColumn #guilds :is(.OldstyllerGuildSectionHead, .OldstyllerGuildTableHead) td,
html body #ContentColumn .Content .BoxContent .OldStyllerDeaths__table tr:first-child td,
html body #ContentColumn .OldStyllerForum table tr:first-child td {
    background: #65513c !important;
    color: #fff0cd !important;
}
html body #ContentColumn .Content .BoxContent .CaptionInnerContainer :is(div, span, b, strong),
html
    body
    #ContentColumn
    #guilds
    :is(.OldstyllerGuildSectionHead, .OldstyllerGuildTableHead)
    :is(b, strong, span, font),
html
    body
    #ContentColumn
    .Content
    .BoxContent
    .OldStyllerDeaths__table
    tr:first-child
    td
    :is(b, strong, a),
html body #ContentColumn .OldStyllerForum table tr:first-child td :is(font, b, strong, a) {
    background: transparent !important;
    color: #fff0cd !important;
}
html body #ContentColumn .Content .BoxContent :is(.OldStyllerSearchButton, .OldStyllerViewButton) {
    background: linear-gradient(#785a3d, #4d3628) !important;
    color: #fff0ce !important;
}
html body #ContentColumn td:has(> input[type='image'][src*='sbutton_view.gif'])::after {
    color: #fff0ce !important;
}
html body #ContentColumn #forum table:not(.gw-forum-thread) tr:first-child td {
    background: #65513c !important;
    color: #fff0cd !important;
}
html
    body
    #ContentColumn
    #forum
    table:not(.gw-forum-thread)
    tr:first-child
    td
    :is(font, b, strong, div) {
    background: transparent !important;
    color: #fff0cd !important;
}

/* v12 — ficha: equipamentos e skills organizados no mesmo bloco. */
html body #ContentColumn #characters .OldStyllerCharacterStats > td {
    padding: 12px !important;
}
html body #ContentColumn #characters .OldStyllerCharacterStatsGrid {
    width: 100% !important;
    table-layout: fixed !important;
    border: 0 !important;
}
html body #ContentColumn #characters .OldStyllerCharacterStatsGrid > tbody > tr {
    display: grid !important;
    grid-template-columns: 170px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    background: transparent !important;
}
html body #ContentColumn #characters :is(.OldStyllerEquipmentCard, .OldStyllerSkillsCard) {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
html body #ContentColumn #characters .OldStyllerEquipment {
    width: 150px !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 3px !important;
    margin: 0 auto !important;
}
html body #ContentColumn #characters .OldStyllerEquipment td {
    width: 44px !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 2px !important;
    box-sizing: border-box !important;
    border: 1px solid #b59a6d !important;
    text-align: center !important;
    vertical-align: middle !important;
}
html body #ContentColumn #characters .OldStyllerEquipment img {
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
}
html body #ContentColumn #characters .OldStyllerEquipment .OldStyllerEmptySlot span {
    font:
        18px/36px Georgia,
        serif !important;
}
html body #ContentColumn #characters .OldStyllerSkillTable {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    border: 1px solid #b59a6d !important;
}
html body #ContentColumn #characters .OldStyllerSkillTable caption {
    padding: 8px !important;
    margin: 0 !important;
    background: #65513c !important;
    color: #fff0cd !important;
    font:
        bold 14px/18px Georgia,
        serif !important;
}
html body #ContentColumn #characters .OldStyllerSkillTable caption strong {
    color: #fff0cd !important;
}
html body #ContentColumn #characters .OldStyllerSkillTable td {
    width: 11.111% !important;
    padding: 7px 2px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border: 1px solid #c9b18b !important;
    font:
        11px/16px Arial,
        sans-serif !important;
}
html body #ContentColumn #characters .OldStyllerSkillTable tr:first-child td {
    background: #efe1c5 !important;
}
html body #ContentColumn #characters .OldStyllerSkillTable img {
    display: block !important;
    width: 30px !important;
    max-width: 100% !important;
    height: 30px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}
html body #ContentColumn #characters .OldStyllerSkillTable .OldStyllerSkillLabels td {
    background: #dfc9a3 !important;
    font-weight: bold !important;
}
html body #ContentColumn #characters .OldStyllerSkillTable tr:last-child td {
    background: #f3e7ce !important;
}
@media (max-width: 700px) {
    html body #ContentColumn #characters .OldStyllerCharacterStatsGrid > tbody > tr {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }
    html body #ContentColumn #characters .OldStyllerSkillTable td {
        font-size: 9px !important;
        padding: 5px 1px !important;
    }
    html body #ContentColumn #characters .OldStyllerSkillTable img {
        width: 26px !important;
        height: 26px !important;
    }
}

/* v13 — arte própria OldStyller e fundo retocado. */
html {
    background-image:
        linear-gradient(180deg, rgba(7, 17, 29, 0.12), rgba(7, 17, 29, 0.6)),
        url('images/header/oldstyller-background-v13.jpg') !important;
}
html body #OldStyllerLogoArtwork {
    width: 180px !important;
    height: 80px !important;
    padding: 0 !important;
    top: 25px !important;
    left: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html body #OldStyllerLogoArtwork::after {
    display: none !important;
}
html body #OldStyllerLogoArtwork img {
    display: block !important;
    width: 180px !important;
    height: 80px !important;
    object-fit: contain !important;
    max-width: 100% !important;
}

/* v15 — conta autenticada e criação de personagem, com contraste uniforme. */
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .gw-modern-welcome,
        .gw-modern-notice,
        .gw-modern-actions,
        .gw-modern-field,
        .gw-modern-create fieldset,
        .gw-modern-choices,
        .gw-modern-choices label,
        .gw-modern-character
    ) {
    background: #efe1c5 !important;
    background-image: none !important;
    color: #49351f !important;
    border-color: #b59a6d !important;
}
html body #ContentColumn .Content .BoxContent .gw-modern-character:nth-child(even) {
    background: #e6d5b4 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.gw-modern-character-head, .gw-modern-choices legend) {
    background: #d9c39d !important;
    color: #49351f !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(
        .gw-modern-welcome,
        .gw-modern-notice,
        .gw-modern-field,
        .gw-modern-create fieldset,
        .gw-modern-choices,
        .gw-modern-character
    )
    :is(span, strong, small, label, legend) {
    color: #49351f !important;
}
html body #ContentColumn .Content .BoxContent .gw-modern-character a {
    color: #15538b !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.gw-modern-actions, .gw-modern-welcome, .gw-modern-notice)
    button,
html body #ContentColumn .Content .BoxContent .gw-modern-button {
    background: linear-gradient(#785a3d, #4d3628) !important;
    color: #fff0ce !important;
    border: 1px solid #b79b68 !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.gw-modern-actions, .gw-modern-welcome, .gw-modern-notice)
    button:hover,
html body #ContentColumn .Content .BoxContent .gw-modern-button:hover {
    background: linear-gradient(#8b6b49, #60452e) !important;
    color: #fff !important;
}
html
    body
    #ContentColumn
    .Content
    .BoxContent
    :is(.gw-modern-create-grid, .gw-modern-choices > div, .gw-modern-characters) {
    background: #b59a6d !important;
}
html body #ContentColumn .Content .BoxContent .gw-modern-choices label:nth-child(even) {
    background: #e6d5b4 !important;
}
html body #ContentColumn .Content .BoxContent .gw-modern-create input[type='radio'] {
    width: 14px !important;
    height: 14px !important;
    min-width: 0 !important;
    margin: 0 7px 0 0 !important;
}
html body #ContentColumn .Content .BoxContent .gw-modern-character .gw-online {
    color: #276727 !important;
    font-weight: bold !important;
}
html body #ContentColumn .Content .BoxContent .gw-modern-character .gw-offline {
    color: #795f3c !important;
}

/* v17 — ficha do personagem: remove o fundo escuro legado do equipamento. */
html body #ContentColumn #characters .OldStyllerCharacterStats > td {
    background: #efe1c5 !important;
    background-image: none !important;
    color: #49351f !important;
}
html body #ContentColumn #characters .OldStyllerCharacterStatsGrid,
html body #ContentColumn #characters .OldStyllerCharacterStatsGrid > tbody,
html body #ContentColumn #characters .OldStyllerCharacterStatsGrid > tbody > tr,
html body #ContentColumn #characters :is(.OldStyllerEquipmentCard, .OldStyllerSkillsCard),
html body #ContentColumn #characters .OldStyllerEquipment,
html body #ContentColumn #characters .OldStyllerEquipment > tbody,
html body #ContentColumn #characters .OldStyllerEquipment tr {
    background: transparent !important;
    background-image: none !important;
    color: #49351f !important;
}
html body #ContentColumn #characters .OldStyllerEquipment td,
html body #ContentColumn #characters .OldStyllerEquipment .OldStyllerEmptySlot {
    background: #f3e7ce !important;
    background-image: none !important;
    color: #49351f !important;
    border-color: #b59a6d !important;
}
html body #ContentColumn #characters .OldStyllerEquipment .OldStyllerEmptySlot span {
    color: #947b55 !important;
}

/* v18 — rótulos de edição da conta sem sobreposição às checkboxes. */
html body #ContentColumn #GWAccountManagement .TableContainer .LabelV {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
    min-width: 0 !important;
}
html body #ContentColumn #GWAccountManagement form[action*='action=changecomment'] .TableContent {
    width: 100% !important;
    table-layout: fixed !important;
}
html body #ContentColumn #GWAccountManagement form[action*='action=changecomment'] .LabelV {
    width: 32% !important;
    padding-right: 12px !important;
}
html
    body
    #ContentColumn
    #GWAccountManagement
    form[action*='action=changecomment']
    input[type='checkbox'] {
    width: 13px !important;
    height: 13px !important;
    min-width: 0 !important;
    vertical-align: middle !important;
    margin: 0 5px 0 0 !important;
}
html body #ContentColumn #GWAccountManagement form[action*='action=changecomment'] textarea {
    box-sizing: border-box !important;
    max-width: 100% !important;
}
