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;}


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; 
 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%;}


DIV.xA_LAY_FLD_files
{ display:flex;
 gap:10px;
 flex-wrap:wrap;}


DIV.xA_LAY_FLD_files DIV.Z_FLD_LAY_CONT
{ display:flex;
 gap:10px;
 flex-wrap:wrap;
 align-items:center;
 margin:10px 0 10px 0;}

DIV.xA_LAY_FLD_files DIV.ZX_UPLOAD 
{ font-size:12px;
 text-align:center;
 max-width:80px;
 }
DIV.xA_LAY_FLD_files DIV.ZX_UPLOAD IMG
{ width:18px;
 height:18px;
 opacity:0.3;}
DIV.xA_LAY_FLD_files DIV.ZX_UPLOAD:hover IMG {opacity:0.7;}



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
{ font-size:13px;
 width:100%;}

TABLE.A_PROPS TH 
{ font-weight:300;
 width:50%;
 padding-top:5px;
 vertical-align:top;}

TABLE.A_PROPS_WIDE TH 
{ width:35%;}

TABLE.A_PROPS_WIDE TEXTAREA
{ height:60px;}

TABLE.A_PROPS TD 
{ padding-top:5px;}

TH.A_PROPS_GROUP
{ text-align:center;
 border-bottom:1px solid #CCC;
 padding-top:10px;}

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 TEXTAREA
{ width:100%;}


