body,INPUT, TEXTAREA, SELECT
{ font-weight: 300;
 xfont-size:13px;}

DIV, BODY, TR, TD, INPUT, TEXTAREA, SELECT
{ font-family: "Roboto", sans-serif;
 }

B
{ font-weight:500;}

INPUT, TEXTAREA, SELECT
{ border:1px solid #AAA;
 border-radius:2px;}

textarea {  white-space: pre-wrap; }



#mx_cont
{ background: #EEE;
 position: fixed;
 width:100%;
 height:100%;
 left:0px;
 top:0px; 
 display:flex;
 flex-direction: column;
 min-height:0;
 overflow:hidden;}



#mx_debug
{ xheight:200px;
 xmin-height:200px;
 display:none;
 background:#EEEEEE;
 xbackground:blue;

 border-top:1px solid #CCC;
 xoverflow:auto;
 position:fixed;} 

#mx_debug_btns
{ background:#555555;
 color:white;}

#mx_debug_btns .A_BTNS_CONT {display:flex;gap:15px;padding:3px;font-size:12px;}


#mx_bin
{ z-index:101;
 position:fixed;
 background:white;
 border-radius:10px;
 text-align:center;
 box-shadow: var(--shadow); }

#mx_bin IMG
{ width:100%;
 height:100%;}

.A_DEBUG_WND 
{ overflow-y:scroll;height:178px;max-height:178px;flex-grow:1;background:#EEE;
 min-width:100px;
 font-size:12px;
 font-family: 'JetBrains Mono', monospace;}
.A_DEBUG_W {min-width:5px;background:#AAA;cursor:ew-resize;}
.leaflet-attribution-flag {display:none;opacity:0;}


DIV.I_LOADING
{ text-align:center;
 padding:50px 0 0 0;
 color:#777;}







DIV.A_GREY_HL    {color: #222;}
DIV.A_GREY_HL:hover {color: #000;}

DIV.A_GREY_HL    IMG {opacity:0.5;}
DIV.A_GREY_HL:hover IMG {opacity:0.8;}





#mx_tpanel
{ z-index:10;
 position:absolute;
 left:0px;
 top:-1px;
 width:100%;
 display:flex;
 justify-content:space-between;
 align-items:center;
 xbackground:white;
 $xshadow1$}



DIV.DIR_TITLE
{ xbackground: white;
 xborder-radius:0 0 5px 0;
 xpadding:5px 10px 5px 10px;
 font-weight:400;
 display:flex;
 gap:10px;
 align-items:center;}

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



DIV.DIR_PAN1
{ display:flex;
 gap:10px;
 padding:0px 5px 0px 5px;
 xborder-bottom:1px solid #CCC;
 background:white;
 border-radius:0 0 5px 5px;
 box-shadow: var(--shadow);}

DIV.DIR_PAN1_HL    {xpadding:4px;background: var(--yellow);;}






DIV.AL_TOP_TITLE
{ font-size:13px;
 padding:8px 0 8px 2px;}



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

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




DIV.AN_CONT
{ z-index:10;
 position:fixed;
 xbackground:red; }

DIV.AN_ONE
{ background:white;
 border-radius: 5px;
 margin-bottom:10px;
 padding:3px;
 font-size:13px;
 opacity:0.97;
 box-shadow: var(--shadow);}




DIV.AM_ITEM_TINY {font-size:12px;}

DIV.AM_ITEM_TINY IMG
{ width:14px;
 height:14px;}

DIV.AM_MORE
{ display:flex;
 gap:6px 20px;
 flex-wrap:wrap;
 margin-top:10px;}



DIV.AM_CHECKBOX DIV.Z_TABLE_CHECK
{ width: 22px;
 height: 22px;}

DIV.AM_CHECKBOX_TINY DIV.Z_TABLE_CHECK
{ width: 16px;
 height: 16px;}



DIV.AM_ICON_TINY {font-size:0px;}
DIV.AM_ICON_TINY IMG
{ width:16px; 
 height:16px;
 opacity:0.7;}