DIV.A_LAY_CONT
{
  xpadding:3px; 
  xbackground:red;
}

DIV.A_LAY_HEADER
{
  text-align:center;
  padding:2px;
  xbackground:yellow;
  font-size:12px;
  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}

DIV.A_LAY_ELS
{
  display:flex;
  xpadding:5px;
  xmargin:5px;
  xborder:1px solid #CCC;
  xgap:5px;
}

DIV.A_LAY_v
{
  flex-direction:column;

} 


DIV.A_LAY_v > DIV.A_LAY_EL, DIV.A_LAY_v > DIV.A_LAY_CONT 
{
  margin-bottom:10px;
}
DIV.A_LAY_v > DIV.A_LAY_EL:last-child, DIV.A_LAY_v > DIV.A_LAY_CONT:last-child
{
  margin-bottom:0px;
}

/*Не используем gap, иначе пустые элементы (more, fiels), добавляют пустоты
А трюк с AM_EMPTY - так как у на этапе генерации lay, неясно будет ли что-то внутри
*/
DIV.A_LAY_v > DIV.A_LAY_EL:has(.AM_EMPTY):not(:has(.A_LAY_FLD_TITLE))
{
  margin-bottom:0px;
  xbackground:green;
  xheight:20px;
}


DIV.A_LAY_h
{
  flex-direction:row;
  xpadding-bottom:10px; /*чтобы было куда drag - надо только в des, и там можно просто добавлять fake*/
  gap:10px;
} 

DIV.A_LAY_EL
{
  xpadding:2px;
  xborder:1px solid #CCC;
  xbackground:#EEE;
}

DIV.A_LAY_EL_SEL
{
  xborder:1px dotted #AAA;
  xpadding:2px;
  xbox-shadow: 0 0 1px rgba(0,0,0,1);
  xbackground: #EEE;
  outline: 2px dotted #000;
  outline-offset: 1px;
}

DIV.A_LAY_h > DIV
{
  flex-grow:1;
}





DIV.A_LAY_FLD
{
  display:flex;
  gap:10px;
}

DIV.A_LAY_FLD_TITLE
{
  width:130px;min-width:130px;
}

DIV.A_LAY_FLD_FLD
{
  flex-grow:1;
}


DIV.A_LAY_DATES
{
  display:flex;
  gap:10px;
}

INPUT.A_LAY_text   {width:100%;}

DIV.A_LAY_FLD_number
{
  display:flex;
  justify-content:flex-end;
}


DIV.A_LAY_FLD_image IMG.ZZP_IMG 
{
  xwidth:140px;
  width:100%;
}



TEXTAREA.A_LAY_area
{
  width:100%;
  xmin-heigth:100px;
  display: block; /*Чтобы зазора снизу не было*/
  xborder:0px;
  resize: vertical;
}


DIV.A_LAY_FILES_IMG IMG
{
  height:80px;
}


TABLE.A_PROPS
{
  width:100%;
}

TABLE.A_PROPS TH 
{
  font-weight:300;
  width:50%;
  padding-top:10px;
  vertical-align:top;
}

TABLE.A_PROPS_WIDE TH /*Широкая таблица св-в*/
{
  width:35%;
}

TABLE.A_PROPS_WIDE TEXTAREA
{
  height:60px;
}

TABLE.A_PROPS TD 
{
  padding-top:10px;
}

TABLE.A_PROPS TH.A_PROPS_GROUP
{
  text-align:center;
  border-bottom:1px solid #CCC;
  padding-top:15px;
}

TABLE.A_PROPS DIV.ZX_OPTS
{
  display:flex;
  gap:5px;
  flex-wrap:true;
}

TABLE.A_PROPS DIV.ZX_OPT
{
  padding:2px 5px 2px 5px;
  border:1px solid white;
  border-radius:4px;
}

TABLE.A_PROPS DIV.ZX_OPT_SEL
{
  border:1px solid #AAA;
}

TABLE.A_PROPS DIV.ZX_OPT_TITLE
{
  font-weight:normal;
}


TABLE.A_PROPS INPUT
{
  width:100%;
}

TABLE.A_PROPS input[type="text"],
TABLE.A_PROPS input[type="mail"],
TABLE.A_PROPS input[type="password"],
TABLE.A_PROPS input[type="number"] 
{
  padding:1px 2px 1px 2px;
}

TABLE.A_PROPS TEXTAREA
{
  width:100%;
}

TABLE.A_PROPS .ZX_COMBO_DATE
{
  width:auto;
}

TABLE.A_PROPS .ZX_COMBO_TIME
{
  width:auto;
}

DIV.A_PROPS_MENU
{
  width:30px;text-align:center;padding-left:5px;
}
DIV.A_PROPS_MENU IMG, DIV.A_PROPS_MENU svg
{
  width:16px;
  height:16px;
}

TEXTAREA.A_LAY_HTML
{
  width:100%;
  height:300px;
}

DIV.ZX_CHECKS INPUT
{
  width:auto;
}


DIV.A_LAY_FLD_area
{
  position:relative;
  overflow:visible;
}

DIV.A_LAYF_EL:hover DIV.AM_FLD_RESIZE_H
{
  background:rgba(0,0,0,0.04);
  xbackground: linear-gradient(
  to bottom,
  #EEE 0%,
  transparent 100%);
  border-radius:0 0 5px 5px
}



DIV.A_LAYF_CONT
{
  xbackground:white;
  position: relative;
}


DIV.A_LAYF_CONT_DES
{
  background:#FFF;
  background-image: 
    radial-gradient(circle at 0px 0px,   /* центр кружка */
                    #000 0.8px,           /* цвет и размер точки */
                    transparent 1px);
  
  background-size: 10px 10px;         /* шаг сетки — ровно 10×10 px */
  background-position: 0 0;
  xbox-shadow: 0 0 7px rgba(0,0,0,0.2);

  overflow:hidden;
}


DIV.mx_css_def_checks
{
  display: flex;
  align-items: center;
}

DIV.A_LAYF_EL TEXTAREA.A_LAY_area
{
  width:100%;
  height:100%;
}

DIV.A_LAYF_EL INPUT[type="text"]
{
  width:100%;
}

DIV.A_LAYF_EL SELECT
{
  
}

DIV.A_LAYF_EL SELECT.ZX_COMBO_DATE
{
  width:auto;
}

DIV.A_LAYF_EL SELECT.ZX_COMBO_TIME
{
  width:auto;
}

DIV.A_LAYF_EL TEXTAREA
{
  width:100%;
  height:100%;
}

DIV.A_LAYF_CHECKS_CONT
{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
}

DIV.A_LAYF_EL DIV.A_LAYF_LABEL
{
  height:100%;
}





DIV.XRM_CONT
{
  width:100%;
  height: 100%;
  overflow: hidden;
}