body.login-page::before {
      content: 'RPG TBC Antigo Quilombo Cabula';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("<?= base_url('tema/dist/img/logo-tbc.jpg') ?>");
      background-repeat: no-repeat;
      background-position: center 40%;
      background-size: 900px;
      opacity: 0.2;
      /* Ajuste a opacidade para o nível desejado */
      z-index: -1;
      /* Garante que a marca d'água fique atrás do conteúdo */
      color: #000000ff;
      /* Cor da fonte, ajuste conforme necessário */
      font-size: 2em;
      /* Tamanho da fonte */
      text-align: center;
      padding-top: 15%;
      /* Alinhe a frase abaixo da imagem */
      box-sizing: border-box;
  }

  /* Garante que a caixa de login e o formulário fiquem acima do fundo */
  .login-box,
  .card,
  .card-body {
      position: relative;
      z-index: 1;
      /* Coloque um valor maior que -1 para que o elemento fique na frente */
  }
  
  .card-custom-color>.card-header {
      background-color: #FE5000 !important;
      color: #fff !important;
  }
  

  .layout-top-nav {

      background-color: #f8f9fa;

  }

  .fundo,
  .login-page {
      background-color: #FF8200;
  }

   .img-cell {
       text-align: center;
       vertical-align: middle;
   }

   .btn-custom-color {
       background-color: #D45D00;
       border-color: #D45D00;
       color: #fff;
   }

   .btn-custom-color:hover,
   .btn-custom-color:focus {
       background-color: #F68D2E;
       border-color: #F68D2E;
       color: #fff;
   }