Centralizar a caixa de login

Detalhes da questão

Endereço do fórum: https://dphmaniahabbo.forumotion.com/
Versão do fórum: AwesomeBB

Descrição

Boa noite, gostaria de centralizar esse quadrado que está para esquerda.



index_body

Código:

<main id="index">
    <div class="main-inner">
        <!-- BEGIN message_admin_index -->
        <div class="block introduction">
            <!-- BEGIN message_admin_titre -->
            <div class="block-header">{message_admin_index.message_admin_titre.MES_TITRE}</div>
            <!-- END message_admin_titre -->
 
            <!-- BEGIN message_admin_txt -->
            <div class="block-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
            <!-- END message_admin_txt -->
        </div>
        <!-- END message_admin_index -->
 
        {CHATBOX_TOP}
        {BOARD_INDEX}
        {CHATBOX_BOTTOM}
    </div>
</main>
 
<!-- BEGIN disable_viewonline -->
<aside id="sidebar2" class="sidebar-home" style="
    margin-top: 0%;
">
 <div class="block">
          <div class="stats-tabs">
                  <input id="tab1" type="radio" name="tabs" checked>
                  <label for="tab1">USUÁRIOS</label>
                  <input id="tab2" type="radio" name="tabs">
                  <label for="tab2">ANIVERSÁRIOS</label>
                  <input id="tab3" type="radio" name="tabs">
                  <label for="tab3">GRUPOS</label>
                  <section id="content1">
                    <p>
                      {TOTAL_USERS_ONLINE}
                    </p>
                    <p>
                      {RECORD_USERS}
                    </p>
                    <p>
                      {LOGGED_IN_USER_LIST}
                    </p>
                    <p>
                      {L_CONNECTED_MEMBERS}
                    </p>
                  </section>
                  <section id="content2">
                    <p>
      {L_WHOSBIRTHDAY_TODAY}
                    </p>
                    <p>
                      {L_WHOSBIRTHDAY_WEEK}
                    </p>
                  </section>
                  <section id="content3">
                    <p>
                      <div class="legend">{GROUP_LEGEND}</div>
                    </p>
                  </section> 
          </div>
                    </div>
<!-- END disable_viewonline -->
 
<script type="text/javascript">
    $(document).ready(function() {
        if (!$('#sidebar').length) {
            $('#index').css('margin', 0);
        }
    });
</script>

Olá @RPGU,

Adicione na sua folha de estilo o seguinte código:

Código:

.block-login {
  min-width: -webkit-fill-available!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  background-color: transparent!important;
  margin-bottom: 3em;
}
 
.block-login > form {
  width: 50%!important;
}

Cordialmente,
pedxz.

Muito obrigado pode fechar.