:root { --yellow:    #ffdd33;
 --yellow_hl:  #ffee66;
 --shadow:    0 0 5px rgba(0,0,0,0.2);  }




.A_BTN, DIV.Z_FORM_BTN    
{ text-align:center;
 width:100%;
 padding:7px 0 7px 0;
 font-size: 16px;
 font-weight:400;
 border-radius: 4px;
 background: var(--yellow);
 cursor:pointer;
 box-sizing: border-box;
 display:block;
 color:black;}

DIV.A_BTN_TINY
{ width:auto;
 padding:3px 5px 3px 5px;
 font-size:13px;}

DIV.Z_FORM_BTN {margin-top:10px;}

.A_BTN:hover   {background: var(--yellow_hl);}
.Z_FORM_BTN:hover {background: var(--yellow_hl);}

.A_BTN_MARGIN_TOP {margin-top:10px;}

DIV.A_BTN_GREY
{ background:#DDD;}


DIV.A_BTN_CANCEL
{ width:200px;
 background:#DDD;}

DIV.A_BTN_CANCEL:hover
{ background:#EEE;}


DIV.A_BTNS_MID_V 
{ width:300px;
 margin:0px auto 0px auto;}

DIV.A_BTNS_MID_V .A_BTN
{ margin:10px 0 10px 0;}

DIV.A_BTNS_FORM_BOT
{ display: flex;
 justify-content: right;
 gap:20px;}

DIV.A_BTNS_FORM_BOT .A_BTN
{ width: auto;
 padding: 5px 15px 5px 15px;}





DIV.A_HOV_SHOW_EL  
{ display:none;}
DIV.A_HOV_SHOW_CONT:hover DIV.A_HOV_SHOW_EL
{ display: block;}


DIV.A_DOTS
{ text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;}


DIV.A_POINTER:hover
{ cursor:pointer;}



DIV.A_MSG
{ text-align:center;
 padding:8px 0px 8px 0px;
 color:#444;}

.A_MSG_CENTER
{ display:flex;
 justify-content:center;}

.A_MSG_CENTER .A_MSG
{ padding:20px;
 background:white;
 border-radius:5px;
 box-shadow: var(--shadow);}


DIV.A_TINY
{ font-size:11px;
 color:#444;}

DIV.A_BLOCK_SHADOW
{ font-size:13px;
 margin:10px 5px 10px 5px;
 padding:5px;
 border-radius:4px;
 box-shadow: var(--shadow);}


DIV.A_FILES_SMALL
{ display:flex;
 flex-wrap:wrap;
 gap:10px;}

DIV.A_FILES_SMALL .Z_FILE {margin:0px;}






DIV.A_MENU_GROUP 
{ text-align:center;
 padding:8px 0 0px 0;
 margin:0 2px 0 2px;
 font-size:12px;
 color:#999;
 border-bottom:1px solid #DDD;}


DIV.A_POPUP_TITLE_WITH_ICON
{ padding:4px 8px 4px 8px;}
DIV.A_POPUP_ICON_TITLE
{ display:flex;
 gap:8px;
 xjustify-content:flex-start;
 align-items:center;}

DIV.A_POPUP_ICON {xwidth:16px;}

DIV.A_POPUP_ICON IMG, DIV.A_POPUP_ICON SVG
{ height:20px;
 width:20px;}




DIV.AE_TOP
{ font-size:14px;align-items:center;display:flex;gap:15px;
 border-bottom:1px solid #CCC;
 padding:2px 0px 4px 0px;
 margin:0px 0px 5px 0px}

DIV.AE_CONT
{ display:flex;
 align-items: stretch;}

DIV.AE_LEFT 
{ width:250px;
 min-width:50px;
 max-width:50px;
 padding:5px;
 font-size:13px;}

DIV.AE_SIZE_W
{ cursor: ew-resize; 
 width: 20px; min-width: 20px; max-width: 20px; 
 background: linear-gradient(#CCC, #CCC) no-repeat center/1px 100%;}

DIV.AE_MAIN
{ flex-grow:1;}

DIV.AE_TITLE 
{ font-size: 14px;
 text-align: center;
 padding:5px 0 5px 0;}






TD.A_FULL_DIV
{ padding:0px;position:relative;}

TD.A_FULL_DIV > DIV
{ position:absolute;
 top:0;right:0;bottom:0;left:0;
 display:flex;
 align-items:center;
 justify-content:center;}



DIV.A_CHECKS_LINE
{ display:flex;
 gap:0px 10px;
 flex-wrap:wrap;}

DIV.A_CHECKS_LINE DIV.ZX_CHECKS
{ xbackground:#EEE;
 border-radius:2px;
 padding:2px 5px 2px 0px;}






.A_VSCROLL_H 
{ overflow-y:hidden;  }

.A_VSCROLL_H:hover 
{ overflow-y: scroll;
 
 xbackground:Red;}

.A_VSCROLL
{ scrollbar-gutter: stable;}


.A_VSCROLL::-webkit-scrollbar 
{ width: 8px;}

.A_VSCROLL::-webkit-scrollbar-track 
{ xbackground: #ffffff;
 background: transparent;}

.A_VSCROLL::-webkit-scrollbar-thumb 
{ background-color: rgba(0,0,0,0.4);
 border-radius: 5px;
 xborder: 1px solid rgba(0,0,0,0.5);}



.A_HSCROLL_H { overflow-x: hidden;}

.A_HSCROLL_H:hover { overflow-x: scroll;
   }

.A_HSCROLL { scrollbar-gutter: stable;  }


.A_HSCROLL::-webkit-scrollbar { height: 8px;       }

.A_HSCROLL::-webkit-scrollbar-track { background: transparent;
 }

.A_HSCROLL::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.4);
 border-radius: 5px;
 }


.A_HSCROLL:hover::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.6);}





DIV.A_LIST_ITEM
{ display:flex;
 font-size:13px;
 padding:2px 2px 0px 2px;
 flex-grow:1;}


DIV.A_LIST_ITEM_BIG
{ display:flex;
 font-size:13px;
 padding:5px 5px 3px 5px;
 overflow:hidden;}


DIV.A_LIST_ITEM_SEL
{ background:#EEE;
 border-radius:3px;}

DIV.A_LIST_ICON 
{ xdisplay:table-cell; 
 xvertical-align:middle; 
 margin-right:3px;}

DIV.A_LIST_ICON_GREY
{ opacity:0.5;}

DIV.A_LIST_ICON IMG, DIV.A_LIST_ICON SVG
{ width:16px;
 height:16px;
 border-radius:4px;}

DIV.A_LIST_ICON_BIG
{ xdisplay:table-cell; 
 xvertical-align:middle; 
 margin-right:8px;}

DIV.A_LIST_ITEM_BIG DIV.A_LIST_ICON IMG, DIV.A_LIST_ITEM_BIG DIV.A_LIST_ICON SVG
{ width:32px;
 height:32px;
 border-radius:4px;}

DIV.A_LIST_MAIN
{ flex-grow:grow;
 min-width:0;}

DIV.A_LIST_MAIN DIV.A_TINY
{ margin-top:2px;}

DIV.A_LIST_GROUP
{ text-align:center;
 padding: 10px 0 5px 0;
 color:#666;}






 .A_PADDING_LEFT
 {  padding-left:10px;}


DIV.F_PAN_LEFT
{ min-width:200px;
 width:200px;
 display:flex;
 flex-direction:column;
 min-height:200px;
 padding:5px;
 border-right:1px solid #CCC;
 margin-right:10px;}