/* =========================================================== */
/* Esconder ícones do plugin de strong password do login
    que sempre aparecem no carregamento da página */
#good {
  display: none !important;
}
#mediocre {
  display: none !important;
}
#bad {
  display: none !important;
}
#wrapper {
  display: none !important;
}
/* =========================================================== */

/* =========================================================== */
/* Style para rodar ícone */
#rodar {
  transition: transform 0.5s ease !important;
}
#rodar:hover {
  transform: rotate(90deg) !important;
}

#rodar_icone {
  transition: transform 0.5s ease !important;
}
#hover_grup:hover #rodar_icone {
  transform: rotate(90deg) !important;
}

/* =========================================================== */

/* =========================================================== */
/* Style de mensagem de deploy */
.bad-revision {
  top: auto;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  color: #000;
  max-height: 295px;
  max-width: 510px;
  padding: 20px;
  border-radius: 8px;
  transition: all 0.5s ease;
  text-align: left;
  border: 1px solid RGB(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1000px RGB(0, 0, 0, 0.9);
}
.bad-revision:hover {
  box-shadow: 0px 0px 0px 1000px RGB(0, 0, 0, 0.95);
}
.avisos_erros_back {
  z-index: 1000;
}
/* =========================================================== */

/* =========================================================== */
/* CSS para o fundo branco PS: esse codigo deve estar presente no body e na header*/
body {
  background-color: transparent !important;
}
/* =========================================================== */

/* =========================================================== */
/* CSS para aplicar cor preta em multidropdowns */
.select2-container--default .select2-results__option[aria-selected] {
  color: black;
}
/* =========================================================== */

/* =========================================================== */
/* CSS para permissões de visualização e edição */
/* Oculta todos os elementos que contenham um ID de permissão */
[id^="perm-view-"] {
  display: none !important;
}

.perm-locked,
.perm-locked * {
  pointer-events: none !important;
  cursor: not-allowed !important;
}

.perm-locked .campo,
.perm-locked input,
.perm-locked textarea,
.perm-locked select,
.perm-locked button {
  opacity: 0.7;
  filter: grayscale(0.2);
}

/* cores especiais para BOTÕES de ação bloqueados (não checkbox) */
button.perm-locked:not(.Icon),
.perm-locked button:not(.Icon),
[role="button"].perm-locked:not(.Icon),
.perm-locked [role="button"]:not(.Icon) {
  background-color: #d1d4d7 !important;
  color: #2d3135 !important;
}

button.perm-locked:not(.Icon) svg,
button.perm-locked:not(.Icon) i,
[role="button"].perm-locked:not(.Icon) svg,
[role="button"].perm-locked:not(.Icon) i,
.perm-locked button:not(.Icon) svg,
.perm-locked button:not(.Icon) i,
.perm-locked [role="button"]:not(.Icon) svg,
.perm-locked [role="button"]:not(.Icon) i {
  color: #2d3135 !important;
  fill: #2d3135 !important;
}
/* =========================================================== */

/* =========================================================== */
/* Aviso Deploy Z-index */
#avisodeploy {
  z-index: 9999 !important;
}
/* =========================================================== */