/*
 * MIRCrew: Custom CSS
 */

/**
 * CHANGE - Modifica del colore dei bordi dei box
 * Impostato lo stesso colore del banner principale
 */
.forabg,
.forumbg {
  background-color: #194488;
  background-image: none;
}

.navbar {
  background-color: #c4d7f4; /* 80% */
}

ul.forums {
  background-color: #f0f5fc; /* 95% */
  background-image: none;
}

.pagination li.active span {
  background-color: #194488;
  border-color: #194488;
}

li.row {
  border-top-color: transparent;
  border-bottom-color: #194488;
}

li.row:hover {
  background-color: #d3e1f7; /* 85% */
}

li.row dd {
  border-left-color: #e1ebfa; /* 90% */
}

li.row:hover dd {
  border-left-color: #c4d7f4; /* 80% */
}

/**
 * CHANGE - Creazione nuovo Topic
 * Impostato a 90% la lunghezza del campo Titolo
 */
input#subject {
  width: 90% !important;
}

/**
 * BUG - Visualizzazione targhette ruoli
 * All'interno dei messaggi privati, le targhette dei ruoli venivano tagliate
 */
.profile-rank>img {
  max-width: 95%;
}

/**
 * BUG - Elenco topic di un Forum
 * Autore e avatar dell'ultimo messaggio venivano visualizzati anche a sx tra il titolo del topic e il suo autore.
 * Adesso vengono regolarmente visualizzati solo nella colonna di dx
 */
.list-inner>.responsive-show {
  display: none;
}

/**
 * CHANGE - estensione alfredoramos/simplespoiler
 * I tasti Mostra/Nascondi Spoiler assumono colori blu scuro e azzurro chiaro, testo bianco
 */
/* Tasto Mostra */
.spoiler-status {
  background-color: #2196F3 !important;
  margin-right: 10px;
}

/* Tasto Nascondi */
details.spoiler[open]>.spoiler-header>.spoiler-status {
  background-color: #1565C0 !important;
}

/**
 * CHANGE - phpbbstudio/emoji - display tabbed-box for emoji
 * Il vecchio box per gli emoji viene nasosto
 * La tabbed-box contenente le emoji viene posizionata sopra l'editor dei messaggi (alta 200px e full-width)
 */
.smiley-box {
  display: none;
}

.abbc3_buttons_row,
.message-box {
  width: 100% !important;
}

#emoji-mircrew-panel .post_details {
  height: 200px !important;
}

#emoji-mircrew-panel .post_details .smilies,
#emoji_search_result .smilies {
  margin: 5px;
}

#emoji_search_result {
  height: 150px !important;
}

/**
 * CHANGE - marcovo/hidebbcode
 * Impostazioni colori sfondo e bordi
 */
dl.hidebox {
  background-color: #c6d9ec !important;
  border: 1px solid #336699 !important;
  border-radius: 4px;
  padding: 15px !important;
  text-align: center;
}

dl.hi>dt {
  color: #336699 !important;
}

dl.hi>dd {
  color: #336699 !important;
  font-size: 15px;
}

/**
 * CHANGE - mircrew/forumicons
 * Dimensione icone sezioni
 */
.forum-image img {
  width: 32px;
}

/**
 * BUG - La presenza di [code] fuori da [spoiler] può in alcuni casi portare l'intero post sotto il box del profilo
 */
@media (min-width: 701px) {
  .postbody {
    width: calc(100% - 200px - 1px - 32px);
  }
}