.disabled-link {
  pointer-events: none; /* Impede eventos de clique */
  color: rgb(108, 108, 108); /* Altera a cor do link para indicar desativação */
  text-decoration: none; /* Remove sublinhado */
  background-color: rgb(221, 221, 221);
  border-color: rgb(213, 197, 197);
}

.cursor-maozinha {
  cursor: pointer;
}

.font-5 {
  font-size: 0.5em;
}
.font-6 {
  font-size: 0.6em;
}
.font-7 {
  font-size: 0.7em;
}
.font-8 {
  font-size: 0.8em;
}
.font-12 {
  font-size: 1.2em;
}

label {
  opacity: 0.7;
  font-size: 0.9em;
}

.text-italic {
  font-style: italic;
}

.text-help {
  font-style: italic;
  font-size: 0.8em;
  opacity: 0.7;
  margin-top: 5px;
}

.opaco7 {
  opacity: 0.7;
}

.oculto{
  display:none;
}

.negrito {
  font-weight: bold;
}

.link_sem_underline {
  text-decoration: none; /* Remove sublinhado */
}

.img-cabecalho {
  max-height: 50px !important;
}




/* Estilo para a div oculta inicialmente */
#id-overlay {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}

#overlay img {
  max-width: 100%;
  max-height: 100%;
}

/* Adiciona estilo quando a div está visível */
.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.cx-grafico:hover {
  background-color: rgb(240, 240, 248);
}

.custom-container {
  display: flex;
  align-items: center;
}

.bg-vinculado, .bg-desativado {
  background-color: rgb(240, 240, 248);
}

.bg-mensagem-enviada {
  background-color: rgb(194, 194, 255);
}

.bg-mensagem-rascunho-nao-publicado {
  background-color: rgb(255, 234, 234);
}

.bg-accordion-box {
  background-color: rgb(240, 240, 248) !important;
}

.bg-quadro1 {
  background-color: #eaffff;
}

.bg-quadro2 {
  background-color: rgb(207, 207, 207);
}

.bg-linha-destacada {
  background-color: rgb(240, 240, 248);
}


.botao-remover-imagem {
  position:absolute;
  top: 25px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cl-lista-classes {
  padding-left: 0px;
}

.cl-lista-alunos {
  padding-left: 10px;
}

.cl-lista-classes li {
  border-bottom: 1px solid rgb(228, 228, 228);
}

.box-alunos-selecionados, .box-classes-selecionadas {
  background-color: rgb(230, 230, 230);
}

.box-arquivo-mensagem {
  background-color: rgb(230, 230, 230);
}

.box-robo-gratuito {
  background-color: rgb(239, 255, 234);
}

.container-man {
  max-width: 1000px !important;
}

#id-quantidade-por-pagina, #id-pagina-atual {
  width: 80px !important;
}

.cada-opcao-quando {
  --bs-gutter-x: 0;
}

/* PÁGINAS DO SETUP */
.cl-lista-etapas-setup{
  /* Lista numérica */
  list-style-type: decimal;
}

/* END PÁGINAS DO SETUP */

/* Estilo para a div de mensagem */
#id-mensagem {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 9999;
  border-radius: 5px;
  border: 1px solid rgb(161, 154, 154);
}


.cantos-arredondados {
  border-radius: 20px;
  /*Sombra*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

}

/* Textarea id-texto com um fundo de cor cinza */
#id-mensagem-texto {
  background-color: rgb(221, 221, 221);
}

/* Estilo para a div emoji-container para ter uma altura fixa e o conteúdo ser rolável verticalmente */
#emoji-container {
  height: 100px;
  overflow-y: auto;
}



#id-lista-mensagens .card-body {
  padding: 5px !important;
}

#id-lista-mensagens .mensagem-data-hora {
  font-size: 12px !important;
  font-weight: bold !important;
}

#id-lista-mensagens .mensagem-pedaco-da-mensagem {
  font-size: 10px !important;
}

#id-lista-mensagens .cada-cx-de-mensagem {
  position:relative;
}

#id-lista-mensagens .mensagem-botao-excluir {
  position: absolute;
  /* Alinha à direita e no topo */
  right: 1px;
  top: 0px;
}

.uma-imagem-da-mensagem {
  overflow: hidden;
  height: 50px;
  /* cantos arredondados */
  border-radius: 5px;
}

.bg-enviado{
  background-color: rgb(194, 255, 199);
}

.bg-rascunho{
  background-color: rgb(219, 219, 219);
}

.bg-publicado{
  background-color: rgb(226, 249, 255);
}

#id-imagem-fundo {
  position: fixed;
  top: 0;
  right: 0;
  z-index: -9999;
}

/* Cores para rankings */

/* Dourada */
.text-ouro {
  color: #eac700;
}
/* Prateada */
.text-prata {
  color: #C0C0C0;
}
/* Bronzeada */
.text-bronze {
  color: #825527;
}
/* Cor de fundo que tenha contraste com as cores: "#eac700", "#C0C0C0", "#825527" e "#000000" */
.bg-ranking-fundo {
  background-color: #48b4b7;
}



/* SITE --------------- */

/* body {
  font-family: Arial, sans-serif;
} */

.carousel-inner img {
  width: 100%;
  height: auto;
}

.section {
  padding: 60px 20px;
}

.lead-form {
  max-width: 500px;
  margin: 0 auto;
}
.verde-clarinho {
  background-color: rgb(218, 255, 206);
}

#id-vantagens .card-title {
  font-weight: bold;
  color: rgb(1, 78, 1);
}
/* ------------------- */

/* Botão fixo na página de login (site) */
#id-botao-entrar {
  position: fixed; 
  top: 4px; 
  right: 4px; 
  width: 120px; 
  font-weight: bold; 
  font-size: 20px; 
  border-radius: 15px; 
  z-index: 9999;
}


.fixed-top-right-btn {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1050;
  border-radius: 12px;
}

.cl-texto-curto {
  max-height: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
}

.quebra-de-linha {
  word-wrap: break-word;
  /* IE 5.5-7 */
  white-space: -moz-pre-wrap;
  /* Firefox 1.0-2.0 */
  white-space: pre-wrap;
  /* current browsers */
}