BODY
{ border:0px 0px 0px 0px;
 padding:0px;
 margin:0px 0px 0px 0px;}

DIV {xxfont-family:arial;}


TABLE
{ table-layout: fixed;
 border-collapse: collapse;  
 border: 0px 0px 0px 0px; margin:0px 0px 0px 0px; padding:0px;
 outline: none; 
 border-spacing:0px;}

TD 
{  vertical-align:top;}
TH
{ text-align:left;}

TD, TR,IMG
{ border: 0px 0px 0px 0px; margin:0px 0px 0px 0px; padding:0px;}

A
{ text-decoration:none;
 color:blue;}

A:hover
{ text-decoration:underline;}

DIV.ZX_COOKIE
{ position:fixed;
 z-index:1000;
 background:#EEEEEE;
 width:100%;
 left:0px;
 box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
 padding:10px 0 10px 0; 
 text-align:center;
 cursor:pointer; 
 }

DIV.CLEAR
{ overflow:hidden;
 clear:both;}

TABLE.SIMPLE 
{ border-collapse:collapse;}

TABLE.SIMPLE TR
{ max-height:200px;
 overflow:hidden;}

TABLE.SIMPLE TD
{ padding:3px;
 border:1px solid #AAAAAA;
 font-size:12px;
 }
TABLE.SIMPLE TH
{ background:#EEEEEE;
 padding:3px;
 border:1px solid #AAAAAA;
 font-size:12px;}

DIV.ZXX_SQL
{ max-width:300px;
 max-height:150px;
 word-wrap: break-word;
 text-overflow: ellipsis;
 overflow-y:auto;	}

.ZX_A 
{ cursor:pointer;
 xbackground:red;}

.ZX_A:hover 
{ text-decoration:underline;}


DIV.ZX_BTN_SOCIAL IMG
{ width:24px;
 height:24px;
 padding:5px;
 vertical-align:middle;}
DIV.ZX_BTN_SOCIAL
{ background:#EEEEEE;
 border-radius:5px;
 float:left;
 padding:0 10px 0 5px; 
 margin-right:10px;}
DIV.ZX_BTN_SOCIAL:hover
{ background:#F5F5AA;
 color:black;
 text-decoration:underline;}
DIV.ZX_BTN_SOCIAL:hover IMG
{ width:26px;
 height:26px;
 padding:4px;}


DIV.ZX_IMG_CONT
{ padding:0px;
 margin:0px;
 background:rgba(0,0,0,0.8);
 overflow:hidden;
 clear:both;
 padding:20px 20px 30px 20px; 
 box-sizing: border-box;
 z-index:300;
 cursor:pointer;}
DIV.ZX_IMG_BODY
{ width:auto;
 xbackground:red;
 height:100%;
 font-size:0px;
 vertical-align: middle;
 box-sizing: border-box;
 position:relative;
 text-align:center;
 }

DIV.ZX_IMG_DIV 
{ font-size:20px;
 color:white;
 xbackground:black;
 text-align:center;
 padding:30px 10px 30px 10px;}

DIV.ZX_IMG_CLOSE
{ font-weight:bold;
 color:white;
 font-size:24px;
 width:100%;
 padding:0 0 0 6px;
 text-align:right;
 position:absolute;
 top:-14px;}

DIV.ZX_IMG_CLOSE:hover
{ color:yellow;}

DIV.ZX_IMG_BODY IMG
{ width:auto;
 max-width: 100%;
 max-height: 100%;
 margin:auto;
 
 border-radius:10px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5);  }

DIV.ZX_IMG_BTNS
{ 
 xbackground:red;
 width:100%;
 display:flex;
 justify-content:center;
 height:500px;
 xxdasd:adasd;
 position:absolute;
 top:30px;
 xbackground:rgba(0,1,0,0.5);}

DIV.ZX_IMG_BTN
{ font-size:10px;
 color:white;
 xpadding:5px 10px 5px 10px;
 xmargin:0 10px 0 10px;
 width:auto;
 xbackground:red;
 flex-grow:1;
 text-align:left;
 opacity:0.2;
 xbackground:red;
 }
DIV.ZX_IMG_BTN:hover
{ opacity:1;
 color:yellow;}

DIV.ZX_IMG_TITLE
{ color:white;
 font-size:12px;
 text-align:center;
 padding-top:3px;}

DIV.ZX_RTF_TOOL
{ position:fixed;
 background:#EEEEEE;
 width:20px;
 height:20px;
 left:10px;
 top:10px;
 z-index:1; 
 display:none;
 cursor:pointer;
 border-radius:4px;
 text-align:center;
 xborder:1px solid #AAAAAA;
 box-shadow: 0 0 2px rgba(0,0,0,0.5);
 color:#999999;}

DIV.ZX_RTF_TOOL:hover
{ background:#4444FF;
 color:white;}

DIV.ZX_RTFP_CONT
{ clear:both;
 overflow:hidden;
 xbackground:#EEEEEE;}

DIV.ZX_RTFP_BTN
{ float:left;
 margin:0px 1px 0px 1px;
 font-size:0px;
 box-sizing:border-box;}
DIV.ZX_RTFP_BTN:hover
{ background:#DDDDDD;
 border-radius:2px;
 }
DIV.ZX_RTFP_BTN_SEP
{ float:left;
 width:10px;}

DIV.ZX_RTFP_BTN IMG
{ width:12px;
 height:12px;
 padding:6px;}

DIV.ZX_CAL_NAV_CONT
{ xbackground:#EEEEEE;
 padding:5px 0 0 0;
 margin:0px 0px 10px 0px; 
 xborder-radius:5px;}

TD.ZX_CAL_NAV_BTN
{ width:35px;
 text-align:center;}

TD.ZX_CAL_NAV_BTN IMG
{ width:32px;
 height:32px;}

TD.ZX_CAL_NAV_COMBO
{ text-align:center;
 padding:2px 10px 0 10px;}
TD.ZX_CAL_NAV_COMBO SELECT
{ width:100%;
 font-size:20px;}

TABLE.ZX_CAL_MONTH
{ border-collapse:collapse;
 xborder:1px solid #AAAAAA;}

TABLE.ZX_CAL_MONTH TD
{ padding:5px;
 border:1px solid #AAAAAA;}

TABLE.ZX_CAL_MONTH TH
{ background:#EEEEEE;
 xpadding:5px;
 border:1px solid #AAAAAA;}

TD.ZX_CAL_DAY
{ background:white;
 cursor:pointer;}


TD.ZX_CAL_DAY_TODAY
{ background:#FFFFAA;}
TD.ZX_CAL_DAY_VAL
{ background:#AAFFAA;}

TABLE.ZX_CAL_DAY_SPLIT_INPUT
{ width:100%;}


TABLE.ZX_CAL_DAY_SPLIT_INPUT TH
{ border:0px;
 width:100%;
 padding:5px 0px 5px 0px;
 font-size:16px;
 font-weight:normal;
 text-align:center;
 background:transparent;}

TABLE.ZX_CAL_DAY_SPLIT_INPUT TH:hover
{ background:#EEEEEE;}

TABLE.ZX_CAL_DAY_SPLIT_INPUT TD
{ width:0px;
 border:0px;}


TABLE.ZX_CAL_DAY_SPLIT
{ width:100%;}
TABLE.ZX_CAL_DAY_SPLIT TH
{ border:0px;
 width:15px;
 background:transparent;
 padding:0px;
 font-size:12px;
 font-weight:normal;}
TABLE.ZX_CAL_DAY_SPLIT TD
{ border:0px;
 padding:2px;}

DIV.ZX_CAL_DAY_TITLE 
{ ;}
DIV.ZX_CAL_DAY_CONT  
{ ;}


DIV.ZX_OPT    
{	xbackground:#EEEEEE;padding:8px 0px 8px 4px;margin:0 0 0px 0;xborder-radius:3px;
	display:flex;
	align-items:center;
	cursor:pointer;
	border-bottom:0.5px solid #CCCCCC;}
DIV.ZX_OPT:hover {background:#EEEEEE;}
DIV.ZX_OPT_SEL
{ background:#EEEEEE;
 }
DIV.ZX_OPT_TITLE {font-weight:bold;}
DIV.ZX_OPT_ICON {margin-right:12px;}
DIV.ZX_OPT_ICON IMG {width:28px;height:28px;}




DIV.ZX_INCEXC_CONT
{ margin:2px 2px 2px 0; }

DIV.ZX_INCEXC_SCROLL
{ height:150px;
 overflow-y:scroll;}


DIV.ZX_SLIDER_CONT
{ clear:both;
 width:100%;
 height:20px;
 xbackground:#EEEEEE;
 position:relative;}

DIV.ZX_SLIDER_ON
{ background:green;
 height:10px;
 margin-top:5px;
 float:left;
 border-radius:5px 0px 0px 5px;}

DIV.ZX_SLIDER_OFF
{ background:#BBBBBB;
 height:10px;
 margin-top:5px;
 xposition:absolute;
 float:left;
 border-radius: 0px 5px 5px 0px;}

DIV.ZX_SLIDER_RING
{ background:black;
 border-radius:50% 50% 50% 50%;
 height:20px;
 width:20px;
 position:absolute;
 margin-left:-10px;}



DIV.ZX_SLIDE_CONT
{ clear:both;
 overflow:hidden;
 position:relative;
 xbackground:blue;
 width:100%;
 height:100%;}

DIV.ZX_SLIDE
{ xposition:absolute;
 xleft:0px;
 xtop:0px;
 xwidth:200px;
 xheight:200px;}

DIV.ZX_SLIDE_LR
{ position:absolute;
 top:10px;
 left:10px;
 
 width:16px;
 height:16px;
 padding:12px;
 border-radius:50%;
 
 background:white;
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
 text-align:center;
 font-size:12px;
 font-weight:bold;
 color:black;}

DIV.ZX_SLIDE_COUNT
{ position:absolute;
 top:10px;
 left:10px;
 
 width:auto;
 height:auto;
 padding:3px 10px 3px 10px;
 border-radius:4px;
 
 background:white;
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
 text-align:center;
 color:black;}

DIV.ZX_FLD_STARS_AVG
{ width:30px;
 font-size:16px;
 text-align:center;
 padding-right:5px;
 margin-top:3px;}

DIV.ZX_FLD_FLAGS_LINE_CONT  {;}
DIV.ZX_FLD_FLAGS_SEP {height:5px;}

DIV.ZX_COMBO_ANOTHER_DESC
{ font-size:12px;
 margin-bottom:5px;}

DIV.ZX_COMBO_DESCS
{ font-size:12px;
 margin-bottom:5px;}


TD.ZX_HELP_TREE
{ padding:0px;
 width:200px;}
DIV.ZX_HELP_TREE
{ height:650px;
 overflow-y:scroll;
 xbackground:#EEEEEE;}
SPAN.ZX_HELP_LNK
{ cursor:pointer;
 color:#0000AA;}
SPAN.ZX_HELP_LNK:hover
{ text-decoration:underline;}

DIV.ZX_HELP_TITLE
{ margin:0px 0px 5px 15px;
 background:#EEEEEE;
 padding:10px;
 font-weight:bold;
 font-size:24px}


DIV.ZX_HELP_CONT
{ margin:0px 0px 0px 15px;
 height:600px;
 overflow-y:scroll;}

DIV.ZX_HELP_CONT H1
{ font-size:24px;
 font-weight:bold;
 margin:35px 0px 0px 0px;}

DIV.ZX_HELP_CONT H2
{ font-size:20px;
 font-weight:bold;
 margin:10px 0px 0px 0px;}

DIV.ZX_HELP_CONT PRE
{  background:#EEEEEEAA;
  padding:10px;
  margin:10px 0px 10px 20px;
  border-radius:5px;}

DIV.ZX_HELP_CONT LI
{  padding:5px 0px 5px 0px;}

DIV.ZX_INFO_PAGE
{ margin:30px 20px 30px 20px;
 padding:20px;
 border-radius:5px 5px 5px 5px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
 background:white;}

DIV.ZX_BOT_COPY
{ text-align:center;clear:both;font-size:12px;
 margin:10px 0px 0px 0px;
 padding:10px;}

TABLE.ZX_FORM TD
{ padding:10px;}

TABLE.ZX_FORM TH
{ padding:10px;
 font-weight:normal;}

DIV.ZX_FORM_WAIT
{ display:none;
 text-align:center;}

DIV.ZX_FORM_REPLY
{ display:none;}

DIV.ZX_FORM_REPLY_ERR
{ font-weight:bold;
 color:red;}


DIV.ZX_BLOCK_WAIT 
{ display:none;
 text-align:center;}


DIV.ZX_TIP
{ position:fixed;
 z-index:310;
 background:white;
 padding:5px;
 border-radius:5px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5); 
 left:100px;
 top:100px;}

DIV.ZX_ADVICE
{ position:abosulte;
 z-index:310;
 background:white;
 padding:5px;
 border-radius:5px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5); 
 left:100px;
 top:100px;}


DIV.ZX_FIELD_AC_CONT
{ background:white;
 border-radius:4px;
 padding:4px 0px 4px 0px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5); 
 max-height:200px;
 overflow-y:scroll;}

DIV.ZX_FIELD_AC_ITEM
{ padding:3px 8px 3px 8px;
 text-align:left;
 font-size:12px; 
 color:black;}

DIV.ZX_FIELD_AC_ITEM_SEL
{ background:#000055;
 color:white;}


DIV.ZX_POPUP_BACK
{ position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 z-index:300;
 opacity:0.1;
 background:#000000;}



DIV.ZX_POPUP_CONT
{ position:fixed;
 z-index:300;
 background:transparent;}


DIV.ZX_POPUP_TITLE
{ background:#333333;
 color:white; 
 clear:both;
 overflow:hidden;
 padding:8px;
 border-radius:10px 10px 0px 0px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5); }

DIV.ZX_POPUP_CLOSE
{ float:right;
 }

DIV.ZX_POPUP_BODY
{ background:white;
 border-radius:0px 0px 10px 10px;
 padding:10px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5); 
 overflow:hidden;
 clear:both;}

DIV.ZX_POPUP_WAIT
{ background:white;	
 border-radius:0px 0px 10px 10px;
 text-align:center;}

DIV.ZX_POPUP_MENU_BODY
{ background:white;
 border-radius:4px;
 padding:4px 0px 4px 0px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5); }
DIV.ZX_POPUP_MENU_ITEM, DIV.ZX_POPUP_MENU_ITEM_NO_HOVER
{ padding:3px 8px 3px 8px;
 text-align:left;
 font-size:12px; 
 color:black;}


DIV.ZX_POPUP_MENU_ITEM IMG
{ width:14px;
 height:14px;
 padding-right:3px;}

DIV.ZX_POPUP_MENU_ITEM:hover
{ background:#EEEEEE;}

DIV.ZX_MENU_BODY
{ padding:0px 0px 10px 0px;
 xbackground:red;}

DIV.ZX_MENU_ITEM
{ border-bottom:1px solid #AAAAAA;
 padding:5px 5px 5px 5px;}

DIV.ZX_MENU_ITEM:hover
{ background:#EEFFEE;}

DIV.ZX_BUTT
{ padding:5px 15px 5px 15px;
 background:#EEEEEE;
 border:1px solid #AAAAAA;
 border-radius:5px 5px 5px 5px;
 text-align:center;}

DIV.ZX_BUTT:hover
{ background:#AAFFAA;
 text-decoration:underline;}

DIV.ZX_BUTT_INPUT
{ margin:10px 0px 0px 0px;}

DIV.ZX_BUTTS_SEPARATOR
{ float:left;
 margin:5px;
 padding:1px;
 width:1px;}




DIV.ZX_MSG_BUTT
{ float:right;
 margin:10px 10px 0px 10px;}

DIV.ZX_MSG_BUTT_CONT
{ clear:both;
 overflow:hidden;}

DIV.ZX_INPUT_CONT INPUT
{ width:100%;}
DIV.ZX_INPUT_CONT INPUT[type='checkbox']
{	width:auto;}


DIV.ZX_INPUT_COL_FLD
{ width: 100%;
 height: 100%;
 text-align:center;
 padding:6px 0 6px 0;
 border-radius:4px;}

DIV.ZX_INPUT_COL
{ width:5.4%;
 height:22px;
 margin:2px;
 float:left;}

DIV.ZX_INPUT_GALLERY_ICON
{ width:48px;
 height:48px;
 margin:10px;
 float:left;}
DIV.ZX_INPUT_GALLERY_ICON IMG
{ width:100%;
 height:100%;}

DIV.ZX_INPUT_GAL_IMAGE
{ text-align:center;}
DIV.ZX_INPUT_GAL_IMAGE IMG
{ max-width:100%;
 max-height:32px;}

DIV.ZX_TAB_STRIP
{ clear:both;
 overflow:hidden;
 background:#EEEEEE;}

DIV.ZX_TAB_BTN
{ float:left;
 margin:5px 5px 0px 5px;
 padding:3px 10px 3px 10px;
 background:#BBBBBB;
 border-radius:5px 5px 0px 0px;
 font-size:12px;}

DIV.ZX_TAB_BTN_SEL
{ background:white;}

DIV.ZX_TAB_CONT
{ background:white;
 clear:both;
 overflow:hidden;
 }

.ZX_COMPARE_ADDED {    background-color: #d4edda;
    color: #155724;
    padding: 2px 2px;
    xborder-radius: 3px;
 }
.ZX_COMPARE_DELETED {    background-color: #f8d7da;
    color: #721c24;
    text-decoration: line-through;
    padding: 2px 2px;
    xborder-radius: 3px;
 }

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

DIV.ZX_FILES_FILE 
{	text-align:center;font-size:12px;
	overflow-wrap: break-word;
	xmax-width:100px;}
DIV.ZX_FILES_FILE IMG
{ height: 50px;}

DIV.ZX_FILE_ONE
{ max-width:70px;
 font-size:12px;}

TABLE.ZX_FORM_TABLE
{ width:100%;}
TABLE.ZX_FORM_TABLE TH
{ width:200px;
 text-align:left;
 padding:5px;
 font-weight:normal;
 vertical-align:top;}

TABLE.ZX_FORM_TABLE TD
{ padding:5px;}

TABLE.ZX_FORM_TABLE TD INPUT
{ width:100%;}

TABLE.ZX_FORM_TABLE TD TEXTAREA
{ width:100%;}

DIV.ZX_CROP_LINE 
{ position:absolute;

 xwidth:10px;
 xheight:10px;
 xxleft:200px;
 xtop:200px; }
DIV.ZX_CROP_IN
{ cursor:move;
 background:rgba(255,255,255,0.1);
 width:100%;
 height:100%;}

DIV.ZX_DRAG_CURSOR_BACK
{ position:fixed;
 left:0px;
 top:0px;
 xopacity:0;
 xbackground:red;
 width:100%;
 height:100%;
 cursor:grabbing;}

DIV.ZX_DRAG_VIRTUAL
{ position:absolute;
 display:none;
 background:#EEEEEE;
 border:1px solid #000000;
 width:40px;
 height:10px;
 opacity:0.8; 
 font-size:12px;
 overflow:hidden;
 xborder-radius:4px;
 text-align:center;
 cursor:move;
 z-index:10000;}

DIV.ZX_DRAG_SNAP
{ position:absolute;
 display:none;
 background:white;
 border:1px solid #888888;
 opacity:0.9; 
 overflow:hidden;
 cursor:move;
 z-index:10000;}

DIV.ZX_DRAG_SIZE
{ position:absolute;
 display:none;
 background:white;
 border:1px solid #000000;
 width:8px;
 height:8px; 
 z-index: 3000;}

DIV.ZX_DRAG_ROTATE
{ position:absolute;
 display:none;
 background:#FFFF88;
 border:1px solid #000000;
 width:8px;
 height:8px;
 border-radius:5px;
 cursor:crosshair ;}


DIV.ZX_DRAG_CUT_CONT
{ margin:0 auto 0 auto;
 position:relative;
 background-size: cover;
 overflow:hidden;}

IMG.ZX_DRAG_CUT_BACK
{ width:100%;
 height:100%;}

DIV.ZX_CROP_CONT
{ width:300px;
 height:300px;
 overflow-y:scroll;
 overflow-x:scroll;}




DIV.ZX_DRAG_CUT_EL
{ position:absolute;
 background:transparent;}

DIV.ZX_DRAG_CUT_SHADOW
{ background:black;
 opacity:0.5;
 position:absolute;}


TABLE.ZX_PROPS
{ width:100%;
 border-collapse:collapse;}

TABLE.ZX_PROPS TH
{ border:1px solid #AAAAAA;
 padding:2px;
 font-size:10px;
 text-align:left;
 background:white;
 font-weight:normal;
 vertical-align:top;
 width:40%;}

TABLE.ZX_PROPS TD
{ border:1px solid #AAAAAA;}

INPUT.ZX_PROPS_FLD
{ border:0px;
 padding:1px;
 width:100%;}

SELECT.ZX_PROPS_FLD
{ width:100%;
 border:0px;
 }

DIV.ZX_PROPS_MORE
{ width:100%;
 height:100%;
 background:#EEEEEE;
 text-align:center;}
DIV.ZX_PROPS_MORE:hover
{ background:#EEFFEE;}

DIV.ZX_PROPS_UPLOAD
{ font-size:10px;
 text-align:center;}


TABLE.ZX_TREE
{ width:100%;}

TD.ZX_TREE_SEL
{ background:#EEEEEE;}



DIV.ZX_TREE_TITLE
{ font-size:14px;
 padding:2px 0px 2px 0px;}

DIV.ZX_TREE_TITLE IMG
{ padding:0px 3px 0px 0px;}

TD.ZX_TREE_EXP
{ width:16px;
 xpadding:2px 2px 0px 3px;}

DIV.ZX_TREE_EXP
{ text-align:center;
 padding:2px 0px 0px 0px;
 xheight:10px;
 xborder:1px solid #AAAAAA;
 xfont-size:10px;
 xwidth:6px;}

@keyframes fadein {  from {opacity: 0;}
  to    {opacity: 1;}}
@-webkit-keyframes fadein {  from {opacity: 0;}
  to    {opacity: 1;}}

@keyframes fadeout 
{ from {opacity: 1;}
 to    {opacity: 0;}}

@-webkit-keyframes fadeout 
{ from {opacity: 1;}
 to    {opacity: 0;}}


@keyframes elcollapse 
{  
  0%    {height:500px;}
  100%     {height: 0px;transform: translateY(0);display:none;}