.restrito-admin {
   background-image: url('/img/restrito/predio.png');
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat;
   height: 100vh;
   overflow-x: hidden;
   font-family: Inter, sans-serif;
}

.btn-entrar {
   width: 350px;
   height: 45px;
   padding: 10px 0 0 0;
   gap: 10px;
   border-radius: 5px 0 0 0;
   background-color: #008ED3;
   color: white;
   border: none;
   font-size: 16px;
   font-weight: 700;
   line-height: 19.36px;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;

}

.btn-senha {
   width: 350px;
   height: 45px;
   padding: 10px 0px 0px 0px;
   gap: 10px;
   border-radius: 5px 0px 0px 0px;
   opacity: 0px;
   background-color: #008ED3;
   font-size: 14px;
   font-weight: 700;
   line-height: 16.94px;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;

}

#btn-senha {
   display: block;
   margin: 0 auto;
   text-align: center;
}

.nav-link {
   color: white !important;
   font-weight: 500 !important;
   font-size: 14px;
}

.title-dashboard {
   font-weight: 600 !important;
   font-size: 32px !important;
   color: rgba(15, 15, 15, 1) !important;
}

.text-xs {
   color: rgba(66, 66, 66, 1);
   font-weight: 600;
   font-size: 16px;
}

.border-left-custom1 {
   border-left: 10px solid rgba(7, 142, 208, 1) !important;
}

.border-left-custom2 {
   border-left: 10px solid rgba(49, 200, 142, 1) !important;
}

.position-relative-button-login {
   position: relative;
   bottom: 4px;
}

.text-titulo {
   color: rgba(15, 15, 15, 1) !important;
   font-weight: 600 !important;
   font-size: 32px !important;
}

.text-primary {
   color: rgba(26, 143, 206, 1) !important;

}

.card-header {
   padding: .25rem 1.25rem !important;
}

.form-control-listar {
   color: rgba(66, 66, 66, 1) !important;
   border: 1px solid rgb(66, 66, 66) !important;
}



.form-control-listar::placeholder {
   color: rgba(66, 66, 66, 1) !important;
}

.submit-btn-listar-users {
   background-color: rgba(26, 143, 206, 1);
   color: rgba(245, 245, 245, 1);
   width: 96px !important;
   height: 40px !important;

}

.table {
   color: rgb(15, 15, 15) !important;
   font-size: 14px;
   margin-top: -1%;
}

#lista-users_row_0,
#lista-anuncios_row_0,
#lista-usuarios_row_0,
#lista-configuracoes-anuncio_row_0,
#lista-planos_row_0,
#lista-moderacao-termos_row_0,
#lista-duvidas-frequentes_row_0,
#lista-imoveis-cadastrados_row_0 {
   font-weight: 700;

}


.card-body table {
   margin-top: 0 !important;
}

table thead {
   border: none;
}

table thead th {
   border: none;
}

.btn-ver-admin {
   background-color: rgba(9, 21, 36, 1) !important;
}

.form-group-ver {
   color: rgba(66, 66, 66, 1) !important;
   font-weight: 700;
}

.btn-alterar {
   background-color: rgba(9, 21, 36, 1) !important;
}

.titulo-ver {
   color: rgba(26, 143, 206, 1);
   font-weight: 700;
   font-size: 16px;
}

.form-control-ver {
   color: rgba(66, 66, 66, 1) !important;
}

.form-control-ver::placeholder {
   color: rgba(66, 66, 66, 1) !important;
}

/* Estilo padrão */
.descricao {
   width: 1150px !important;
   height: 140px;
   max-width: 100%;
   /* Garante que não ultrapasse a largura do contêiner */
   resize: vertical;
   /* Permite redimensionamento vertical (opcional) */
}

/* Para dispositivos menores que 768px (tamanho típico de tablets) */
@media (max-width: 768px) {
   .descricao {
      width: 100%;
      /* Ocupa toda a largura disponível */
      height: 120px;
      /* Ajusta para uma altura mais compacta */
   }
}

/* Para dispositivos menores que 480px (smartphones) */
@media (max-width: 480px) {
   .descricao {
      width: 100%;
      height: 100px;
      /* Menor altura para telas pequenas */
   }
}

/* Torna as imagens responsivas para exibir no Ver de Anuncios*/
.responsive-image {
   width: 340px;
   height: 217px;
   object-fit: cover;
   margin-right: 2%;
   margin-top: 2%;
}


/* Imagens */
.image-container {
   flex: 0 0 auto;
   /* Impede que os itens redimensionem automaticamente */
}


@media (max-width: 768px) {
   .responsive-image {
      width: 100%;
      height: auto;
      margin-bottom: 5px;
   }
}

.image-row {
   display: inline;
   flex-wrap: wrap;
   justify-content: flex-start;
   margin-top: 3%;
}


#cadastro-abas {
   background-color: #fff;
   color: rgba(26, 143, 206, 1) !important;
   font-size: 14px;
   font-weight: 600 !important;
}

/* Aba selecionada - Dados cadastrais */
#cadastro-abas.active {
   background-color: rgba(26, 143, 206, 1);
   color: #fff !important;
   font-weight: 600 !important;
}


#permissoes-abas {
   background-color: #fff;
   color: rgba(26, 143, 206, 1) !important;
   font-size: 14px;
   font-weight: 600 !important;
}


#permissoes-abas.active {
   background-color: rgba(26, 143, 206, 1);
   color: #fff !important;
   font-weight: 600 !important;
}

.nova-configuracao-button {
   background-color: rgba(15, 64, 91, 1) !important;
   color: rgba(245, 245, 245, 1) !important;
}


.card-relatorios {
   background: white;
   height: 74px;
   /* width: 181px; */
   margin-left: 12px;
   margin-top: 17px;
   border-radius: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 10px;
   box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
   text-decoration: none;
   cursor: pointer;
   color: black;
   font-weight: 700;
}

.card-relatorios:hover {
   border: solid 1px #008ED3;
   transition: all 0.5s ease-in-out;
}

.card-relatorios a {
   text-decoration: none;
   color: black;
   font-weight: 700;
}

.span-dados-total {
   color: rgba(0, 0, 0, 1);
   font-weight: 400;
   font-size: 25px;
}

.div-dados-total {
   display: flex;
   justify-content: right;
}

.div-dados-total {
   display: flex;
   justify-content: right;
   align-items: center;
   gap: 10px;
   /* Espaço entre os elementos */
}

.span-dados-total {
   font-size: 25px;
   font-weight: 400;
   color: rgba(0, 0, 0, 1);
}

.total-usuario {
   width: 279px;
   height: 88px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgba(255, 255, 255, 1);
   /* Cor de fundo (pode ser alterada) */
   border: 2px solid rgba(255, 255, 255, 1);
   /* Borda (opcional) */
   font-size: 40px;
   /* Tamanho da fonte para o texto interno */
   font-weight: 400;
   color: rgba(0, 0, 0, 1);
   border-radius: 5px;
   /* Cantos arredondados (opcional) */
}