.h-full-screen-with-header {
  height: calc(100vh - 170px);
}

.no-scrollbar-y {
  overflow-y: hidden;
}

/* Fontes para o react-quill */
.ql-snow .ql-font.ql-picker .ql-picker-label[data-value="arial"]::before,
.ql-snow .ql-font.ql-picker .ql-picker-item[data-value="arial"]::before {
  content: "Arial";
  font-family: "Arial";
}

.ql-snow .ql-font.ql-picker .ql-picker-label[data-value="helvetica"]::before,
.ql-snow .ql-font.ql-picker .ql-picker-item[data-value="helvetica"]::before {
  content: "Helvetica";
  font-family: "Helvetica";
}

.ql-snow
  .ql-font.ql-picker
  .ql-picker-label[data-value="times-new-roman"]::before,
.ql-snow
  .ql-font.ql-picker
  .ql-picker-item[data-value="times-new-roman"]::before {
  content: "Times New Roman";
  font-family: "Times New Roman";
}

.ql-snow .ql-font.ql-picker .ql-picker-label[data-value="courier-new"]::before,
.ql-snow .ql-font.ql-picker .ql-picker-item[data-value="courier-new"]::before {
  content: "Courier New";
  font-family: "Courier New";
}

.ql-font-arial {
  font-family: "Arial", sans-serif;
}

.ql-font-helvetica {
  font-family: "Helvetica", sans-serif;
}

.ql-font-times-new-roman {
  font-family: "Times New Roman", serif;
}

.ql-font-courier-new {
  font-family: "Courier New", monospace;
}

/* Estilos para o dropdown de tamanhos */
.ql-snow .ql-size.ql-picker .ql-picker-label[data-value="8px"]::before,
.ql-snow .ql-size.ql-picker .ql-picker-item[data-value="8px"]::before {
  content: "8px";
  font-size: 8px;
}

.ql-snow .ql-size.ql-picker .ql-picker-label[data-value="10px"]::before,
.ql-snow .ql-size.ql-picker .ql-picker-item[data-value="10px"]::before {
  content: "10px";
  font-size: 10px;
}

.ql-snow .ql-size.ql-picker .ql-picker-label[data-value="12px"]::before,
.ql-snow .ql-size.ql-picker .ql-picker-item[data-value="12px"]::before {
  content: "12px";
  font-size: 12px;
}

.ql-snow .ql-size.ql-picker .ql-picker-label[data-value="14px"]::before,
.ql-snow .ql-size.ql-picker .ql-picker-item[data-value="14px"]::before {
  content: "14px";
  font-size: 14px;
}

.ql-snow .ql-size.ql-picker .ql-picker-label[data-value="16px"]::before,
.ql-snow .ql-size.ql-picker .ql-picker-item[data-value="16px"]::before {
  content: "16px";
  font-size: 16px;
}

.ql-snow .ql-size.ql-picker .ql-picker-label[data-value="18px"]::before,
.ql-snow .ql-size.ql-picker .ql-picker-item[data-value="18px"]::before {
  content: "18px";
  font-size: 18px;
}

.ql-snow .ql-size.ql-picker .ql-picker-label[data-value="20px"]::before,
.ql-snow .ql-size.ql-picker .ql-picker-item[data-value="20px"]::before {
  content: "20px";
  font-size: 20px;
}

.ql-snow .ql-size.ql-picker .ql-picker-label[data-value="24px"]::before,
.ql-snow .ql-size.ql-picker .ql-picker-item[data-value="24px"]::before {
  content: "24px";
  font-size: 24px;
}

.ql-snow .ql-size.ql-picker .ql-picker-label[data-value="32px"]::before,
.ql-snow .ql-size.ql-picker .ql-picker-item[data-value="32px"]::before {
  content: "32px";
  font-size: 32px;
}

.ql-snow .ql-size.ql-picker .ql-picker-label[data-value="48px"]::before,
.ql-snow .ql-size.ql-picker .ql-picker-item[data-value="48px"]::before {
  content: "48px";
  font-size: 48px;
}

/* Estilos para o texto com os tamanhos selecionados */
.ql-size-8px {
  font-size: 8px;
}

.ql-size-10px {
  font-size: 10px;
}

.ql-size-12px {
  font-size: 12px;
}

.ql-size-14px {
  font-size: 14px;
}

.ql-size-16px {
  font-size: 16px;
}

.ql-size-18px {
  font-size: 18px;
}

.ql-size-20px {
  font-size: 20px;
}

.ql-size-24px {
  font-size: 24px;
}

.ql-size-32px {
  font-size: 32px;
}

.ql-size-48px {
  font-size: 48px;
}

/* Aumenta a largura do dropdown de fontes */
.ql-snow .ql-font.ql-picker {
  width: 150px;
}

.ql-snow .ql-font .ql-picker-label {
  width: 150px;
}

.ql-snow .ql-font .ql-picker-options {
  width: 150px;
}

/* Ajuste de posicionamento dos controles */
.ql-toolbar.ql-snow {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 12px;
}

.ql-snow .ql-font.ql-picker {
  width: 150px;
}

.ql-snow .ql-font .ql-picker-label {
  width: 150px;
}

.ql-snow .ql-font .ql-picker-options {
  width: 150px;
}

/* Adicione estas regras para o conteúdo do editor */
.ql-editor {
  .ql-font-arial {
    font-family: Arial, sans-serif !important;
  }

  .ql-font-helvetica {
    font-family: Helvetica, sans-serif !important;
  }

  .ql-font-times-new-roman {
    font-family: "Times New Roman", Times, serif !important;
  }

  .ql-font-courier-new {
    font-family: "Courier New", Courier, monospace !important;
  }
}

/* Garante que os tamanhos sejam aplicados */
.ql-editor {
  [class*="ql-size-"] {
    line-height: 1.2;
  }
}