/*Всякие модификации других модулей*/


/***************************************************************/
/* ZZ/ZX            */


SPAN.ZX_A
{
  color:#0000BB;   
}

.ZX_A:hover
{
 text-decoration:none;
}

DIV.A_TAB_STRIP
{
  display:flex;
  xborder-bottom:1px solid #DDDDDD;
  flex-wrap:wrap;
  gap:10px;
  padding-bottom:10px;
}

DIV.A_TAB_BTN
{
  padding:5px;
  background: #DDDDDD;
  background: linear-gradient(0deg, #DDDDDD 0%, #EEEEEE 100%);
  xmargin-right:10px;
  border-radius:8px;
}

DIV.A_TAB_BTN:hover {background: #DDDDDD;}

DIV.A_TAB_BTN_SEL, DIV.A_TAB_BTN_SEL:hover
{
  color:white;
  background:#444444;
  background: linear-gradient(0deg, #444444 0%, #000000 100%);
  text-decoration:none;cursor:default;
}



DIV.Z_DRAG_SNAP
{
  border-radius:3px;
  background-color: rgba(0,0,0,0.6);
  z-index:500;
}

DIV.Z_DRAG_ICON {z-index:505;}


DIV.ZX_POPUP_MENU_ITEM {font-size:13px;}

DIV.ZX_POPUP_MENU_ITEM SVG {width:14px;height:14px;}

DIV.ZX_OPT_ICON SVG {width:32px;height:32px;}


DIV.ZX_POPUP_CONT
{
  z-index: 300;
}
DIV.ZX_POPUP_BACK
{
  z-index: 300;
}

TABLE.Z_MAIN TD
{
  font-size:13px;
}

DIV.Z_FLD_LAY_CONT {border-top:0.1px solid white;} /*В mem form убирает отступ сверху у image...*/


DIV.ZX_POPUP_TITLE
{
  padding: 8px 8px 6px 8px;
}

DIV.ZX_POPUP_TITLE_RIGHT svg, DIV.ZX_POPUP_TITLE_RIGHT IMG
{
  width:14px;
  height:14px;
  opacity:0.7;
}



DIV.ZX_IMAGE_CHANGE         {font-size:13px;text-align:center;margin-top:4px;}
DIV.ZX_IMAGE_UPLOAD         {font-size:13px;text-align:center;margin-top:10px;}
DIV.ZX_IMAGE_UPLOAD IMG     {width:60%;}


/***************************************************************/
/* Модификации стилей Quill для наших нужд                */

/* Убираем рамку вокруг тулбара и контейнера редактора. Рамка через css */
.ql-toolbar.ql-snow,
.ql-container.ql-snow 
{
  xborder: none !important;
  xborder-width: 0px;
}

/* Если тулбар скрыт, убираем верхнюю рамку у контейнера (на всякий случай) */
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: none !important;
}

/* Убираем внутренние отступы в области редактирования */
.ql-editor {
  padding: 0 !important;  /* Было обычно 12px 15px или подобное */
  margin: 0;
}

/* Дополнительно: убираем отступы у параграфов внутри редактора (Quill сбрасывает их, но на всякий) */
.ql-editor p {
  margin: 0;
  padding: 0;
}

/* Если хотите сделать редактор на всю ширину контейнера */
.ql-container 
{
  width: 100%;
  box-sizing: border-box;
}

.ql-editor strong {
  font-weight: bold;
} 

.ql-editor
{
  height:auto; /*Решаем прокруткой во внешнем контейнере - ql-container */
}

/*Иконки*/
.ql-stroke {
      stroke: currentColor;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2;
}
.ql-fill {
  fill: currentColor;
}

.ql-editor.ql-blank::before {left:0px;}


.ql-editor.ql-blank::before /*Italic у placeholder убираем*/
{
  font-style:normal;
}