BoxCityReload (CSS)

/***********************************
COLORES****************************/
:root {
  --a1: #3a3a3a;
  --a2: #272727;
  --a3: #181818;
  --a3b: #000;
  --a4: #f38928;
  --a5: #a8a8a8;
  --a6: #cacaca;
  --t1: 1px 1px var(--a3), -1px 1px var(--a3), 1px -1px var(--a3),
    -1px -1px var(--a3);
}
.mm-chat img,
.mm-perfil-aa a[href*="email"],
.mm-perfil-aa img,
.mm-simple-post-mp img,
.mm-simple-post-aa img,
.mm-mp-acts img,
.codebox.hidecode > dt,
#message-box > br,
.mm-post-signature > br:nth-of-type(2),
.mm-post-signature > br:nth-of-type(1),
.mm-post-action a[href=""],
.mm-post-men img,
.mm-admin img,
.pag-img,
.dterm img,
span.corners-top,
span.corners-bottom,
span.corners-top span,
span.corners-bottom span,
.mm-foro-desc > br,
.mm-nav a[href*="/calendar"],
.mm-nav a[href*="/faq"],
.mm-nav a[href*="/search"],
.mm-nav a[href="/"],
.mm-nav a[href="/?tt=1"],
.mm-user a::before,
.mm-navabar img {
  display: none;
}
*,
::before,
::after {
  box-sizing: border-box;
  scrollbar-color: var(--a1) var(--a3) !important;
  scrollbar-width: thin;
  accent-color: var(--a4);
}
::selection {
  color: var(--a3);
  background: var(--a4);
}
::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
  background: var(--a3) !important;
}
::-webkit-scrollbar-thumb {
  background: var(--a1) !important;
}
a,
a:visited,
a:link {
  color: var(--a6);
  font-weight: bold;
  transition: 0.5s;
}
a:hover {
  color: var(--a4);
}
/***chatbox***/
div .mm-chat #cp-main {
  padding: 0 !important;
}
.mm-chat {
  margin: 30px 0;
}
body.chatbox {
  background: var(--a2);
  font: 12px calibri;
}
#chatbox_header {
  border: 1px solid var(--a3);
  background: var(--a1);
  padding: 10px;
  height: 50px;
}
.chatbox-title,
.chatbox-title a.chat-title {
  color: var(--a6);
  text-shadow: var(--t1);
  font: 22px serif;
  text-transform: capitalize;
}
#chatbox_footer {
  border: 1px solid var(--a3);
  background: var(--a1);
  height: 40px !important;
  padding: 4px;
}
#chatbox,
#chatbox_members,
#chatbox_channels {
  border: 1px solid var(--a3);
  top: 49px !important;
  bottom: 39px !important;
}
#chatbox_messenger_form {
  display: flex !important;
  align-items: center;
  flex-direction: row-reverse;
}
.right-box.style-buttons {
  flex: 1;
}
.text-field {
  display: flex;
  align-items: center;
  flex: 1;
  margin-left: 10px;
}
#message {
  flex: 1;
  margin-right: 8px;
  background: var(--a2);
  border: 1px solid var(--a3);
  padding: 5px 7px;
  font: 12px calibri !important;
  color: var(--a5);
  height: auto !important;
}
div #help-button,
div #divcolor,
div #divsmilies,
div #submit_button,
div .format-message + label {
  background: var(--a2) !important;
  border: 1px solid var(--a3) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
  color: var(--a6) !important;
  margin: 0 2px;
  float: none;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  flex-direction: column;
  transition: 0.3s;
}
.right-box {
  display: flex;
  align-items: center;
}
div div #submit_button {
  width: auto !important;
  padding: 0 7px !important;
  text-transform: uppercase;
  font: bold 11px calibri;
  letter-spacing: 1px;
  text-shadow: var(--t1);
}
#chatbox > p {
  border-bottom: 1px solid var(--a3);
  color: var(--a5);
  font: 14px calibri;
  margin: 0;
  padding: 5px 8px;
  transition: 0.3s;
}
#chatbox {
  left: 179px !important;
}
#chatbox_members .member-title,
#chatbox_channels .member-title {
  font: bold 10px calibri;
  color: var(--a6);
  text-shadow: var(--t1);
  text-transform: uppercase;
  letter-spacing: 2px;
}
#chatbox_contextmenu {
  border: 1px solid var(--a3) !important;
  box-shadow: none !important;
  background: var(--a1);
  padding: 5px;
}
.cb-menu-item,
.cb-menu-title {
  border: 1px solid var(--a3) !important;
  background: var(--a2);
  font: bold 12px calibri !important;
  color: var(--a5);
  letter-spacing: 1px;
  transition: 0.3s;
}
.cb-menu-item {
  margin-top: -1px;
}
.cb_connect_button > span:hover,
#chatbox > p:hover,
div #help-button:hover,
div #divcolor:hover,
div #divsmilies:hover,
div #submit_button:hover,
div .format-message + label:hover,
.cb-menu-item:hover {
  background: var(--a3) !important;
}
#cb_connect_option {
  position: initial !important;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8px;
  margin: 0 !important;
  border-bottom: 1px solid var(--a3);
}
#cb_connect_option * {
  margin: 0;
  color: var(--a5);
  font: 12px calibri;
  margin-right: 10px;
  border-radius: 0;
}
.cb_connect_button > span {
  background: var(--a1) !important;
  border: 1px solid var(--a3) !important;
  text-shadow: var(--t1);
}
.cb_connect_avatar {
  border: 1px solid var(--a3) !important;
}
.fx {
  display: flex;
  align-items: center;
  justify-content: center;
}
#powerTip {
  display: none;
  position: absolute;
  white-space: nowrap;
  z-index: 999;
  background: var(--a1);
  color: var(--a6);
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0s !important;
  font: 10px Calibri;
  padding: 8px;
  border: 1px solid var(--a3);
  text-shadow: var(--t1);
}
/***/
body {
  padding: 0;
  font: 12px Calibri;
  color: var(--a5);
  hyphens: auto;
}
#wrap {
  width: 1000px;
  margin: 50px auto;
  border: 1px solid var(--a1);
  background: var(--a3);
  padding: 30px;
  min-width: 1000px;
}
.panel {
  margin: 0;
  padding: 0;
}
#cp-main {
  margin: 30px 0;
}
/**************************
NAVBAR********************/
.mm-navabar {
  display: flex;
  font-size: 0;
  border-bottom: 1px solid var(--a1);
  padding: 8px;
  background: var(--a2);
  margin: -30px -30px 30px;
  position: sticky;
  top: 0;
  z-index: 999;
  text-shadow: var(--t1);
}
.mm-nav-user {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  flex: 1;
  margin-left: 8px;
  height: 30px;
}
.mm-user > form {
  display: flex;
  align-items: center;
  margin: -9px;
  background: var(--a2);
}
.inputbox {
  background: var(--a1);
  border: 1px solid var(--a3);
  color: var(--a5);
  font: 12px calibri;
  padding: 7px;
}
.mm-mp-acts > a,
a.button1,
input.button1,
a.button2,
input.button2,
button.button2,
.external-module .external-more a {
  border: 1px solid var(--a3) !important;
  background: var(--a1) !important;
  color: var(--a5) !important;
  font: bold 10px calibri !important;
  text-transform: uppercase !important;
  letter-spacing: 1px;
  padding: 7px !important;
  text-shadow: var(--t1);
  transition: 0.3s;
}
.mm-mp-acts > a:hover,
a.button1:hover,
input.button1:hover,
a.button2:hover,
input.button2:hover,
button.button2:hover,
.external-module .external-more a:hover {
  background: var(--a3) !important;
}
.mm-user > form > * ~ * {
  margin-left: 4px;
}
.mm-user .inputbox {
  flex: 1;
}
.mm-nav {
  display: flex;
}
a.mm-nav-home,
.mm-nav a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mm-nav a {
  margin-left: 8px;
}
.mm-user > form * {
  height: 30px;
}
.mm-navabar a::before {
  content: "\eb0d";
  font: 10px cappuccicons;
}
.mm-nav a[href*="memberlist"]::before {
  content: "\ecf0";
}
.mm-nav a[href*="groups"]::before {
  content: "\eaf9";
}
.mm-nav a[href*="profile"]::before {
  content: "\ea1a";
}
.mm-nav a[href*="privmsg"]::before {
  content: "\ea88";
}
.mm-nav a[href*="login"]::before {
  content: "\ec19";
}
.mm-nav a[href*="register"]::before {
  content: "\ebde";
}
/**************************
TABLON********************/
#fa_toolbar {
  background: var(--a2);
  border-bottom: 1px solid var(--a1);
  font-size: 10px;
}
#fa_share,
#fa_right {
  font-size: 10px;
}
#fa_magnifier {
  display: none !important;
}
#fa_search #fa_textarea {
  background: var(--a1);
  border-radius: 0;
  border: 1px solid var(--a3);
  padding: 3px !important;
  height: auto !important;
  color: var(--a6);
  line-height: 100% !important;
  text-indent: 5px !important;
}
#fa_toolbar #fa_magnifier,
#fa_toolbar #fa_fb,
#fa_toolbar #fa_twitter,
#fa_toolbar #fa_gp,
#fa_toolbar #fa_mail,
#fa_toolbar #fa_rss,
#fa_toolbar #fa_hide,
#fa_toolbar_hidden #fa_show {
  transform: scale(0.7);
  margin: -2px;
}

/**************************
TABLON********************/
.mm-tab {
  display: flex;
  flex-wrap: wrap;
}
.mm-tab-pl {
  width: 30%;
  padding-right: 8px;
  margin-bottom: 8px;
}
.mm-tab-ab {
  width: 550px;
}
/***ambientación***/
.mm-tab-plot > div {
  text-align: justify;
  margin: 20px;
  max-height: 200px;
  overflow: auto;
  padding-right: 3px;
}
.mm-tab-plot > div > strong {
  display: block;
  text-align: center;
  margin: 20px 0;
  font: 30px serif;
}
.mm-tab-plot > div > strong > em {
  display: block;
  font: 11px calibri;
  letter-spacing: 2px;
  margin-top: -5px;
}
/***enlaces***/
.mm-tab-links {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  padding: 6px !important;
}
.mm-tab-links > a {
  margin: 2px;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  min-width: 40%;
  font-size: 10px;
  text-shadow: var(--t1);
}
/***imagen tablon***/
.mm-tab-logo {
  width: 70%;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-shadow: var(--t1);
}
.mm-tab-logo::before {
  content: "";
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: 9px;
  right: 9px;
  border: 3px solid;
  outline: 1px solid var(--a3);
  box-shadow: inset 0 0 0 1px var(--a3);
  z-index: -1;
}
.mm-tab-logo > span {
  margin-left: 20px;
  padding: 15px;
  position: relative;
}
.mm-tab-logo > span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: var(--a6);
  border: 1px solid var(--a3);
  transition: 0.3s;
}
.mm-tab-logo:hover > span::before {
  background: var(--a4);
}
.mm-tab-logo strong {
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/***anuncios***/
.mm-tab-news {
  display: flex;
  padding: 0 !important;
}
.mm-tab-news-img {
  min-width: 100px;
  height: 100px;
  margin: 30px;
  border-radius: 50%;
  border: 1px solid var(--a3);
  position: relative;
}
.mm-perfil-ico > div::before,
.mm-tab-news-img::before {
  position: absolute;
  top: -7px;
  left: -7px;
  bottom: -7px;
  right: -7px;
  border: 1px solid;
  content: "";
  border-radius: 50%;
  border-color: transparent var(--a5);
}
.mm-tab-news-scrl {
  display: flex;
  flex-wrap: wrap;
  border: 20px solid transparent;
  height: 160px;
  overflow: auto;
  font-size: 14px;
  outline: 1px solid var(--a1);
}
.mm-tab-news-scrl > div {
  min-width: 40%;
  flex: 1;
  margin: 8px;
  text-align: justify;
}
.mm-tab-news-scrl > div > strong {
  float: left;
  font: 22px serif;
  color: var(--a6);
  padding: 5px 7px 0 0;
}

/***staff***/
.mm-tab-staff {
  margin: 0 8px;
}
.mm-tab-staff {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mm-tab-staff > a {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mm-tab-staff > a ~ a {
  margin-top: 8px;
}
.mm-tab-staff > a > em {
  flex: 1;
  margin: 1px;
  outline: 1px solid var(--a1);
  border: 3px solid transparent;
  box-shadow: inset 0 0 0 1px var(--a3);
  background-position: center;
}
.mm-tab-staff strong {
  text-align: center;
  margin: 8px -8px -8px;
  border-top: 1px solid var(--a1);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  text-shadow: var(--t1);
  padding: 1px;
}
.mm-tab-staff > a:hover {
  border: 1px solid var(--a4);
}
/***busquedas***/

.mm-tab-search {
  margin-top: 8px;
}
.mm-tab-tt {
  margin: -8px -8px 8px;
  padding: 8px;
  border-bottom: 1px solid var(--a1);
}
.mm-tab-tt > div {
  padding: 8px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 3px;
  text-shadow: var(--t1);
  background: var(--a1);
  border: 1px solid var(--a3);
}
.mm-tab-search-scr {
  display: flex;
  overflow: auto;
  width: 527px;
  padding-bottom: 5px;
}
.mm-tab-search-scr a {
  border: 5px solid transparent;
  min-width: 62px;
  height: 112px;
  background-color: var(--a1);
  outline: 1px solid var(--a1);
  margin: 1px;
  background-clip: content-box;
  box-shadow: 0 0 0 1px var(--a3);
  background-position: center;
}
.mm-tab-search-scr a ~ a {
  margin-left: 6px;
}
.mm-tab-search-scr a:hover {
  outline: 1px solid var(--a4);
}

/***ultimos temas***/
.mm-t-last {
  width: 250px;
  display: flex;
  flex-direction: column;
}
.mm-t-scroll {
  flex: 1;
  position: relative;
}
.mm-t-scroll > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  padding-right: 4px;
}
.mm-t-row {
  display: flex;
}
.mm-t-row ~ .mm-t-row {
  margin-top: 8px;
}
.mm-t-ri {
  flex: 1;
  margin-left: 8px;
}
.mm-t-last-l {
  text-transform: capitalize;
  font-size: 14px;
  text-shadow: var(--t1);
  letter-spacing: 1px;
}
.mm-t-row > i {
  font-size: 16px;
  text-shadow: var(--t1);
}

/**********************************
FOROS*****************************/
.mm-cc {
  margin: 30px -31px;
}
.mm-cc * {
  font: bold 16px calibri;
  text-transform: uppercase;
  margin: 0;
  color: var(--a6);
  text-shadow: var(--t1);
  letter-spacing: 2px;
}
.mm-cc.fx > div {
  padding: 30px;
}
.mm-foro {
  display: flex;
  flex-wrap: wrap;
}
.mm-foro-tt {
  min-width: 100%;
  display: flex;
  margin-bottom: 8px;
}
.mm-foro-tt > b {
  flex: 1;
  margin-right: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.mm-foro-tt > * {
  padding: 12px 12px 11px !important;
  text-shadow: var(--t1);
  transition: 0.3s;
}
.mm-foro-info {
  flex: 1;
  margin: 0 8px 0 0;
  display: flex;
  flex-direction: column;
}
.mm-lastpost-avatar {
  margin-right: 8px;
}
.mm-foro-stats {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 120px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: bold;
}
.mm-foro-stats > div {
  flex-direction: column;
  padding: 10px 0;
}
.mm-foro-stats b {
  font: 26px serif;
}

.mm-foro-lastpost {
  margin-top: 8px;
  display: flex;
  padding: 5px 30px 5px 8px !important;
  position: relative;
}
.mm-foro-lastpost > strong {
  margin-left: auto;
}
.lastpost dfn + a,
.mm-foro-lastpost > a ~ a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 26px;
  background: var(--a3);
  padding: 5px;
  text-align: center;
}
.lastpost dfn + a img,
.mm-foro-lastpost > a ~ a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.lastpost dfn + a::before,
.mm-foro-lastpost > a ~ a::before {
  content: "\ea92";
  font: 12px cappuccicons;
}
.mm-foro-desc {
  flex: 1;
}
.mm-lastpost-avatar > div {
  position: relative;
  margin: 1px;
  height: calc(100% - 2px);
  border: 3px solid;
  width: 120px;
  overflow: hidden;
  outline: 1px solid var(--a3);
  background-color: var(--a1);
}
.mm-lastpost-avatar > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--a3);
  pointer-events: none;
}
.mm-lastpost-avatar img {
  width: 100%;
  position: absolute;
}
.mm-foro ~ .mm-foro {
  margin-top: 8px;
}
.mm-foro-in {
  min-width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  margin-right: -4px;
  flex: 1;
}
.mm-foro-in > a {
  font: bold 10px calibri;
  text-transform: uppercase;
  letter-spacing: 1px;
  flex-grow: 1;
  text-align: center;
  padding: 5px !important;
  margin: 4px 4px 0 0;
  white-space: nowrap;
}
.mm-utiss {
  margin: 30px -31px;
  display: flex;
}
.mm-utiss > a {
  flex: 1;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
}
.mm-utiss > a ~ a {
  margin-left: 8px;
}
.mm-foro[mm*="unread"] {
  border: 1px solid var(--a5);
}
.mm-foro[mm*="unread"] .mm-foro-tt {
  color: var(--a4);
}
.icon[style*="unread"] {
  border: 1px solid var(--a5);
  margin: -9px;
}
/***Descripciones***/
.mm-dcr-txt {
  margin: 12px;
  text-align: justify;
}
.mm-dcr-links {
  margin: 20px -8px -8px;
  border-top: 1px solid var(--a3);
  padding: 6px;
  display: flex;
  flex-wrap: wrap;
}
.mm-dcr-links > a {
  background: var(--a3);
  padding: 3px 5px;
  text-align: center;
  flex-grow: 1;
  margin: 2px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
}
.mm-dcr-links a:hover {
  background: var(--a4);
  color: var(--a3);
}
.mm-dcr-img {
  margin: 1px;
  border: 3px solid;
  outline: 1px solid var(--a3);
  height: 138px;
  overflow: hidden;
  transition: 0.5s;
  padding: 20px;
  background-position: center;
  position: relative;
  z-index: 1;
}
.mm-dcr-img::after,
.mm-dcr-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: 1s;
  border: 1px solid var(--a3);
}
.mm-dcr-img:hover::before {
  backdrop-filter: blur(10px);
}
.mm-dcr-img > div {
  border: 20px solid transparent;
  background: var(--a1);
  outline: 1px solid var(--a3);
  text-align: justify;
  max-height: 100%;
  overflow: auto;
  transition: 0.5s;
  transform: translateY(-150px);
}
.mm-dcr-img:hover > div {
  transform: translateY(0px);
}
.mm-dcr-img ~ .mm-dcr-links {
  margin-top: 8px;
}
/**********************************
ESTADISTICAS**********************/
#page-body {
  margin: 0;
}
.mm-stats-bl,
.mm-stats {
  display: flex;
  flex-wrap: wrap;
}
.mm-stats-img {
  width: 30%;
  position: relative;
}
.mm-stats-img::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 9px;
  right: 9px;
  bottom: 9px;
  border: 3px solid;
  outline: 1px solid var(--a3);
  box-shadow: inset 0 0 0 1px var(--a3);
}
.mm-stats-bl {
  flex: 1;
  padding-left: 8px;
}
.mm-stats-gr {
  min-width: 100%;
  margin-top: 8px;
}
.mm-stats-tt {
  min-width: 100%;
  margin-bottom: 8px;
  font: bold 16px calibri;
  text-transform: uppercase;
  color: var(--a6);
  text-shadow: var(--t1);
  letter-spacing: 2px;
  padding: 30px !important;
  text-align: center;
}
.mm-stats-st > div ~ div {
  margin-top: 8px;
}
.mm-stats-sub {
  text-align: center;
  font-size: 10px;
  letter-spacing: 1px;
  border-bottom: 1px solid var(--a1);
  margin: -8px -8px 8px;
  padding: 2px 3px;
}
.mm-stats-scrl {
  font-size: 0;
  margin: 20px;
  max-height: 150px;
  overflow: auto;
}
.mm-stats-scrl a {
  font-size: 12px;
}
.mm-stats-scrl a::after {
  content: ",";
  margin-right: 5px;
}
.mm-stats-scrl a:last-of-type::after {
  content: ".";
}
.mm-stats-st {
  flex: 1;
}
.mm-stats-num.fx {
  width: 120px;
  flex-direction: column;
  font-size: 0;
  margin-left: 8px;
  text-align: center;
}
.mm-stats-num.fx > div {
  padding: 20px 0;
}
.mm-stats-num.fx strong {
  font: 26px serif;
  text-shadow: var(--t1);
}
.mm-stats-num.fx b {
  font: bold 10px calibri;
  display: block;
}
.newbie strong {
  font-size: 16px !important;
}
.mm-gr {
  font-size: 0;
  margin: -2px;
  display: flex;
  flex-wrap: wrap;
}
.mm-gr > b {
  flex: 1;
  border: 1px solid var(--a1);
  padding: 4px;
  margin: 2px;
}
.mm-gr a {
  font: bold 12px calibri;
  padding: 0 10px 0 0;
  box-shadow: inset 0 0 0 50px;
  -webkit-text-fill-color: var(--a3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.mm-gr a::before {
  content: "\ea3d";
  font: 16px cappuccicons;
  padding: 10px;
  margin-right: 10px;
  border-right: 5px solid var(--a2);
}
.mm-gr > b:hover {
  border-color: var(--a4);
}
#page-footer {
  margin: 30px -30px -41px;
  border-top: 1px solid var(--a1);
  font-size: 10px;
}
.copyright {
  border-top: 1px solid var(--a1);
  font-size: 0;
}
.copyright > strong {
  display: flex;
}
.copyright a {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  flex: 1;
  padding: 10px !important;
  line-height: 100%;
  margin-bottom: 11px;
}
.copyright a ~ a {
  margin-left: 5px;
}
/**********************************
AFILIADOS**********************/
.mm-afis {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.mm-afis-cre {
  margin-left: 8px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mm-cre-txt {
  flex: 1;
  position: relative;
  margin: 15px;
}
.mm-cre-txt > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  text-align: justify;
  padding-right: 5px;
}
.mm-afis-cre > a {
  border-top: 1px solid var(--a1);
  margin: 8px -8px -8px;
  padding: 15px;
  text-align: center;
}
.mm-afis-cre > a > strong {
  display: block;
  font: 24px serif;
  margin-top: -4px;
  text-shadow: var(--t1);
}
.mm-afis-pe > div ~ div {
  margin-top: 8px;
}
.mm-afis-aa {
  display: flex;
  padding: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mm-afis-aa a {
  border: 1px solid var(--a1);
  margin: 2px;
  padding: 5px;
}
.mm-afis-aa img {
  border: 3px solid;
  padding: 1px;
  outline: 1px solid var(--a3);
}
.mm-afis-eli {
  min-width: 100%;
  margin-top: 8px;
}
.mm-afis-aa img {
  width: 48px;
  height: 48px;
}
.mm-afis-bro div img {
  width: 150px;
  height: 80px;
}
/****************************
LISTAS**********************/
.forumbg {
  margin: 0;
}
.forumbg ~ .forumbg {
  margin-top: 30px;
}
.forumbg .header dd {
  display: none !important;
}
.forumbg .header dt {
  width: calc(100% + 16px) !important;
  text-align: center;
  padding: 20px !important;
  font: bold 12px calibri !important;
  letter-spacing: 2px;
  text-shadow: var(--t1);
  border-bottom: 1px solid var(--a1);
  margin: -8px -8px 0 !important;
}
.forumbg .row {
  margin-top: 8px !important;
}
.row .icon {
  position: relative;
  margin: -8px;
  padding: 0 0 0 110px !important;
  background: transparent !important;
  display: flex;
}
.lastpost {
  width: 0 !important;
  border: none !important;
  padding: 0 !important;
}
.lastpost-avatar {
  position: absolute;
  left: 8px;
  top: 8px;
  bottom: 8px;
  border: 1px solid;
  width: 93px;
  overflow: hidden;
}
.lastpost-avatar img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}
.dterm {
  padding: 20px 20px 40px 20px !important;
  border-left: 1px solid var(--a3) !important;
  flex: 1;
}
.lastpost > div[style="float:left;"] > span {
  position: absolute;
  bottom: 0;
  left: 110px;
  right: 230px;
  border-top: 1px solid var(--a3);
  height: 24px;
  text-align: right;
  padding: 3px 30px 5px 5px;
}
.lastpost * {
  float: none !important;
  display: inline-block;
}
.lastpost br {
  display: none;
  clear: none !important;
}
.row .posts {
  border-left: 1px solid var(--a3) !important;
  margin-right: -1px;
}
.row .posts,
.row .views {
  width: 114px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font: 22px serif !important;
  flex-direction: column;
}
.views {
  border: none !important;
}
.row dfn {
  display: block !important;
  font: bold 10px calibri;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.forumbg .row {
  margin-top: 8px !important;
  transition: 0.3s;
}
li.row:hover {
  border: 1px solid var(--a1) !important;
  background: var(--a3);
}
li.row:hover * {
  border-color: var(--a1) !important;
}
.lastpost dfn {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  font-size: 11px;
}
a.topictitle:hover {
  text-decoration: none;
}
.hierarchy a {
  text-transform: capitalize;
  font: bold 14px calibri !important;
  letter-spacing: 1px;
  text-shadow: var(--t1);
}
li.row:hover {
  border: 1px solid;
}
dd.lastpost span {
  display: inline;
}
.row .pagination {
  float: none;
  border: none;
  border-top: 1px solid var(--a3);
  margin: 20px -20px -16px;
  padding: 5px;
  background: transparent;
}
.row .pagination > span {
  display: flex;
  align-items: center;
}
.row .pagination > span::before {
  content: "PÁGINAS";
  margin: 0 auto 0 -2px;
  letter-spacing: 1px;
  font: bold 12px calibri;
}
/***paginación***/
.pagination {
  float: none;
  margin: 30px -31px;
  display: flex;
  font-size: 0;
  align-items: center;
}
.pagination > a {
  font-size: 12px;
}
.pagination > span {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.pagination > span > * {
  border: 1px solid var(--a3) !important;
  padding: 3px 7px !important;
  background: var(--a1) !important;
  color: var(--a6) !important;
  font: bold 14px calibri !important;
  margin: 0 0 0 5px !important;
  text-shadow: var(--t1);
}
.pagination > span > strong {
  opacity: 0.5;
}
/***/
.mm-page-tt {
  margin: 30px -31px -31px;
  display: flex;
  text-shadow: var(--t1);
}
.mm-page-actions {
  font-size: 0;
  display: flex;
  flex-direction: column;
}
.mm-page-aa {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.mm-page-aa > a {
  font-size: 20px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.mm-page-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 8px;
  height: 32px;
  padding: 0 8px !important;
}
.mm-page-actions a::after {
  content: "PUBLICAR";
  font: bold 10px calibri;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mm-page-actions a[mm*="cerrado"]::after {
  content: "CERRADO";
}
.mm-page-actions a[href*="mark=topic"]::after {
  content: "MARCAR COMO VISTO";
}
.mm-page-actions a[href*="watch"]::after {
  content: "VIGILAR";
}
.mm-page-actions a[href*="unwatch"]::after {
  content: "DEJAR DE VIGILAR";
}
.mm-page-actions a[href*="mode=reply"]::after {
  content: "RESPONDER";
}
.mm-page-actions a::before {
  content: "\ebaa";
  font: 14px "cappuccicons";
  margin-right: 12px;
}
.mm-page-actions a[mm*="cerrado"]::before {
  content: "\eb69";
}
.mm-page-actions a[href*="mark=topic"]::before {
  content: "\e9d9";
}
.mm-page-actions a[href*="watch"]::before {
  content: "\e99f";
}
.mm-page-actions a[href*="unwatch"]::before {
  content: "\ea94";
}
.mm-page-actions a[href*="mode=reply"]::before {
  content: "\ebde";
}
.mm-page-actions a ~ a {
  margin-top: -1px;
}
.mm-page-aa > * {
  margin-left: 10px;
}
.mm-page-tt > i {
  width: 94px;
  margin-right: 8px;
  font-size: 30px;
  height: 94px;
}
.mm-page-tt.bottom {
  margin: -31px -31px 30px;
}
.action-box {
  margin-top: -1px;
  font: 10px calibri !important;
}
#page-body > p {
  text-align: center;
}
#cp-main h1,
h1,
h3,
.h3 {
  font: bold 12px calibri;
  letter-spacing: 5px;
  text-shadow: var(--t1);
  display: flex;
  align-items: center;
  justify-content: center;
}
h1::after,
h1::before,
h3::after,
h3::before,
.h3::after,
.h3::before {
  content: "";
  width: 20px;
  border: 1px solid var(--a3);
  background: var(--a5);
  height: 4px;
  margin: 0 10px 0 5px;
}
.mm-page-nav {
  font-size: 0;
}
.mm-page-nav a {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mm-page-nav a ~ a::before {
  content: "\e921";
  font: 10px "cappuccicons";
  margin: -1px 5px 0;
  display: inline-block;
  align-self: center;
  vertical-align: middle;
  color: var(--a5);
}
/********************************
TEMAS***************************/
.mm-admin {
  margin: 30px -31px;
  display: flex;
  align-items: center;
}
.mm-admin a[href*="delete"]::before {
  content: "Borrar";
}
.mm-admin a[href*="trash"]::before {
  content: "Papelera";
}
.mm-admin a[href*="move"]::before {
  content: "Mover";
}
.mm-admin a[href*="lock"]::before {
  content: "Cerrar";
}
.mm-admin a[href*="unlock"]::before {
  content: "Abrir";
}
.mm-admin a[href*="split"]::before {
  content: "Separar";
}
.mm-admin a[href*="merge"]::before {
  content: "Fusionar";
}
.mm-admin > a {
  flex-grow: 1;
  text-align: center;
  margin-left: 8px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  text-shadow: var(--t1);
}
.mm-post {
  display: flex;
  align-items: flex-start;
}
.mm-post ~ .mm-post {
  margin-top: 8px;
}
.mm-postbody {
  flex: 1;
  margin-right: 8px;
}
.mm-post-title {
  margin: -8px -8px 8px;
  border-bottom: 1px solid var(--a1);
  padding: 8px;
  display: flex;
}
.mm-post-autor {
  flex: 1;
}
.mm-post-action {
  display: flex;
  flex-direction: column;
}
.mm-post-action a {
  font-size: 10px;
  text-transform: uppercase;
  text-shadow: var(--t1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 5px !important;
  letter-spacing: 1px;
  margin-left: 4px;
  flex: 1;
}
.mm-post-action > a ~ a {
  margin-top: -1px;
}
.mm-post-action i {
  margin-right: 7px;
}
.mm-post-autor {
  flex: 1;
  display: flex;
  align-items: center;
}
.content {
  padding: 20px;
  text-align: justify;
  font: 14px Calibri;
  overflow: visible;
}
.content img {
  max-width: 100%;
}
.mm-post-titlea {
  display: block;
  font-size: 16px;
  text-transform: capitalize;
  text-shadow: var(--t1);
  letter-spacing: 1px;
}
.mm-postprofile {
  width: min-content;
  position: sticky;
  top: 55px;
}
.mm-postp-name {
  margin: -8px -8px 8px;
  border-bottom: 1px solid var(--a1);
  padding: 8px;
  display: flex;
  flex-direction: column;
  text-align: center;
  text-shadow: var(--t1);
}
.mm-postp-name > b {
  font-size: 14px;
  letter-spacing: 1px;
}
.mm-postp-name > i {
  font: 10px calibri;
  text-transform: uppercase;
  letter-spacing: 5px;
  padding: 3px 0 3px 5px;
  margin-top: -1px;
}
.mm-post-award .mm-tab-tt {
  border-top: 1px solid var(--a1);
  margin-top: 8px;
}
.award_tooltiptext {
  top: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, 0);
  border: 1px solid var(--a1);
  background: var(--a2);
  border-radius: 0;
  padding: 5px;
}
.award_tooltiptext_title {
  background: var(--a3);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  margin: -5px -5px 5px;
  padding: 3px;
  position: relative;
}
.award_tooltiptext::before,
.award_tooltiptext::after {
  display: none !important;
  opacity: 0;
}
.award_tooltiptext_title::before {
  top: -2px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 10px !important;
  border: none;
  background: var(--a3);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  z-index: 10;
  position: absolute;
  content: "";
}
.mm-post-award-src > .award > span {
  opacity: 0 !important;
}
.mm-postp-hover {
  border: 1px solid var(--a1);
  padding: 5px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.mm-postp-hover:hover {
  border: 1px solid var(--a3);
}
.mm-postp-ava {
  border: 3px solid;
  outline: 1px solid var(--a3);
  padding: 1px;
  background: var(--a3);
}
.mm-postp-hide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--a1);
  padding: 18px;
  transition: 0.5s;
  display: flex;
  flex-direction: column;
  text-align: center;
  transform: translate(100%);
}
.mm-postp-hover:hover .mm-postp-hide {
  transform: translate(0%);
}
.mm-postp-img {
  height: 102px;
  border: 1px solid var(--a3);
}
.mm-postp-img img {
  width: 230px;
  height: 100px;
}
.mm-postp-dd {
  height: calc(100% - 173px);
  overflow: auto;
}
.mm-postp-num {
  margin: 4px 0;
  min-height: 20px;
  display: flex;
}
.mm-postp-num .mm-postp {
  flex-direction: column;
  flex: 1;
  align-items: inherit;
}
.mm-postp-num .mm-postp ~ .mm-postp {
  margin-left: 4px;
}
.mm-postp-num > div > span {
  font: 24px serif;
  padding: 5px 0;
}
.mm-postp {
  border: 1px solid var(--a3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--a2);
}
.mm-postp-dd .mm-postp ~ .mm-postp {
  margin-top: 4px;
}
.mm-postp > b {
  padding: 5px;
  background: var(--a3);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
}
.mm-postp > span {
  margin: 0 5px;
}
.mm-post-men {
  border-top: 1px solid var(--a1);
  margin: 8px -8px -8px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mm-post-men i {
  display: block;
  transition: 0.3s;
}
.mm-post-men a ~ a {
  margin-left: 8px;
}
.mm-post-icon {
  padding: 0 !important;
  width: 82px;
  height: 82px;
  margin-right: 8px;
}
.mm-post-icon img {
  width: 80px;
  height: 80px;
}
.mm-user input.inputbox ~ input.inputbox {
  margin-top: 0 !important;
}
.mm-post-signature {
  position: relative;
  padding: 9px 8px 8px;
  margin: 8px -8px -8px;
  text-align: center;
}
.mm-post-sign {
  position: absolute;
  top: 0;
  height: 1px;
  display: flex;
  align-items: center;
  left: 0;
  right: 0;
}
.mm-post-sign > b {
  font: bold 10px Calibri;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: var(--t1);
  margin: 0 4px 0 5px;
}
.mm-post-sign::after,
.mm-post-sign::before {
  content: "";
  border-top: 1px solid var(--a1);
  flex: 1;
}
.mm-post-sign::after {
  max-width: 20px;
}
/***Respuesta Rápida***/
#main-content > p {
  margin: 0;
  text-shadow: var(--mm-s1);
}
#textarea_content {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid var(--mm-a3);
}
div .sceditor-toolbar {
  display: flex;
  background: var(--a1) !important;
  padding: 5px 10px !important;
  border: 1px solid var(--a3) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  justify-content: space-between;
  overflow: auto !important;
}
div.sceditor-dropdown,
div.sceditor-dropdown div {
  border-radius: 0 !important;
  border: none !important;
}
.sceditor-container {
  background-color: var(--mm-a1) !important;
  border: none !important;
  border-radius: 00px !important;
  color: var(--mm-c1) !important;
}
.sceditor-button div,
div.sceditor-grip {
  background-image: none !important;
}
div.sceditor-group {
  border: none !important;
  border-radius: 0px !important;
  display: flex !important;
  align-items: center;
  margin: 0 !important;
  background: transparent !important;
}
.sceditor-button {
  text-indent: inherit !important;
  height: 30px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  -webkit-background-clip: text !important;
  color: transparent !important;
}
div.sceditor-group ~ div.sceditor-group,
.sceditor-button ~ .sceditor-button {
  margin-left: 3px !important;
}
.sceditor-button.active,
.sceditor-button:active,
.sceditor-button:hover,
.hover {
  box-shadow: none !important;
  transform: scale(1.2);
}
.sceditor-container > iframe,
.sceditor-container > textarea {
  width: 100% !important;
  color: var(--a5) !important;
  margin: 9px 1px 0 1px !important;
  border: 20px solid transparent !important;
  height: 250px !important;
  font: 14px Calibri !important;
  outline: 1px solid var(--a3) !important;
  background: var(--a1) !important;
}
.sceditor-button div {
  line-height: 100% !important;
  overflow: visible !important;
  width: auto !important;
  height: auto !important;
  color: transparent !important;
}
.sceditor-button div::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 10px;
  padding: 2px 4px;
  display: block;
  line-height: 100%;
  -webkit-background-clip: text !important;
  color: var(--a5) !important;
  text-shadow: var(--t1);
}
.sceditor-button:hover div::before {
  color: var(--a4) !important;
}
.sceditor-button-bold div:before {
  content: "\f032";
}
.sceditor-button-italic div:before {
  content: "\f033";
}
.sceditor-button-underline div:before {
  content: "\f0cd";
}
.sceditor-button-strike div:before {
  content: "\f0cc";
}
.sceditor-button-left div:before {
  content: "\f036";
}
.sceditor-button-center div:before {
  content: "\f037";
}
.sceditor-button-right div:before {
  content: "\f038";
}
.sceditor-button-justify div:before {
  content: "\f039";
}
.sceditor-button-quote div:before {
  content: "\f10e";
}
.sceditor-button-code div:before {
  content: "\f121";
}
.sceditor-button-faspoiler div:before {
  content: "\f071";
}
.sceditor-button-fahide div:before {
  content: "\f070";
}
.sceditor-button-servimg div:before {
  content: "\f574";
}
.sceditor-button-image div:before {
  content: "\f03e";
}
.sceditor-button-link div:before {
  content: "\f0c1";
}
.sceditor-button-embed div:before {
  content: "\f7ea";
}
.sceditor-button-mention div:before {
  content: "\f1fa";
}
.sceditor-button-youtube div:before {
  content: "\f04b";
}
.sceditor-button-size div:before {
  content: "\f894";
}
.sceditor-button-color div:before {
  content: "\f53f";
}
.sceditor-button-font div:before {
  content: "\f031";
}
.sceditor-button-removeformat div:before {
  content: "\f87d";
}
.sceditor-button-emoticon div:before {
  content: "\f5b8";
}
.sceditor-button-source div:before {
  content: "\f361";
}
.sceditor-button-bulletlist div:before {
  content: "\f0ca";
}
.sceditor-button-orderedlist div:before {
  content: "\f0cb";
}
.sceditor-button-fascroll div:before {
  content: "\f100";
}
.sceditor-button-faupdown div:before {
  content: "\f102";
}
.sceditor-button-pastetext div:before {
  content: "\f328";
}
.sceditor-button.sceditor-button-twemojifa div:before {
  content: "\f5b9";
}
.sceditor-button-color_h div[title="Current Color"]:before {
  content: "\f53f";
}
.sceditor-button.sceditor-button-color_p div[title="New Color"]:before {
  content: "\f1fb";
}
.sceditor-button-color_h div[title="Current Color"] {
  position: relative;
}
div .sceditor-button-twemojifa div {
  background: transparent !important;
}
div .color_line {
  position: absolute !important;
  height: 2px !important;
  top: 16px !important;
  width: 100% !important;
}
.sceditor-button-farand,
.sceditor-button-more,
.sceditor-button-superscript,
.sceditor-button-subscript,
.sceditor-button-dailymotion,
.sceditor-button-table,
.sceditor-button-horizontalrule,
.sceditor-button-time,
.sceditor-button-date,
.sceditor-button-headers {
  display: none !important;
}
#quick_reply .button2 {
  margin: 0;
}
#quick_reply .button2 ~ .button2 {
  margin-left: 8px;
}
#message-box {
  flex: 1;
  width: 80%;
  margin: -1px;
}
#message-box textarea:focus {
  background: var(--a3) !important;
}
.sceditor-group:nth-of-type(7),
.sceditor-group[style="display: none;"] {
  display: none !important;
}
fieldset label ~ label {
  margin-left: 10px;
}
div .sceditor-button-mention div {
  background: none !important;
}
.sceditor-mention-user {
  background-color: var(--mm-a1) !important;
  border: none !important;
  color: var(--mm-c0) !important;
  margin-bottom: 3px !important;
}
.sceditor-mention-user img {
  margin: 0 4px 0 0 !important;
  border: none !important;
}
#quick_reply > div[style="text-align:center; margin-top:20px;"] {
  margin: 8px 0 0 !important;
  display: flex;
  font-size: 0;
}
#quick_reply .button2 {
  flex: 1;
}
/********************************
VARIOS**************************/
#tabs + .panel.row3,
#tabs + div * {
  margin: 0;
  padding: 0;
}
#cp-main {
  padding: 30px !important;
  font: 12px calibri !important;
  width: 100%;
}
fieldset dl {
  display: flex;
  align-items: center;
}
fieldset dl ~ dl {
  margin-top: 10px !important;
}
fieldset dt {
  width: 200px;
  text-align: right;
  font: 12px calibri;
  text-shadow: var(--t1);
}
fieldset dd {
  margin-left: 10px !important;
  font: 12px calibri;
  flex: 1;
  display: flex;
  align-items: center;
}
input.inputbox,
select.inputbox {
  width: 100%;
  padding: 8px !important;
}
fieldset dl:hover dt label {
  color: var(--a6);
}
fieldset {
  font: 12px Calibri;
}
#form_confirm h1,
#cp-main h1 {
  border: 1px solid var(--a3);
  background: var(--a1);
  margin: -32px -32px 30px;
  padding: 10px;
}
#cp-main h1 ~ h1 {
  margin-top: 30px;
}
#tabs {
  margin: 30px 0 0;
  text-align: center;
}
#tabs a {
  border: 1px solid var(--a1);
  background: var(--a2);
  text-transform: uppercase;
  font: bold 10px Calibri;
  letter-spacing: 1px;
  text-shadow: var(--t1);
  margin: 0 0 -2px;
  border-bottom: 0px;
}
#tabs li ~ li a {
  margin-left: 5px !important;
}
.activetab a {
  background: var(--a1) !important;
}
.activetab span {
  color: var(--a6) !important;
}
fieldset label ~ label {
  margin-left: 10px !important;
}
.table1 {
  border-top: 1px solid var(--a1);
  border-left: 1px solid var(--a1);
  font: 12px Calibri;
  text-align: center;
  border-spacing: 0;
}
table.table1 td {
  border-right: 1px solid var(--a1);
  border-bottom: 1px solid var(--a1);
  padding: 5px !important;
}
.table1 th {
  border-right: 1px solid var(--a1);
  border-bottom: 1px solid var(--a1);
}
h1.page-title {
  font: 24px serif;
}
#page-body > h1.page-title {
  border: 1px solid var(--a1);
  margin: 30px -31px;
  background: var(--a2);
  padding: 20px;
}
.table1 img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 15px solid var(--a1);
}
#preview {
  position: relative;
  padding: 0 292px 0 0 !important;
}
.postbody {
  width: auto;
  float: none;
}
#preview .postbody {
  border-right: 1px solid var(--a1);
  padding: 10px;
}
#preview::before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 20px;
  right: 20px;
  border: 1px solid var(--a1);
  width: 252px;
}
#preview .postbody > .h3 {
  margin: -10px -10px 10px;
  padding: 10px;
  border-bottom: 1px solid var(--a1);
}
#preview ~ .page-title {
  margin-top: 30px !important;
}
#cp-main h3,
#cp-main hr {
  border-color: transparent;
}
#cp-main .panel.sig {
  background-color: transparent;
}
/***tablas***/
div dl.codebox,
blockquote {
  margin: 0;
  border: 1px solid var(--a3);
  background: var(--a1);
  color: var(--a6) !important;
  padding: 8px;
  font: 14px calibri;
  word-break: break-all;
}
blockquote > div {
  margin: 22px;
}
cite {
  text-align: center;
  margin-bottom: 10px;
  font: 20px serif !important;
  text-shadow: var(--t1);
}
cite::before {
  content: "\ec2b";
  font: 20px cappuccicons;
  display: block;
}
dl.codebox > dt {
  border: 1px solid var(--a3);
  padding: 8px;
  text-shadow: var(--t1);
  letter-spacing: 1px;
  background: var(--a2);
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.selectCode {
  transition: 0.3s;
  cursor: pointer;
  color: var(--a4);
}
.selectCode:hover {
  color: var(--a6);
}
dl.codebox code {
  outline: 1px solid var(--a3);
  margin: 9px 1px 1px;
  border: 20px solid transparent;
  color: var(--a6);
  text-align: left;
  transition: 0.3s;
}
.spoiler_content {
  border: 1px solid var(--a3);
  margin-top: 8px;
  padding: 16px;
  transition: 0.3s;
}
/*******************************************
MIEMBROS**********************************/
.mm-box > p {
  white-space: nowrap;
}
.mm-box > .h3 {
  margin: -8px -8px 8px;
  background: var(--a1);
  padding: 10px;
  border-bottom: 1px solid var(--a3);
}
.mm-member {
  border: 1px solid var(--a1);
  background: var(--a2);
  margin-top: -1px;
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
}
.mm-member-row {
  margin: 4px;
  width: calc(100% / 3 - 8px);
  transition: 0.3s;
}
.mm-member-row {
  margin: 4px;
  width: calc(100% / 3 - 8px);
  display: flex;
}
.mm-member-ava {
  position: relative;
  overflow: hidden;
  width: 80px;
  border: 1px solid var(--a3);
  margin-right: 8px;
}
.mm-member-ava a,
.mm-member-ava img {
  position: absolute;
  width: 100%;
}
.mm-member-data {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mm-member-data > a {
  border: 1px solid var(--a3);
  background: var(--a2);
  padding: 5px;
  text-shadow: var(--t1);
  justify-content: space-between;
}
.mm-member-num {
  padding: 10px;
  text-align: center;
}
.mm-member-num ~ .mm-member-num {
  padding-top: 0;
}
.mm-member-mp a {
  display: block;
  border: 1px solid var(--a3);
  background: var(--a2);
  padding: 5px;
  position: relative;
  text-align: center;
}
.mm-member-mp a::before {
  content: "ENVIAR MENSAJE";
}
.mm-member-mp a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
/*****************************
MENSAJES PRIVADOS************/
.mm-mp-acts {
  margin: 30px -31px;
  display: flex;
  padding-left: 0 !important;
}
.mm-mp-acts > * {
  flex-grow: 1;
  text-align: center;
  margin-left: 8px;
}
.mm-simple-post {
  display: flex;
  align-items: start;
}
.mm-simple-post-in {
  flex: 1;
  margin-right: 8px;
}
.mm-simple-post-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mm-simple-post-top > span > b {
  display: block;
  font: 16px serif;
  color: var(--a6);
  text-shadow: var(--t1);
}
.mm-simple-post-aa {
  display: flex;
  flex-direction: column;
}
.mm-simple-post-aa a {
  background: var(--a2);
  border: 1px solid var(--a3);
  padding: 3px 5px 3px 7px;
  font: bold 10px calibri;
  text-align: center;
  letter-spacing: 2px;
  text-shadow: var(--t1);
}
.mm-simple-post-aa a[href*="quote"]::before {
  content: "CITAR";
}
.mm-simple-post-aa a[href*="edit"]::before {
  content: "EDITAR";
}
.mm-simple-txt {
  margin: 8px -8px -8px;
  padding: 30px;
  border-top: 1px solid var(--a1);
  font: 14px calibri;
  text-align: justify;
}
.mm-simple-txt img {
  max-width: 100%;
}
.mm-simple-profile {
  display: flex;
  flex-direction: column;
  text-align: center;
  min-width: 200px;
  min-height: 200px;
}
.mm-simple-post-ava {
  border: 1px solid var(--a3);
}
.mm-simple-post-name {
  margin-top: 8px;
  text-shadow: var(--t1);
  letter-spacing: 1px;
}
.mm-simple-post-mp {
  display: flex;
  margin-top: 8px;
}
.mm-simple-post-mp a::before {
  content: "VER PERFIL";
}
.mm-simple-post-mp a {
  font: bold 10px calibri;
  letter-spacing: 1px;
  text-shadow: var(--t1);
  flex-grow: 1;
}
.mm-simple-post-mp a ~ a {
  margin-left: 8px;
}
.mm-simple-post ~ .mm-simple-post {
  margin-top: 30px;
}
.mm-mp-list-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  text-shadow: var(--t1);
}
.mm-mp-list-h * {
  width: auto !important;
  line-height: 100% !important;
}
.mm-mp-list-row {
  display: flex;
  align-items: center;
  margin-top: 4px;
  transition: 0.3s;
}
.mm-mp-list-row > i {
  margin: -8px 8px -8px -8px;
  padding: 16px;
  background: var(--a3);
  font-size: 18px;
}
.mm-mp-list-sub {
  flex: 1;
}
.mm-mp-list-sub > a {
  display: block;
  text-shadow: var(--t1);
  font: bold 14px calibri;
  letter-spacing: 1px;
}
.mm-mp-acts > a::before {
  content: "Responder";
}
.mm-mp-acts.list > a[href*="privmsg"]::before {
  content: "Escribir Mensaje";
}
.mm-mp-acts.list > a[href*="privmsg"] {
  background: var(--a3) !important;
}
.mm-mp-acts.list > p {
  margin: 0;
}
.mm-mp-acts.list.top {
  align-items: center;
}
.mm-mp-acts.list > p {
  margin: 0 0 0 10px;
  flex-grow: inherit;
}
.mm-mp-acts.list.top > a {
  flex-grow: inherit;
  margin-right: auto;
}
.pagination.mps {
  margin-top: -31px;
}
.mm-mp-list-row[mm*="unread"] > i::before {
  content: "\ea88";
}
.mm-mp-list-row[mm*="unread"] > i {
  background: var(--a4);
  color: var(--a2);
}
#mm-mp-tabs {
  display: flex;
  margin: 30px -31px -31px;
}
#mm-mp-tabs div {
  flex: 1;
  text-align: center;
  border: 1px solid var(--a1);
  padding: 8px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
}
#mm-mp-tabs div ~ div {
  margin-left: 8px;
}
#mm-mp-tabs a {
  display: block;
  margin: -9px;
  text-shadow: var(--t1);
}
#postingbox > .h3,
.mm-post-options > .h3 {
  background: var(--a1);
  padding: 10px;
  margin: -8px -8px 8px;
  border-bottom: 1px solid var(--a3);
}
.mm-post-options > .h3 ~ .h3 {
  margin-top: 8px;
  border-top: 1px solid var(--a3);
}
.mm-post-options {
  margin-top: 8px;
  border-top: 1px solid var(--a3) !important;
}
#smiley-box,
.smile-status-box {
  margin: 16px 0 0;
}
#smiley-box iframe,
.smile-status-box iframe {
  height: 240px;
}
.submit-buttons {
  display: flex;
  border-top: 1px solid var(--a1);
  padding: 8px 8px 8px 0;
  margin: 8px -8px -8px !important;
}
.submit-buttons > * {
  flex: 1;
  margin-left: 8px;
}
select {
  color: var(--a5);
  font: 12px calibri;
}
.fields1.opop > label ~ label {
  margin: 5px 0 0 !important;
}
#cp-main .submit-buttons {
  margin: 30px -30px -30px !important;
}
.mm-box.notis,
#form_confirm {
  margin-top: 30px;
}
.right {
  margin-top: 10px;
}
#form_confirm h1 {
  margin: -30px -30px 30px;
}
.mm-box.notis > p {
  margin: 20px;
  text-align: center;
}
/**************************************
PERFIL SIMPLE*************************/
.mm-perfil {
  margin: 30px 0;
}
.mm-perfil-tt {
  display: flex;
}
.mm-perfil-name {
  flex: 1;
  margin-right: 8px;
  padding: 20px !important;
  text-shadow: var(--t1);
  display: flex;
  align-items: center;
}
.mm-perfil-name > i {
  font-size: 30px;
  margin-right: 20px;
}
.mm-perfil-name b {
  display: block;
  font: 20px serif;
}
.mm-perfil-ico > div {
  border: 1px solid var(--a3);
  width: 82px;
  height: 82px;
  margin: 8px;
  border-radius: 50%;
  position: relative;
}
.mm-perfil-info {
  margin: 8px 0;
  display: flex;
}
.mm-perfil-ava {
  margin: 0 8px;
}
.mm-perfil-ava > img {
  margin: 1px;
  outline: 1px solid var(--a3);
  border: 3px solid;
  padding: 1px;
  background: var(--a3);
  min-width: 200px;
  min-height: 300px;
}
.mm-perfil-aa {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mm-perfil-aa a {
  border: 1px solid var(--a3);
  flex: 1;
  font-size: 18px;
  text-shadow: var(--t1);
  background: var(--a1);
}
.mm-perfil-aa a ~ a {
  margin-top: 8px;
}
.mm-perfil-aa i {
  align-items: center;
  justify-content: center;
  display: flex;
  height: 100%;
  padding: 16px;
}
.mm-perfil-po {
  display: flex;
  font-size: 0;
}
.mm-perfil-po a {
  flex: 1;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  text-shadow: var(--t1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.mm-perfil-po a ~ a {
  margin-left: 8px;
}
.mm-perfil-scrl {
  flex: 1;
  padding: 30px !important;
  display: flex;
  flex-direction: column;
}
.mm-perfil-all {
  flex: 1;
  position: relative;
}
.mm-perfil-all > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  max-height: 100%;
}
.mm-perfil-field {
  border: 1px solid var(--a3);
  background: var(--a2);
  min-width: 40%;
  flex: 1;
  display: flex;
  margin-bottom: 4px;
}
.mm-perfil-cif > div ~ div,
.mm-perfil-field:nth-of-type(2n) {
  margin-left: 4px;
}
.mm-perfil-field > b {
  background: var(--a3);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  padding: 3px 6px;
  margin-right: auto;
}
.mm-perfil-field > span {
  padding: 5px;
}
.mm-perfil-cif {
  display: flex;
}
.mm-perfil-cif > div {
  flex: 1;
}
.mm-perfil-cif .mm-perfil-field {
  flex-direction: column;
}
.mm-perfil-cif .mm-perfil-field > b {
  margin: 0;
}
.mm-perfil-cif .mm-perfil-field > span {
  font: 24px serif;
  padding: 10px;
}
.mm-perfil-ico .field_uneditable > img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.mm-perfil-awards {
  border: 1px solid var(--a3);
  background: var(--a2);
  margin-top: 4px;
}
.mm-perfil-awards > b {
  display: block;
  background: var(--a3);
  text-align: center;
  padding: 5px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
}
.mm-perfil-awards > div {
  margin: 10px;
  display: flex;
  overflow: auto hidden;
}
.mm-utiss i {
  display: none !important;
}
/***borde oscuro***/
.mm-perfil-po a,
.mm-perfil-scrl,
.mm-perfil-ava,
.mm-perfil-tt > div,
select,
#mm-mp-tabs a,
.mm-mp-list-row,
.mm-mp-list-h,
.mm-simple-post-mp a,
.mm-simple-post-name,
.mm-simple-post-top,
.mm-member-row,
.mm-post-icon,
.mm-post-men i,
.mm-postp-name > *,
.mm-post-action a,
.mm-post-autor,
.mm-admin > a,
.mm-page-tt > i,
.mm-page-aa,
.mm-page-actions > a,
.forumbg .row,
.mm-t-row > *,
.mm-foro-in > a,
.mm-utiss > a,
.mm-foro-desc,
.mm-foro-lastpost,
.mm-foro-stats,
.mm-lastpost-avatar,
.mm-foro-tt > *,
.mm-tab-links > a,
.mm-nav-user,
.mm-navabar a {
  background: var(--a1);
  padding: 8px;
  border: 1px solid var(--a3);
}
/***borde claro***/
.mm-perfil,
#form_confirm,
#frmAgreement,
.mm-post-options,
#postingbox,
#preview,
#mm-mp-tabs,
.mm-mp-list,
.mm-simple-profile,
.mm-simple-post-in,
.mm-mp-acts,
.mm-box,
#cp-main,
#quick_reply,
.mm-postprofile,
.mm-postbody,
.mm-admin,
.action-box,
.mm-page-tt,
.pagination,
.forumbg,
.mm-afis-eli,
.mm-afis-pe > div,
.mm-afis-cre,
.copyright a,
.mm-stats-st > div,
.mm-stats-num,
.mm-stats-gr,
.mm-stats-tt,
.mm-stats-img,
.mm-utiss,
.mm-foro,
.mm-cc,
.mm-t-last,
.mm-tab-staff > a,
.mm-tab-search,
.mm-tab-news,
.mm-tab-links,
.mm-tab-plot,
.mm-tab-logo {
  border: 1px solid var(--a1);
  padding: 8px;
  background: var(--a2);
}
/***hover***/
table.table1 tbody tr:hover,
table.table1 tbody tr.hover,
.mm-dcr-img > div:hover,
dl.codebox code:hover,
.spoiler_content:hover,
.mm-page-actions a[href*="newtopic"],
.mm-perfil-po a.this,
.mm-perfil-po a:hover,
.mm-perfil-aa a:hover,
#mm-mp-tabs a:hover,
.mm-mp-list-row:hover,
.mm-simple-post-mp a:hover,
.mm-member-row:hover,
.mm-post-men i:hover,
.mm-post-action a:hover,
.mm-admin > a:hover,
.mm-foro-tt:hover > *,
.mm-page-actions a:hover,
.pagination > span a:hover,
.copyright a:hover,
.mm-foro-in > a:hover,
.mm-utiss > a:hover,
.mm-navabar a:hover,
.mm-tab-links a:hover {
  background: var(--a3);
}
div .mm-chat *,
.mm-perfil-ico > div *,
.mm-post-icon *,
.mm-postp-img * {
  font-size: 0;
  padding: 0 !important;
  border: none !important;
  margin: 0 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
}
/******************************
Iconos Grupos*****************/
.mm-gr a[href*="g3-"]::before {
  content: "\e934";
}
.mm-gr a[href*="g4-"]::before {
  content: "\ed20";
}
.mm-gr a[href*="g5-"]::before {
  content: "\ec5d";
}
.mm-gr a[href*="g6-"]::before {
  content: "\eb51";
}
/******************************
IMAGENES**********************/
/***Fondo***/
body {
  background: url(https://i.postimg.cc/MxvtJz3S/fondo.jpg) center fixed, var(--a3);
}
/***Logo/Header***/
.mm-tab-logo::before {
  background: url(https://i.postimg.cc/fT7mCqzw/header.jpg) center;
}
/***Anuncios***/
.mm-tab-news-img {
  background: url(https://i.postimg.cc/N0GBn5Wr/tablon.jpg) center;
}
/***Estadisticas***/
.mm-stats-img::before {
  background: url(https://i.postimg.cc/HLSd1Tgv/stats.jpg) center;
}