




DIV.A_TREE_CONT
{ padding:5px 5px 5px 5px;}

DIV.A_TREE_SUBS
{ margin-left:20px;}


DIV.A_TREE_DD, DIV.A_TREE_DD_NO
{ width:20px;
 min-width:20px;
 text-align:center;
 padding:2px 0 0 0;}


DIV.A_TREE_DD IMG
{ width:14px;
 height:14px;}




DIV.A_FIND_CONT
{ padding:5px;}

DIV.A_FIND_TEXT INPUT
{ width:100%;}






DIV.A_EDITS_DAY
{ margin-bottom:20px;}

DIV.A_EDITS_DAY_TITLE
{ font-size:24px;}

DIV.A_EDITS_TRASH IMG
{ width:16px;
 height:16px;
 opacity:0.5;}

DIV.A_EDITS_MEM .Z_IMAGE
{ height:100px;}







DIV.A_TAGS
{ display:flex;
 gap: 8px 12px;
 flex-wrap:wrap;
 font-size:13px;}

DIV.A_TAGS_LIST DIV.ZZL_FIND_CONT
{ margin-bottom:5px;}

DIV.A_TAGS_LIST_SEL 
{ margin-bottom:10px;
 padding:0 0 10px 0;
 border-bottom:1px solid #CCC;}

DIV.A_TAG
{ padding:0px 4px 0px 4px;
 border-radius:2px;
 display:flex; 
 align-items:center;
 min-height:20px;
 gap:10px;}

DIV.A_TAG_SEL
{ outline:3px solid black;}

DIV.A_TAG_SELN
{ outline:3px solid white;opacity:0.7;}

DIV.A_TAG_SELN:hover
{ outline:3px solid #CCC;opacity:1;}


DIV.A_TAG_ICON
{ height: 16px;
 font-size:0px;}

DIV.A_TAG_ICON SVG, DIV.A_TAG_ICON IMG
{ width: 16px;
 height: 16px;}


DIV.A_TAG_MENU_ICON IMG
{ width: 10px;
 height: 10px;}

DIV.A_TAG_MENU_ICON
{ border-radius:2px;
 padding:1px 3px 1px 3px;}

DIV.A_TAG_SEP {width:5px;}

DIV.A_TAG_VALS_CONT
{ display:flex;gap:7px;}

DIV.A_TAG_VAL_CONT
{}

DIV.A_TAG_MENU_ICON:hover
{ background: rgba(200,200,200,0.5);}




DIV.A_PIC_ICONS
{ display:flex;
 flex-wrap:wrap;
 gap:3px;}

DIV.A_PIC_ICON .Z_IMAGE
{ height:72px; 
 border:3px solid white;}

DIV.A_PIC_ICON
{ font-size:12px;
 color:#999;
 text-align:center}

DIV.A_PIC_ICON_TEXT
{ display:flex;
 flex-direction:column;
 justify-content:center;
 font-size:12px;
 color:#999;
 text-align:center
}



DIV.A_PIC_ICON SVG
{ width:48px;
 height:48px;
 border:3px solid white;
 border-radius:5px;}

DIV.A_PIC_ICON_SEL .Z_IMAGE {border:3px solid black;}
DIV.A_PIC_ICON_SEL SVG    {border:3px solid black;}

DIV.A_PIC_ICON_SYS 
{ height:72px;
 width:110px;
 text-align:center;
 font-size:12px;
 padding-top:4px;
 }

DIV.A_PIC_ICON_SYS IMG
{ height:36px;}

DIV.A_PIC_PREVIEW 
{ width:250px;
 height:250px;
 border:1px solid black;
 padding:10px;}

DIV.A_PIC_PREVIEW SVG
{ xpadding:10px;
 width:100%;
 height:100%;}

DIV.A_PIC_INPUT_FLD
{ min-height:22px;
 height:22px;
 text-align:center;
 border:1px solid #AAA;
 border-radius:2px;
 overflow:hidden;}

DIV.A_PIC_INPUT_FLD SVG
{ height:20px;
 width:20px;}

DIV.A_PIC_INPUT_BIG DIV.A_PIC_INPUT_FLD, DIV.A_PIC_INPUT_BIG DIV.A_PIC_INPUT_FLD SVG
{ width:100%;
 height:100%;
 min-height:auto;
 border:0px;}










DIV.TBAR_GREY
{ display:flex;
 justify-content:space-between;
 gap:10px;
 align-items:center;}

DIV.TBAR_TABS
{ display:flex;
 justify-content:space-between;
 gap:10px;
 border-bottom:1px solid #CCC;
 align-items:center;
 margin:0 0 10px 0;}
DIV.TBAR_TABS DIV.TBAR_BTN_CHECKED
{ background:#EEE;}
DIV.TBAR_TABS DIV.TBAR_GROUP
{ gap:5px; padding:0px;}

DIV.TBAR_TABS DIV.TBAR_BTN
{ border-radius:4px 4px 0 0;}

DIV.TBAR_SMALL
{ font-size:12px;
 display:flex;
 justify-content:space-between;
 gap:10px;}

DIV.TBAR_BIG
{ font-size:11px;
 display:flex;
 justify-content:space-between;
 gap:10px;}

DIV.TBAR_FORM
{ border-bottom:1px solid #CCC;
 margin-bottom:15px;}
DIV.TBAR_FORM DIV.TBAR_GROUP {gap:10px;}

DIV.TBAR_GROUP
{ display:flex;
 padding:3px 0 3px 0;}

DIV.TBAR_BTN
{ display:flex;
 align-items:center;
 gap:2px;
 cursor:pointer;
 padding:4px;
 border-radius:2px;}

DIV.TBAR_BTN_ROUND
{ padding:0px;
 gap:0px;
 border-radius:50%;
 overflow:hidden;
 width:32px;
 height:32px;
 border-radius:50%;
 padding:0;
 overflow:hidden;
 display:block;}

DIV.TBAR_SEP
{ min-width:1px;
 width:1px;
 background:#CCC;
 margin:2px 4px 2px 4px;}

DIV.TBAR_BIG DIV.TBAR_BTN
{ flex-direction:column;}

DIV.TBAR_ICON          {opacity:0.8;}
DIV.TBAR_GREY DIV.TBAR_ICON   {opacity:0.3;}
DIV.TBAR_TABS DIV.TBAR_ICON   {opacity:0.3;}

DIV.TBAR_BTN:hover DIV.TBAR_ICON
{ opacity:1;}
DIV.TBAR_BTN:hover DIV.TBAR_TITLE
{ opacity:1;}

DIV.TBAR_BTN:hover
{ background:#EEEEEE;}



DIV.TBAR_TITLE
{ opacity:0.8;}

DIV.TBAR_GREY DIV.TBAR_TITLE {font-weight:400;}



.TBAR_BTN_LEFT
{ border-radius:5px 0 0 5px;}
.TBAR_BTN_RIGHT
{ border-radius:0 5px 5px 0;
 border-left:1px solid #eecc11;}

DIV.TBAR_BTN_HL    {padding:4px;background: var(--yellow);;}
DIV.TBAR_BTN_HL:hover {background: var(--yellow_hl);}

DIV.TBAR_BTN_CHECKED DIV.TBAR_ICON {opacity:1;}

DIV.TBAR_LBTNS
{ display:flex;
 flex-direction:column; 
 margin-bottom:10px;}

DIV.TBAR_LBTNS DIV.TBAR_GROUP
{ flex-direction:column; 
 xgap:5px;
 width:100%;}

DIV.TBAR_LBTNS DIV.TBAR_BTN 
{ display:flex;
 justify-content:center;
 padding:8px 0 8px 0;}

DIV.TBAR_LBTNS DIV.TBAR_TITLE {display:none;}


DIV.TBAR_VERT
{ display:flex;
 flex-direction:column; 
 margin-left:5px;}

DIV.TBAR_VERT DIV.TBAR_GROUP
{ flex-direction:column; 
 xgap:5px;
 width:100%;}

DIV.TBAR_VERT DIV.TBAR_BTN 
{ justify-content:flex-start;
 padding:4px 0 4px 0;
 align-items:flex-start;}

DIV.TBAR_VERT DIV.TBAR_ICON
{ padding:2px 5px 2px 2px;}

DIV.TBAR_VERT DIV.TBAR_TITLE
{ font-size:13px;}




DIV.TBAR_DESC
{ font-size:11px;
}


DIV.A_IMG_16 {font-size:0px;}
DIV.A_IMG_24 {font-size:0px;}
DIV.A_IMG_16 SVG, DIV.A_IMG_16 IMG {width:16px;height:16px;}
DIV.A_IMG_24 SVG, DIV.A_IMG_24 IMG {width:24px;height:24px;}
DIV.A_IMG_28 SVG, DIV.A_IMG_28 IMG {width:28px;height:28px;}
DIV.A_IMG_32 SVG, DIV.A_IMG_32 IMG {width:32px;height:32px;}





TABLE.FI
{ width:100%;
 font-size:13px;}

TABLE.FI TD
{ padding:8px 2px 8px 2px;}
TABLE.FI TH
{ padding:8px 2px 8px 2px;}










DIV.AM_SELS_COLS
{ display:flex;
 gap:10px;
 margin:10px 0 10px 0;}

DIV.AM_SELS_COL
{ max-height:300px;
 overflow-y:scroll;
 padding:0px 5px 0px 5px;}

DIV.AM_SEL
{ display:flex;
 gap:3px;
 font-size:13px;

 padding:2px 0 2px 0;
 cursor:pointer;
 align-items:center;}







