#container { display: flex;
 gap: 10px;
 transition: all 0.3s ease;}

.box { width: 60px;
 height: 60px;
 line-height: 60px;
 text-align: center;
 color: white;
 font-weight: bold;
 transition: transform 0.3s ease;}









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




 .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);
 }





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: 0 0 5px rgba(0,0,0,0.2);}


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


DIV.AL_PADDING
{ padding:5px;
 font-size:13px;}


DIV.AL_TITLE
{ text-align:center;
 font-size:13px;
 border-bottom:1px solid #CCC;
 margin:10px 0 10px 0;}

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_ICONMAIN {display:flex;}

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

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



DIV.A_BLOCK
{ margin:10px 5px 10px 5px;
 padding:5px;
 border-radius:4px;
 box-shadow: 0 0 5px rgba(0,0,0,0.2);}


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

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


DIV.A_EDITS_TRASH IMG
{ width:16px;
 height:16px;
 opacity:0.5;}




DIV.A_BTNS_SMALL 
{ display:flex;
 gap:5px;}

DIV.A_BTNS_SMALL DIV.A_BTNS_BTN IMG
{ width:18px;
 height:18px;
 opacity:0.3}
DIV.A_BTNS_SMALL DIV.A_BTNS_BTN:hover IMG {opacity:0.7}

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.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;}