.select2-container {
  width: 100% !important;
  padding: 0;
}


/* Container da imagem */
.image-container {
  position: relative;
  display: inline-block;
  /* Para garantir que a imagem ocupe o espaço necessário */
}

/* Spinner de carregamento */
.image-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  /* Inicialmente oculto */
  z-index: 10;
  /* Fica acima da imagem */
}

/* Caixa de seleção (checkbox) */
.checkbox-container {
  position: absolute;
  top: 14%;
  left: 15%;
  transform: translate(-50%, -50%);
  /* Centraliza a checkbox */
  z-index: 15;
  /* Fica acima da imagem */
}

/* Estilo da checkbox */
.form-check-input-survey {
  -webkit-appearance: none;
  /* Remove o estilo padrão da checkbox */
  -moz-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  border: 2px solid #007bff;
  /* Cor da borda da caixa */
  background-color: white;
  /* Fundo branco da caixa */
  border-radius: 4px;
  /* Caixa com cantos arredondados */
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  /* Animação suave */
}

/* Estilo do check (marcado) */
.form-check-input-survey:checked {
  background-color: #ffffff;
  /* Cor azul quando marcado */
  border-color: #007bff;
  /* Borda azul quando marcado */
}

/* Estilo do check quando a caixa está marcada (simboliza o "check") */
.form-check-input-survey:checked::before {
  content: "✔";
  /* Símbolo do check */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Centraliza o check */
  color: white;
  /* Cor do "check" (branca) */
  font-size: 14px;
  /* Ajuste o tamanho do "check" conforme necessário */
}



.img-thumbnail.dragging {
  opacity: 0.5;
}

.cover-slots {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.cover-slot {
  width: 250px;
  height: 250px;
  border: 2px dashed #aaa;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
}

.cover-slot img {
  max-width: 100%;
  max-height: 100%;
}

.logout-link:hover {
  color: #c2c7d0 !important;
}