.CVIcon {
  float: left;
  position: relative;
  z-index: 150;
  cursor: help;
  background-color: #d5c0a1;
  border: 1px solid #5A2800;
  margin: auto;
  padding: 1px;
  width: 64px;
  height: 64px;
  overflow: hidden;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

.CVIcon.CVIconObject img {
  width: 32px;
  height: 32px;
}

.ObjectAmount {
  position: absolute;
  bottom: 0px;
  right: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  z-index: 100;
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.CVIconOutfit {
  float: left;
  position: relative;
  z-index: 150;
  cursor: help;
/*  background-color: #d5c0a1;*/
  background-color: #f1e0c5;
  border: 1px solid #5a2800;
  margin: auto;
  padding: 1px;
  min-width: 64px;
  min-height: 64px;
/*  overflow: hidden;*/
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

.CVIconOutfit.CVIconObject {
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.CVIconOutfit.CVIconObject img {
  width: 32px;
  height: 32px;
  top: 2px;
  left: 1px;
  position: relative;
}

.CVIconPacks {
  float: left;
}

.backgroundPacks {
  background-color: #000000b3;
  width: 167px;
  height: 91px;
  top: -16px;
  position: absolute;
  left: -3px;
}

.ObjectAmountPacks {
  position: absolute;
  bottom: -2px;
  right: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  z-index: 9000;
  color: bisque;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.ObjectAmountBox {
/*  left: 50; */
  margin-left: 90px;
  top: 23px;
  font-size: 18px;
/*  color: red; */
  position: absolute;
/*  bottom: 0; */
/*  right: 2px; */
  font-family: sans-serif;
/*  font-size: 10px; */
  font-weight: 700;
  z-index: 100;
  color: #fff;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.ObjectTier {
  position: absolute;
  bottom: 32px;
  left: 25px;
  width: 9px;
  height: 8px;
  z-index: 100;
  top: -1px;
}

.ObjectTier img {
  max-width: 100%;
  max-height: 100%;
}

.CVIcon.CVIconObject.GreyedOutObject {
  filter: grayscale(.8);
}

.CharacterView .TopButton {
  right: -4px;
  top: -4px;
}

.ViewBlockTopRow {
  height: 30px;
}

.AuctionCharacterName {
  font-weight: 700;
  margin-bottom: 4px;
}

.AuctionInfo {
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  color: #ff9712;
}

.AuctionNewIcon {
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 100;
}

.AuctionLinks {
  position: absolute;
  right: 6px;
  top: 4px;
  height: 15px;
}

.AuctionLinks a {
  margin-left: 5px;
}

.BlockPageNavigationRow .CipAjaxLink {
  display: block;
  min-width: 15px;
  padding-left: 1px;
  padding-right: 1px;
  border: 1px solid transparent;
}

.BlockPage {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(68px,1fr));
  grid-auto-rows: 73px;
  grid-gap: 1px;
}

.BlockPage.BlockPageObject {
  grid-template-columns: repeat(auto-fill, minmax(36px,1fr));
/*  grid-auto-rows: 38px;*/
}

.WatchOrUnwatchLink {
  position: absolute;
  top: 0;
  right: 70px;
}

.AuctionLinks .WatchListIndicator {
  width: 100%;
  text-align: right;
  position: relative;
  right: 50px;
  top: 0px;
  color: green;
  animation: fadeOut 2s forwards;
  animation-delay: 2s;
}

/* Bazaar watch/unwatch: keep icon position stable after ajax update */
.AuctionLinks span[id^="ajax-target-auction-"] {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.AuctionLinks span[id^="ajax-target-auction-"] .WatchListIndicator {
  position: absolute;
  right: 17px;
  top: 50%;
  width: auto;
  text-align: right;
  transform: translate(-6px, -50%);
  white-space: nowrap;
  pointer-events: none;
}

@keyframes fadeOut {
  from { opacity: 1 }
  to { opacity: 0 }
}

.AuctionBody {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px dashed #5A2800;
}

.AuctionDisplay {
  flex-basis: 76px;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  padding: 1px;
  background-color: #f1e0c6;
  border: 1px solid #5A2800;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  float: left;
  margin-right: 10px;
}

.AuctionBodyBlock {
  margin-top: 5px;
  margin-bottom: 5px;
}

.AuctionOutfit {
  position: relative;
}

.AuctionItemsViewBox {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(36px,1fr));
  grid-auto-rows: 38px;
}

.AuctionOutfitImage {
  position: absolute;
  left: 5px;
  top: 2px;
  z-index: 100;
  width: 64px;
  height: 64px;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

.ShortAuctionData {
  position: relative;
  min-width: 300px;
  flex-shrink: 0;
  flex-grow: 1;
  padding: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  background-color: #f1e0c6;
  border: 1px solid #5a2800;
  box-shadow: 2px 2px 5px 0 rgba(0,0,0,.5);
}

.ShortAuctionData .AuctionTimer {
  position: absolute;
  top: 18px;
  right: 10px;
  width: 200px;
  text-align: right;
  background-color: #f1e0c6;
  color: red;
}

.ShortAuctionData .ShortAuctionDataLabel {
  width: 115px;
  font-weight: bold;
  float: left;
}

.ShortAuctionDataValue {
  text-align: right;
}

.ShortAuctionDataBidRow {
/*  margin-top: 5px;*/
}

.CurrentBid {
  width: 142px;
  flex-shrink: 0;
  margin-left: 10px;
  padding: 5px;
  text-align: center;
  background-color: #f1e0c6;
  border: 1px solid #5a2800;
  box-shadow: 2px 2px 5px 0 rgba(0,0,0,.5);
  display: flex;
  justify-content: space-around;
  align-content: stretch;
  flex-direction: column;
  align-items: center;
}

.CurrentBid .Container {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.CurrentBid .BigButton {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media all and (max-width: 1170px) {
  .SpecialCharacterFeatures {
    margin-right: 10px !important;
  }
  .CurrentBid {
    order: 5 !important;
    margin-left: auto !important;
  }
  .DisplayOptionsContent .DisplayOptionsLabel {
    width: 100px !important;
  }
  canvas {
    left: 90% !important;
  }
}

.MyMaxBidLabel {
  font-weight: bold;
}

.MyMaxBidInput {
  width: 131px;
  margin-top: 4px;
  margin-bottom: 4px;
/*  height: 13px;*/
  height: 18px;
  text-align: right;
}

.newFlag {
  position: absolute;
  top: -3px;
  left: -3px;
}

.SpecialCharacterFeatures {
  min-height: 30px;
  flex-basis: 300px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: stretch;
  align-items: center;
  padding: 10px;
  background-color: #f1e0c6;
  border: 1px solid #5a2800;
  box-shadow: 2px 2px 5px 0 rgba(0,0,0,.5);
}

.SpecialCharacterFeatures .Entry {
  width: 100%;
  min-width: 300px;
  text-align: left;
}

.SpecialCharacterFeatures .CharacterFeatureCategory {
  margin-right: 5px;
}

.RWTExperimentalWorldsText {
  color: red;
}

.PercentageColumn {
  width: 100%;
  position: relative;
  margin-right: 2px;
}

.LabelColumn {
  width: 80px !important;
  white-space: nowrap;
}

.LevelColumn {
  width: 30px !important;
  text-align: right;
}

#StickyNavigation.SmallBox {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.BlockPageNavigationRow .CurrentPageLink {
  display: inline-block;
  min-width: 15px;
  padding-left: 2px;
  padding-right: 2px;
  background-color: #d5c0a1;
  cursor: unset;
  color: unset;
  text-decoration: auto;
}

.PercentageBar {
  position: absolute;
  height: 18px;
  background-color: #5f4d41;
  top: 1px;
}

.PercentageStringContainer {
  width: 100%;
  text-align: center;
}

.PercentageString {
  position: absolute;
  top: 3px;
  width: 50%;
  margin-left: 20px;
  left: 0;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.PercentageBarSpacer {
  width: 5px;
}
/* .PageLink {
  display: inline-block;
  min-width: 15px;
  text-align: center;
  cursor: pointer;
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #0063DC;
}*/
.PageLink {
  display: inline-block;
  min-width: 15px;
  text-align: center;
}
/* .PageLink:hover { text-decoration: underline; } */

.AchievementSecretIcon {
  position: absolute;
  margin-top: -2px;
  margin-left: 5px;
}

.CollapsedBlock .TableContent tr:nth-child(n+12) {
  display: none;
}

.CollapsedBlock .TableContent tr:last-child {
  display: table-row;
  text-align: center;
}

.CollapsedBlock .IndicateMoreEntries {
  font-style: italic;
}

.CharacterDetailsBlock .ShowMoreOrLess {
  padding: 7px;
  padding-bottom: 7px;
  font-size: 8pt;
  text-align: right;
}

.CharacterDetailsBlock .ShowMoreOrLess a {
  cursor: pointer;
}

.CharacterTradeTibiaCoinBalance {
  position: absolute;
  top: 8px;
  transform: translateX(5px);
  color: white;
  right: 10px;
  font-size: 7pt;
}

.gradeBazar {
  float: right;
  min-width: 143px !important;
  right: 3px;
  background-color: #e0d0b8;
  text-align: center;
  border: 1px solid #5a2800;
  min-height: 135px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 9px;
  display: grid;
  align-items: center;
}

#ContentColumn {
  position: relative !important;
  top: -1px !important;
}

.myAuctionText {
  font-weight: 600;
}

.redText {
	color: red;
}

form {
	margin: 0 0 18px;
	margin-block-end: 0;
}

.DisplayOptionsButton {
  position: absolute;
  right: 3px;
  top: 3px;
}

#FilterCharacterTrades .DisplayOptionsContent .InInputResetButton {
  left: 474px;
}

.DisplayOptionsContent .InInputResetButton {
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
  top: 4px;
  left: 456px;
  cursor: pointer;
}

.DisplayOptionsContent .InInputResetButton:after {
  content: "\D7";
  font-size: 15px;
  color: #000;
  text-align: center;
}

@media (max-width: 768px) {
  .NotOnMobile {
    display: none;
  }
}

.DisplayOptionsRadioButtonRow .OptionContainer {
  margin-right: 20px;
}

.OptionContainer input {
  vertical-align: middle;
  margin: 0px;
  margin-right: 3px;
}

.OptionContainer label {
  vertical-align: middle;
}

.ColorGreen {
  font-weight: bold;
  color: green;
}

.ColorRed {
  font-weight: bold;
  color: #EF0000;
}

.ColorOrange {
  font-weight: bold;
  color: #FF9712;
}

.SmallBox .SuccessMessage {
  font-size: 10pt;
  position: relative;
  color: green;
  height: 100%;
  background-color: #d4c0a1;
  padding: 8px;
  padding-left: 15px;
}

/* --- forum: cores e tipografia do forum global ------------------------
   O tema pinta o cabecalho das tabelas com vdarkborder (#505050, cinza) e
   texto branco. O forum do tibia.com usa marrom na barra do assunto e bege
   na linha de cabecalho, com texto escuro. Como bgcolor e atributo, o CSS
   ganha dele sem precisar mexer no twig.                                */

/* Linha "Author | Thread #N": bege com texto escuro, nao cinza com branco.
   A lista de boards e a de topicos deixaram de precisar disto: elas usam a
   TableContent do tema, como o Highscores e o Loyalty. */
.forum-thread > tbody > tr:first-child,
.forum-thread > tbody > tr:first-child > td {
  background-color: #d4c0a1 !important;
  color: #5a2800;
}

.forum-thread > tbody > tr:first-child a {
  color: #004294;
}

/* O tema marca essas celulas com class="white"; aqui elas nao sao escuras. */
.forum-thread .white {
  color: #5a2800 !important;
}

/* Nome do autor: azul, um pouco maior, como no global. */
.forum-thread > tbody > tr > td:first-child > a {
  font-size: 12px;
  font-weight: bold;
  color: #004294;
}

/* As linhas de mundo, vocacao, level e posts. */
.forum-thread > tbody > tr > td:first-child span {
  color: #5a2800;
  line-height: 1.5;
}

/* Corpo do post: respiro, como no global. */
.forum-thread > tbody > tr > td:nth-child(2) {
  padding: 8px 10px;
  line-height: 1.4;
}

/* Thread Review na tela de resposta: autor em azul e negrito, como no
   topico, e o texto alinhado ao topo quando o post tem varias linhas. */
.forum-review td {
  vertical-align: top;
  padding: 4px 6px;
}

.forum-review .forum-review-autor {
  width: 170px;
  white-space: nowrap;
}

.forum-review .forum-review-autor a {
  font-weight: bold;
  color: #004294;
}

/* Rodape do post: data a esquerda, Quote no meio, Post #N a direita. */
.forum-post-links a {
  color: #004294;
  font-weight: bold;
}

/* Linha "All times are": bege escuro e negrito. */
.forum-thread > tbody > tr:last-child > td {
  background-color: #d4c0a1 !important;
  font-weight: bold;
  color: #5a2800;
}

/* Separacao entre a coluna do autor e o corpo, e moldura da tabela. */
.forum-thread {
  border: 1px solid #5a2800;
  border-collapse: collapse;
}

.forum-thread > tbody > tr > td {
  border: 1px solid #c0a888;
  padding: 4px 6px;
}

/* --- forum: barras, contadores, saltos e direitos --------------------
   O desenho segue o forum global: barra do assunto com o botao a direita,
   contadores de pagina e resultados acima e abaixo da tabela, e o bloco de
   saltos com os direitos da board no fim.                               */
.forum-nav {
  margin-bottom: 6px;
}

.forum-counters td {
  font-size: 10px;
  padding: 2px 6px;
}

.forum-post-mark {
  vertical-align: text-bottom;
  margin-right: 3px;
}

.forum-post-links a {
  white-space: nowrap;
}

/* O remove_post e um form; em linha ele nao quebra a sequencia de links. */
.forum-post-links form {
  display: inline;
  margin: 0;
}

.forum-bottom-button {
  text-align: right;
  margin: 6px 0;
  /* Alinha com o botao da faixa do titulo: la o recuo e a borda da moldura
     (1px) + a margem do RightArea (5px) + o padding do .Text (3px). */
  padding-right: 7px;
}

/* Faixa do titulo que carrega um botao.

   O .RightArea e flutuante, entao nao empurrava a altura do pai: a barra
   ficava com 28px e o botao de 25px vazava 3px para fora dela. O overflow
   contem o float e a barra passa a caber o botao. */
.forum-cap-botao .CaptionContainer .Text {
  overflow: hidden;
  line-height: 25px;
}

/* Com o float contido, a barra passa a caber o botao - mas os 6px de respiro
   de cima e de baixo deixavam 37px, largos demais. 4px dao o respiro do
   forum global sem inchar a barra. */
.TableContainer.forum-cap-botao .CaptionContainer .CaptionInnerContainer {
  padding-top: 4px;
  padding-bottom: 4px;
}

.forum-cap-botao .CaptionContainer .RightArea .forum-button-form {
  display: block;
  margin: 0;
}

/* O New Topic do topo da board. Antes ele morava dentro da barra de titulo;
   a barra virou a faixa da moldura do tema, que nao comporta um botao de
   135x25, entao ele passou a ficar logo acima, alinhado a direita. */
.forum-top-button {
  text-align: right;
  margin-bottom: 6px;
}

/* O .BigButton do tema e um div de 135px, portanto bloco: text-align no pai
   nao o desloca. Vira inline-block para o alinhamento a direita valer, nos
   dois botoes. */
.forum-top-button .BigButton,
.forum-bottom-button .BigButton {
  display: inline-block;
}

/* Os "Go" dos saltos usam a classe BigButtonText, a mesma dos botoes do
   tema. Ela nasceu para viver dentro de um .BigButton - e absoluta, de
   135px e sem fundo proprio. Aqui ela anda sozinha, entao volta ao fluxo,
   ganha a largura do texto e o fundo do botao. */
.forum-jumps .BigButtonText {
  position: static;
  width: 135px;
  height: 25px;
  /* O fundo vive no basic.css do tema: CSS nao le a config do PHP, e aqui
     o caminho teria de ser cravado. La a url() e relativa e funciona com ou
     sem o asset_url. */
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.forum-jumps {
  margin-top: 10px;
  margin-left: auto;
}

/* "Show Threads From": a direita e acima da moldura, como no global.
   Reaproveita a forma dos saltos - mesma largura de campo, mesmo Go. */
.forum-filtro {
  margin-left: auto;
  margin-bottom: 6px;
}

.forum-filtro td {
  padding: 1px 4px;
  font-size: 11px;
  white-space: nowrap;
}

.forum-filtro form {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
}

.forum-filtro select {
  width: 150px;
  box-sizing: border-box;
  flex: none;
}

.forum-filtro .BigButtonText {
  position: static;
  width: 135px;
  height: 25px;
  /* O fundo vive no basic.css do tema: aqui o caminho teria de ser cravado,
     e o /assets/ so existe onde o servidor tem a regra. */
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.forum-jumps td {
  padding: 1px 4px;
  font-size: 11px;
  vertical-align: middle;
  /* Rotulo, campo e o Go ficam na mesma linha, como no forum global. */
  white-space: nowrap;
}

.forum-jumps form {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
}

/* O campo de cada linha tem largura fixa e igual, senao o Go de cada uma
   comeca num ponto diferente: o select se dimensiona pelo nome da board e
   os campos de texto pelo size=10. No forum global a coluna e uma so. */
.forum-jumps select,
.forum-jumps input[type="text"] {
  width: 150px;
  box-sizing: border-box;
  flex: none;
}

.forum-rights {
  margin-top: 10px;
  font-size: 11px;
}

/* --- forum: painel e botoes do formulario ----------------------------
   As faixas do formulario vinham com vdarkborder (#505050, cinza) e os
   botoes eram os do navegador, sem nada do tema. Aqui as faixas ficam
   marrons como a barra do assunto no topico, e os botoes ganham a cara
   dos botoes do site.                                                   */
.forum-painel {
  border: 1px solid #5a2800;
  border-collapse: collapse;
  margin-bottom: 8px;
}

.forum-painel > tbody > tr > td {
  border: 1px solid #c0a888;
  padding: 4px 6px;
}

/* A primeira linha de cada painel e o titulo: marrom com texto branco. */
.forum-painel > tbody > tr:first-child,
.forum-painel > tbody > tr:first-child > td {
  background-color: #45392e !important;
  color: #ffffff;
}

.forum-painel > tbody > tr:first-child span,
.forum-painel > tbody > tr:first-child b {
  color: #ffffff !important;
}

/* A tabela de smileys fica dentro de uma celula: sem moldura propria. */
.forum-painel .forum-smileys,
.forum-painel .forum-smileys td {
  border: 0;
  padding: 0 4px 1px 0;
}

/* Os botoes do formulario usam o BigButton do tema (ver
   forum.formbutton.html.twig), o mesmo componente do Post Reply. Aqui so
   entra o alinhamento: os tres lado a lado e centralizados. */
.forum-buttons {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}

.forum-buttons .BigButton {
  margin: 0;
}

/* Campos de texto no tom do painel. */
.forum-painel input[type="text"],
.forum-painel textarea,
.forum-painel select {
  border: 1px solid #5a2800;
  background-color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/* --- forum: formulario de postagem ----------------------------------
   Grade de icones e tabela de smileys, no formato do forum global.       */
.forum-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  align-items: center;
  max-width: 100%;
}

.forum-icons label {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}

.forum-icons img {
  vertical-align: middle;
}

.forum-icons-none {
  font-size: 10px;
}

.forum-smileys td {
  font-size: 10px;
  padding: 0 4px 1px 0;
  vertical-align: middle;
}

.forum-form textarea {
  max-width: 100%;
  box-sizing: border-box;
}

.forum-buttons input {
  margin: 0 4px;
}

/* Coluna do icone na listagem de threads e o icone ao lado do assunto. */
.forum-icon-col {
  width: 24px;
  text-align: center;
}

.forum-post-icon {
  vertical-align: text-bottom;
  margin-right: 3px;
}


@media (max-width: 900px) {
  /* --- 13. forum ----------------------------------------------------
     As tres tabelas do forum foram desenhadas para 1280px. A decisao aqui
     foi manter as duas colunas do post lado a lado, como no tibia.com, so
     que estreitas - e nao empilhar autor e texto.

     table-layout:fixed e o que faz o width das colunas valer: sem ele o
     navegador ignora os 90px e volta a dimensionar pelo conteudo, que e
     como a tabela vazava para fora da tela.                            */
  .forum-thread,
  .forum-lista {
    table-layout: fixed !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .forum-thread td,
  .forum-lista td {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* Coluna do autor: 90px cobrem "Elder Druid" e o outfit reduzido. */
  .forum-thread > tbody > tr > td:first-child {
    width: 90px !important;
    font-size: 10px;
  }

  /* Numero curto nao precisa de espaco; o nome fica com o que sobra.
     O alinhamento a direita e o mesmo do desktop - nao muda no celular. */
  .forum-lista-topicos > tbody > tr > td:nth-child(4),
  .forum-lista-topicos > tbody > tr > td:nth-child(5),
  .forum-lista-boards > tbody > tr > td:nth-child(2),
  .forum-lista-boards > tbody > tr > td:nth-child(3) {
    width: 46px !important;
  }

  /* So a data do ultimo post encolhe: o resto fica no tamanho do site. */
  .forum-lista-topicos > tbody > tr > td:last-child,
  .forum-lista-boards > tbody > tr > td:nth-child(4) {
    font-size: 10px;
  }

  /* Os botoes de postar sao GIFs de largura fixa. */
  .Content img[src*="images/forum/"] {
    max-width: 100%;
    height: auto;
  }

  /* Formulario de postagem: rotulo em cima, campo embaixo, como as outras
     paginas de formulario do site (regra 12). A tabela precisa virar bloco
     inteira - tabela, corpo, linha e celula - senao sobra um elo como
     table-row-group e a ultima celula acaba cortada. */
  .forum-form table,
  .forum-form tbody,
  .forum-form tr,
  .forum-form td {
    display: block !important;
    width: 100% !important;
  }

  .forum-form td[width="180"] {
    width: 100% !important;
  }

  /* A ajuda de BBCode e a tabela de smileys lado a lado, para nao empurrar
     o campo de texto para muito baixo. */
  .forum-smileys {
    display: inline-table !important;
    width: auto !important;
    margin-right: 12px;
  }

  .forum-smileys tbody,
  .forum-smileys tr {
    display: table-row-group !important;
    width: auto !important;
  }

  .forum-smileys tr {
    display: table-row !important;
  }

  .forum-smileys td {
    display: table-cell !important;
    width: auto !important;
  }

  .forum-icons {
    gap: 6px 8px;
  }

  .forum-buttons input {
    margin: 2px;
  }
}