BODY
{ xoverflow-y:scroll;}





DIV, BODY, TR, TD, INPUT, TEXTAREA, SELECT
{ font-family: "Roboto", sans-serif;
 xfont-weight: 300;}
B
{ font-weight:500;}


.A_TABLE_TITLE
{ flex-grow:1;
 text-align:center;
 font-weight:bold;
 padding-bottom:2px;}


.A_MOB_MENU 
{  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #FFF; 
  padding: 0px;
  border-top:1px solid #999;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.2); 
  z-index: 1000; 

 display:flex;
 justify-content:space-around;}


.A_MOB_MENU_MORE
{ display:flex;
 justify-content:space-around;}


.A_MOB_MENU_BTN
{ padding: 5px 5px 5px 5px;
 position:relative;
 text-align:center;
 xflex-grow:1;
 flex: 1;}

.A_MOB_MENU_BTN_SEL
{ background:#EEEEEE;}

.A_MOB_MENU_BTN IMG
{ width:24px;
 height:24px;}


DIV.A_MOB_MENU_BUBBLE
{ color:white;
 font-weight:bold;
 font-size:12px;
 background:rgba(255,0,0,0.8);
 position:absolute;
 left: calc(50% + 14px);
 top: 4px;
 border-radius:12px;
 width:18px;
 height:18px;
 display:flex;
 align-items: center;
 justify-content:center;
}

DIV.A_MOB_MENU_TITLE
{ font-size:10px;}



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

 

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

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

 .A_VSCROLL::-webkit-scrollbar-thumb {  background-color: rgba(0,0,0,0.2);
  border-radius: 6px;
  border: 2px solid #ffffff;}


#a_cont
{ width:100%;
 xpadding:10px;
 justify-content:center;
 xjustify-content:space-around;
 align-items:flex-start;
 height:100%;
 xbackground:red;
 background:white;
 position:absolute;
 left:0px;top:0px;}

#a_mob_header
{ height:auto;
 position:fixed;
 background:#222222;
 padding:0;
 display:flex;
 color:white;
 width:100%;
 left:0px;
 top:0px;
 justify-content:space-between;
 z-index:10;
 align-items:center;}


#a_mob_header > DIV
{ padding:5px;}

#a_mob_header_text
{ flex-grow:1;
 text-align:center;
 font-size:14px;
 margin-top:2px;
 display:flex;
 justify-content:center;
 align-items:center;
 gap:5px;}


#a_menu_cont
{ xbackground:white;
 margin-right:40px;
 xoverflow-y:auto;
 flex-shrink:0;
 xbox-shadow:0 0 3px rgba(0,0,0,0.2);
 padding-bottom:10px;
 xborder-radius:0 0 5px 5px;
 width:240px;
 min-width: 220px;
 height:100%;
 xoverflow-y:hidden;
 padding-top:10px;
 xmargin-left:10%;
 scrollbar-gutter: stable;}

#xxa_menu_cont:hover { overflow-y: scroll;}


#a_right_cont
{ background:white;
 margin-left:10px;
 overflow-y:auto;
 flex-shrink:0;
 box-shadow:0 0 3px rgba(0,0,0,0.2);
 padding-bottom:10px;}

#a_mid_cont 
{ height:100%;
 overflow-y:scroll;
 overflow-x:visible;
 flex-grow:1;xmax-width:1100px;
 xbackground:blue;
 padding:10px 10px 0 0;
 scrollbar-width: thin;}

#a_page_cont
{ xbackground:white;
 xborder-radius:0 0 5px 5px;
 xmargin-right:10px;
 max-width:1100px;
 overflow-y:auto;
 xbox-shadow:0 0 3px rgba(0,0,0,0.2);
 }

DIV.A_SEL
{ background:#EEEEEE;}



DIV.A_ICONS_ICON 
{ background:#CCCCCC;
 border-radius:5px;
 font-size:0px;}
DIV.A_ICONS_NUMB
{ background:#CCCCCC;
 border-radius:5px;
 font-size:18px;
 xcolor:white;
 font-weight:bold;
 text-align:center;
 padding-top:15px;
 width: 48px;
}

DIV.A_ICONS_ICON IMG
{ width: 48px;
 height: 48px;
 border-radius:5px;
 object-fit: contain;}

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


DIV.A_ACT_CONT 
{ display:flex;width:360px;
 font-size:12px;xbackground:#EEEEEE;padding:5px;border-radius:5px;
 border:1px solid #EEE;}
DIV.A_ACT_IMAGE IMG
{ width:50px;height:50px;
 border-radius:5px;
 object-fit: cover;
 object-position: top center;}

DIV.A_ACTOR_LIKES_SMALL
{ z-index:1;position:absolute;width:60px;left:190px;padding:5px;}
DIV.A_ACTOR_LIKESV_SMALL
{ z-index:1;position:absolute;left:210px;padding:5px;xtop:-10px;}

DIV.A_ACTOR_LIKES_SMALL IMG, DIV.A_ACTOR_LIKESV_SMALL IMG
{ width: 24px;
 height:24px;}

DIV.A_ACTOR_LIKES_B 
{ position:absolute;left:0px;top:0px;width:100%;display:flex;flex-direction:row-reverse;
 gap:20px; padding:10px;}

DIV.A_ACTOR_LIKES_B IMG
{ width: 32px;
 height:32px;
 cursor:pointer;}

DIV.A_ACTOR_LIKES_B IMG:hover
{ opacity:1;}


DIV.A_CARD_CONT, DIV.A_CARD_CONTB
{ display: flex;flex-direction: column;
 width:250px;
 border-radius:10px;
 border:1px solid #CCC;
 margin-bottom:30px;
 position:relative;}

DIV.A_CARD_CONTB {width:350px;}

DIV.A_CARD_BOT_IMAGES_LINE 
{ display:flex;flex-wrap: nowrap;overflow:hidden;
 max-height:50px;height:50px;padding:5px 0 5px 5px;}

DIV.A_CARD_BOT_IMAGES_LINE DIV.A_FILES_SMALL
{ flex-wrap: nowrap;}

DIV.A_CARD_IMG, DIV.A_CARD_IMGB
{ width:100%;height:250px;
 border-radius:10px 10px 0 0;}
DIV.A_CARD_IMGB {height:350px;}


DIV.A_CARD_BOT 
{ flex-grow:1;
 padding:5px 10px 5px 10px;
 xborder-radius:0 0 5px 5px;
 xborder:1px solid #CCC;
 border-top:0px;}

DIV.A_CARD_BOT_LINE
{ 
 display:flex;
 align-items:center;
 margin-bottom:3px;
 height:30px;overflow:hidden;
 width:100%;
 overflow:hidden;}

DIV.A_CARD_BOT_TITLE
{ text-align:center;
 font-weight:bold;
 color:#444;
 font-size:14px;
 overflow:hidden;flex-grow:1;
 text-overflow: ellipsis;
 white-space:nowrap;}

DIV.A_CARD_BOT_TITLEB
{ xcolor:#444;
 font-size:12px;
 font-weight:bold;
 overflow:hidden;flex-grow:1;
 text-overflow: ellipsis;
 white-space:nowrap;}



DIV.A_POPUP_MENU_TITLE
{ text-align:center;
 padding:3px;
 border-bottom:1px solid #CCCCCC;
 margin-bottom:5px;}


DIV.A_FORM_SEP 
{ margin:15px 0 5px 0;
 text-align:center;
 border-bottom:1px solid #CCCCCC;}

DIV.A_MSG
{ padding:4px 0 4px 10px;
 border-left:5px solid #DDDDDD;
 margin:10px 0 10px 0;}


DIV.A_MID_BOX
{ text-align:center;
 margin:100px auto 100px auto;
 background:white;
 border-radius:10px;
 padding:20px;}

.A_MODER {font-weight:bold;background:#880088;color:white;border-radius:2px;padding:2px 5px 2px 5px;font-size:12px;text-align:center;}



DIV.A_RATING
{ background: linear-gradient(180deg, #FFE26A 0%, #FDC651 100%);
 border-radius:3px;
 padding:1px 3px 1px 3px;
 font-size:14px;
 text-align:center;
 min-width:20px;}

DIV.A_HELP
{ padding:10px 10px 10px 10px;
 xborder-left:5px solid #DDDDDD;
 border:1px solid rgba(0,0,0,0.1);
 border-radius:10px;
 margin:15px 0px 10px 0px;
 display:flex;
 xbackground:#FFFFEE;
 xbackground: #f0f3f7;
 background: #FFFFF8;
 xbox-shadow:0 0 3px rgba(0,0,0,0.1);
 }

DIV.A_HELP_ICON IMG
{ width:48px;height:48px;
 padding-right:15px;}
DIV.A_HELP_TEXT
{ flex-grow:1;
 }


DIV.A_HELP_HL
{ xpadding: 52px;
 xborder-radius: 5px;
 animation: help_hl 1.5s infinite;
 xborder-bottom:3px solid green;}

@keyframes help_hlxx 
{		0%		{background-color: #FFFFFF;}
		50%		{background-color: #EEEE00;}
		100%	    {background-color: #FFFFFF;}}
@keyframes help_hl 
{		0%		{border-bottom:3px solid white}
		50%		{border-bottom:3px solid #000099;}
		100%	    {border-bottom:3px solid white}}

.A_BLINK
{ animation: a_blink 1s infinite;}

@keyframes a_blink 
{		0%		{opacity:1;}
		50%		{opacity:0.1;}
		100%	    {opacity:1;}}


DIV.A_MENU_HEADER_BIG
{ display:flex;align-items:center;
 color:white;background:#222222;
 padding:5px; margin:5px 5px 0px 5px;border-radius:10px;}

DIV.A_MENU_HEADER_BIG IMG
{ max-width: 40px;
 height:28px;
 object-fit: contain;}

DIV.A_MENU_HEADER_PROFILE
{ background:#EEEEEE;
 border-radius:0 0 5px 5px;
 text-overflow: ellipsis;
 white-space:nowrap;
 overflow:hidden;
 padding:1px 3px 1px 3px;
 font-size:12px;}

DIV.A_MENU_HEADER_PROFILE_SEL
{ background:#222222;
 color:#FFFFFF;}

DIV.A_MENU_HEADER
{ background:#EEEEEE;
 padding:4px;
 text-align:center;}

DIV.A_MENU_HEADER IMG
{ vertical-align:middle;}

DIV.A_MENU_IN 
{ padding:0 5px 0 5px;}

DIV.A_MENU_MSG
{ xbackground:#FFFF55;
 background:#FFF5BB;
 text-align:center;
 padding:5px;
 margin: 5px 5px 5px 5px;
 border-radius:5px;
 border:1px solid #DDDD55;}

DIV.A_MENU_TITLE
{ text-align:center;
 font-weight:bold;
 margin:25px 0 15px 0;
 clear:both;
 overflow:hidden;
 border-top:1px solid #CCCCCC;
 padding-top:15px;
 }

DIV.A_MICONS_CONT
{ xxdisplay:flex;
 xflex-wrap:wrap;
 xjustify-content:space-between;
 padding:5px 0 5px 0;}

DIV.A_MICON
{ align-items:center;
 padding:5px;
 margin:5px 0 5px 0;
 width:100%;
 display:flex;
 xborder: 1px solid #DDDDDD;
 border-radius:10px;
 xtext-align:center;
 xmax-width:200px;
 position:relative;
 overflow:hidden;
 transition-duration: 0.18s;}
DIV.A_MICON:hover
{ background:#EEEEEE;}

DIV.A_MICON_IMG {height:26px;}
DIV.A_MICON IMG
{ width:26px;
 height:26px;
 padding-right:10px;
 filter: grayscale(0.25);}

DIV.A_MICON_SEL
{ background:#EEEEEE;}
DIV.A_MICON_SEL IMG, DIV.A_MICON:hover IMG
{ filter: grayscale(0);}

DIV.A_MICON_BIG
{ font-size:16px;}

DIV.A_MICON_DESC
{ margin-top:5px;
 font-size:12px;}

DIV.A_MICON_BUBBLE
{ color:white;
 font-weight:bold;
 font-size:14px;
 background:rgba(255,0,0,0.8);
 position:absolute;
 left: calc(100% - 30px);
 top: calc(50% - 12px);
 border-radius:12px;
 width:24px;
 height:24px;
 display:flex;
 align-items: center;
 justify-content:center;
}


.A_TAB_BUBBLE
{ color:white;
 xfont-size:12px;
 background:rgba(255,0,0,0.8);
 border-radius:12px;
 xpadding:0px 4px 0 4px;
 margin-left:5px;
 display: inline-block;
 width:16px;
 height:16px;
 text-align:center;}


DIV.A_FILES_SMALL
{ display:flex;
 flex-wrap:wrap;}

IMG.Z_IMAGE {xxcursor:pointer;}

DIV.A_FILES_SMALL IMG.Z_IMAGE       {height:50px;}
DIV.A_FILES_SMALL DIV.Z_FILE        {height:50px;}
DIV.A_FILES_SMALL DIV.Z_VIDEO       {height:50px;}
DIV.A_FILES_SMALL IMG.Z_VIDEO_PREVIEW   {height:50px;}

DIV.A_FILES_SMALL IMG.Z_IMAGE {box-sizing: border-box;}

DIV.A_FILES_SMALL > DIV
{ margin:0px 5px 5px 0;}

DIV.A_FILE_BIG   {display:flex;justify-content:center;}
DIV.A_FILE_BIG IMG {height:120px;}


DIV.A_TAB_STRIP
{ display:flex;
 xborder-bottom:1px solid #DDDDDD;
 flex-wrap:wrap;
 gap:10px;
 padding-bottom:10px;}

DIV.A_TAB_BTN
{ padding:5px;
 background: #DDDDDD;
 background: linear-gradient(0deg, #DDDDDD 0%, #EEEEEE 100%);
 xmargin-right:10px;
 border-radius:8px;}

DIV.A_TAB_BTN:hover {background: #DDDDDD;}

DIV.A_TAB_BTN_SEL, DIV.A_TAB_BTN_SEL:hover
{ color:white;
 background:#444444;
 background: linear-gradient(0deg, #444444 0%, #000000 100%);
 text-decoration:none;cursor:default;}



DIV.A_PAGE_ERR
{ background:#550000;
 text-align:center;
 padding:15px;
 margin:100px 15px 15px 15px;
 border-radius:10px;
 xborder:1px solid #DDDD55;
 color:white;
 font-size:26px;}


DIV.A_PAGE_TITLE
{ xbackground:#222222; 
 xcolor:white;
 padding:4px 0 2px 0;
 font-size:30px;
 display:flex;
 border-bottom:1px solid #CCC;
}

DIV.A_PAGE_PROJ_HEADER
{ display:flex;
 border-bottom:1px solid #CCC;
 align-items:center;
 justify-content:space-between;
 xposition:sticky;
 xtop:0;}


DIV.A_PAGE_PROJ_HEADER_TITLE
{ padding:8px 0 6px 0;
 font-size:30px;}
DIV.A_PAGE_PROJ_LOGO {font-size:0;}
DIV.A_PAGE_PROJ_LOGO IMG
{ height:36px; 
 border-radius:5px;}

DIV.A_PAGE_PROJ_MENU IMG
{ height:26px; 
 border-radius:5px;}

DIV.A_PAGE_PROJ_SEARCH INPUT
{ font-size:16px;
 border:1px solid #CCC;
 padding:3px;
 width:160px;}

DIV.A_PROJ_SUBHEADER_TITLE
{ font-size:24px;
 font-weight:bold;
 padding:0 0 2px 0px;
 color:#333;}

DIV.A_PROJ_SUBHEADER_MORE
{ font-size:12px;
 margin-left:10px;}

DIV.A_PROJ_SUBHEADER_ICON IMG
{ height:50px;
 padding:0 10px 0 0;
 }

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

DIV.A_PROJ_LIST_MONTH
{ text-align:center;
 margin:4px 0 4px 0;
 font-size:12px;}

DIV.A_PROJ_LIST_HEAD
{ padding: 7px 3px 7px 3px;
 cursor:pointer;
 border-radius:5px;
 display:flex;
 justify-content:space-between;
 transition-duration: 0.18s;}

DIV.A_PROJ_LIST_HEAD_list
{ padding: 4px 3px 4px 3px;}

DIV.A_PROJ_LIST_HEAD_list_sel 
{ background:#EEEEEE;}


DIV.A_PROJ_LIST_HEAD_def, DIV.A_PROJ_LIST_HEAD_search
{ border-radius:5px 5px 0 0;
 background:#EEEEEE;}

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

DIV.A_PROJ_LIST_HEAD    DIV.S_ICON {height:26px;}
DIV.A_PROJ_LIST_HEAD_list DIV.S_ICON {height:16px;}

DIV.A_PROJ_LIST_TITLE
{ display:flex;
 align-items:center;}

DIV.A_PROJ_LIST_DESC
{ display:flex;}

DIV.A_PROJ_LIST_MORE
{ border:1px solid #EEEEEE;
 padding:5px 0 5px 0;
 font-size:12px;
 border-radius: 0 0 5px 5px;
 margin-bottom:15px;}

DIV.A_PROJ_LIST_SUB_SEP 
{ min-height:8px;}

DIV.A_PROJ_LIST_SUB
{ padding:4px;
 margin:2px 0 2px 0;
 transition-duration: 0.18s;}
 
DIV.A_PROJ_LIST_SUB:hover
{ background:#EEEEEE;}

DIV.A_PROJ_LIST_SUB_SEL
{ background:#EEEEEE;
 border-radius:0px;}


DIV.A_PAGE_MSG
{ background:#FFFF55;
 text-align:center;
 padding:5px;
 margin: 5px 0 5px 0;
 border-radius:5px;
 border:1px solid #DDDD55;}

DIV.A_PAGE_MSG:empty {display: none;}


DIV.A_PAGE_BODY
{ padding:15px 0 10px 0;}

IMG.A_SHOT 
{ max-width:100%; 
 }


TD.A_HL
{ background:#FFFF55;
 xpadding:2px 15px 2px 5px;}
 

DIV.A_PAGE_PANEL 
{ display:flex;
 gap: 20px;
 align-items: center;
 xbackground:#EEEEEE;
 padding:10px 0 0px 0;
 xborder-bottom:1px solid #CCCCCC;}



DIV.A_BLOCK_CONT
{ xborder:1px solid #CCCCCC;
 border-radius:5px;
 xbox-shadow:0 0 3px rgba(0,0,0,0.2);
 margin:10px 0 10px 0;
 padding:5px;
 flex-basis:49%;
 flex-grow:1;
 flex-shrink:0;}

DIV.A_BLOCK_CONT3 {flex-basis:32%;}

DIV.A_BLOCK_TITLE
{ font-weight:bold;
 text-align:center;
 padding:3px 0 6px 0;
 xborder-bottom:1px solid #AAAAAA;
 xmargin-bottom:2px;
 font-size:14px;
 color:#222222;
 xbackground:#566A96;xcolor:white;}

DIV.A_BOXY_CONTS
{ display:flex;gap:10px 30px;flex-wrap:wrap;
 margin-top:15px;}

DIV.A_BOXY_CONT, DIV.A_BOXY_BTN
{ display:flex;
 align-items:center;
 padding:5px;
 border-radius:6px;
 transition-duration: 0.18s;}
DIV.A_BOXY_CONT:hover  {background:#EEEEEE;}

DIV.A_BOXY_ICON {font-size:0px;}
DIV.A_BOXY_ICON IMG {height:24px;padding-right:10px;}
DIV.A_BOXY_TEXT   {flex-grow:1;}

DIV.A_BOXY_BTN IMG  {height:32px;padding-right:10px;}

TABLE.Z_MAIN {width:100%;margin-bottom:5px;}

TABLE.Z_MAIN TH
{ border:0px;

 background:#566A96;

 background:#333333;

 color:white;
 padding:4px;
 font-weight:normal;
 xborder-bottom:2px solid #333333;}

TABLE.Z_MAIN TH:first-child
{ border-radius:7px 0 0 0;}

TABLE.Z_MAIN TH:last-child
{ border-radius:0 7px 0 0;}

TABLE.Z_MAIN TH:only-child
{ border-radius:7px 7px 0 0;}

TABLE.Z_MAIN TD
{ border:0px;
 padding:4px;}

TABLE.Z_MAIN tr:nth-child(even) {background: #F2F2F2;}
TABLE.Z_MAIN tr:nth-child(odd) {background: #FFF}

TABLE.Z_MAIN tr:hover      {background: #DDD;}

TABLE.Z_MAIN TD.A_IMG_FIT IMG
{ width:90%;
 height:auto;
 max-height:500px;}

DIV.ZX_OPT_SEL
{ border-left:5px solid #566A96;}

TD.ZX_CAL_DAY:hover
{ background:#EEEEEE;}


DIV.ZX_DRAG_VIRTUAL
{width:auto;
height:auto;}



DIV.A_CAL_SESS
{ padding:2px 2px 2px 2px;
 border-radius:2px;
 margin-bottom:3px;}
DIV.A_CAL_SESS:hover
{ background:#EEEEEE;}



DIV.A_REG_TIME
{ padding:7px;
 margin:5px;
 background:#EEEEEE;
 font-size:16px;}

DIV.A_REG_TIME_SEL
{ background:#333388;
 color:white;}




DIV.A_BTNS_CONT
{ display:flex;
 flex-wrap:wrap;
 xfont-size:12px;
 font-weight:normal;
 gap:10px;}

DIV.A_BTNS_BTN_TOP
{ font-size:14px;
 margin:5px 0 0 10px;}

DIV.A_BTNS_BTN
{ padding:4px 5px 4px 5px;
 xpadding:4px 0px 4px 0px;
 display: flex;
 align-items:center;
 border-radius:5px;
 xborder: 0.5px solid #CCC;
 xbackground:#FFFFAA;
 color:#222222;
 xfont-weight:700;
 
 }

DIV.A_BTNS_BTN_YELLOW
{ background-color: #ffdd33;
 xbackground: linear-gradient(0deg, #DD9F00 7%, #ffdd33 7%);
 border-bottom: 2px solid #DD9F00;
 xbox-shadow:3px 4px 5px rgba(0,0,0,0.2);
 padding-left:13px;
 padding-right:13px;}


DIV.A_BTNS_BTN_YELLOW:hover 
{ background-color: #ffee3f;}



DIV.A_BTNS_TITLE {;}

DIV.A_BTNS_BTN A {color:black;display:flex;align-items:center;}

xxDIV.A_BTNS_BTN.ZX_A:hover      {background: #EEEEEE;border-radius:3px;}

DIV.A_BTNS_BTN IMG 
{ height:18px; width:18px;padding-right:4px;
 xfilter: grayscale(0.99);}
DIV.A_BTNS_IMG {font-size:0px;}

DIV.A_BTNS_BTN_YELLOW IMG
{ padding-right:8px;}


DIV.A_BTNS_BTN_DESC {font-size:10px;}

DIV.A_BTNS_BTN_BIG
{ font-size:18px;
 padding:7px 25px 7px 25px;
 border-radius:5px;
 border-bottom: 3px solid #DD9F00;}

DIV.A_BTNS_BTN_BIG IMG
{ padding-right:15px;
 height:25px;width:25px;
 }



DIV.A_LIKES {display:flex;}
DIV.A_LIKES > DIV
{ height:18px;max-height:18px;xbackground:red;margin-top:-4px;
 opacity:0.5;position:relative;}
DIV.A_LIKES > DIV.A_LIKE_SEL {opacity:1;}
DIV.A_LIKES > DIV:hover   {opacity:1}

DIV.A_LIKE_N 
{ position:absolute;left:0px;top:0px;width:100%;text-align:center;
 font-size:10px;margin-top:10px;font-weight:bold;
 text-shadow: white 0 0 2px;}

DIV.A_LIKES IMG
{ width:30px;height:30px;}


DIV.A_MSG_NEW_N
{ text-align:center;
 font-size:10px;
 padding:5px 3px 3px 3px;}
DIV.A_MSG_NEW_N:hover {background:#DDDDDD;}
DIV.A_MSG_NEW_N IMG {width:12px;height:12px;}

DIV.A_PROBE_PPM_BTN {background:#EEEEEE;margin:0 3px 0 3px;padding:3px;border-radius:2px;}

SPAN.A_TOP_NUMBER {vertical-align: top;font-size:10px;color:grey;padding-left:3px;}




DIV.A_BOOK_FE_BTN
{ border:1px solid #CCC;
 border-radius:5px;
 text-align:center;
 font-size:12px;
 padding:4px;}

DIV.A_BOOK_FE_BTN IMG
{ height:22px;
 width:22px;}


DIV.A_FLEX_SBW 
{ display:flex;flex-wrap:wrap;justify-content:space-between;}

DIV.A_ROUND_BOX_OPT
{ text-align:center;
 padding:10px;
 border:1px solid #AAAAAA;border-radius:5px;
 margin-bottom:10px;}

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

DIV.A_ROUND_BOX_TITLE
{ margin-bottom:5px;border-bottom:1px solid #AAAAAA;}


TABLE.S_MAIN TH.ZX_FIELD_COMBOS_GROUP {font-weight:bold;padding-top:15px;}

DIV.A_REG_LOGO {text-align:center;}
DIV.A_REG_LOGO IMG
{ height:140px;}
DIV.A_REG_LOGO {margin:20px 0 20px 0;}


DIV.A_CHAT_LIST_TITLE
{ margin-bottom:3px;
 padding:3px 2px 3px 2px;}

DIV.A_CHAT_LIST_TITLE_SEL
{ background:#EEEEEE;
 border-radius:5px;}

DIV.A_CHAT_LIST_LAST_MSG
{ font-size:12px;
 margin:3px 0 0 0;
 color:#333333;
 max-width:300px;
 text-overflow: ellipsis;
 white-space:nowrap;
 overflow:hidden;}

DIV.A_CHAT_LIST_UNREAD
{ xfont-weight:bold;}
DIV.A_CHAT_LIST_UNREAD::before 
{ content: " ";
 display: inline-block;
 width: 12px;
 height: 12px;
 background:red;
 color:white;
 border-radius:6px;
 margin:2px 5px 0 4px;}


DIV.A_OPTIONS_COLOR_CONT
{ display:flex;
 gap:10px;}

DIV.A_OPTIONS_COLOR_CONT DIV
{ width:100%;height:100%;padding:0px;overflow:hidden;}

DIV.A_OPTIONS_COLOR_CONT DIV.ZX_OPT
{ border-radius:5px;
 border:1px solid white;
 width:32px;
 height:32px;}

DIV.A_OPTIONS_COLOR_CONT DIV.ZX_OPT_SEL
{ border-radius:5px;
 border:1px solid black;
 width:32px;
 height:32px;}


DIV.A_FLAG
{ text-align:center;border-radius:2px;padding:1px 2px 1px 2px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;}

DIV.A_CAL_DAY
{ font-size:10px;padding-bottom:2px;}
DIV.A_CAL_DAY_ITEMS {min-height:50px;}

DIV.A_MOB_TOP_TITLE {padding-top:0px;xbackground:red;}
DIV.A_MOB_TOP_ICON IMG {height:24px; border-radius:4px;}


DIV.A_MOB_PLAY_CLOSE
{ position:absolute;
 left:0px;
 top:0px;
 cursor:pointer;
 opacity:0.5;
 display:none;}

DIV.A_MOB_PLAY_CLOSE IMG
{ padding:5px;
 width:32px;
 height:32px;}


DIV.A_MOB_PLAY_PPM_STATUS
{ position:absolute;
 right:5px;
 top:5px;
 display:flex;}



DIV.A_MOB_LIKES 
{ display:flex;justify-content:center;gap:10px;
 align-items:center;

 position:absolute;
 bottom:3px;left:0;height:35px;width:100%;
 padding:0px;
 xbackground:rgba(0,0,0,0.8);
 background: linear-gradient(
   90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.8) 30%, 
       rgba(0,0,0,0.8) 70%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);}

DIV.A_MOB_LIKES DIV.A_LIKES {gap:5px;}
DIV.A_MOB_LIKES DIV.A_LIKES > DIV
{ opacity:1;}

DIV.A_MOB_PUBNOTE DIV.A_PAGE_MSG
{ font-size:12px;
 border:0px;
 background:#fbf8c2;
 margin:0px 0px 5px 0px;
 border-radius:0px;}


DIV.A_MOB_PLAY_IN 
{ width:100%;height:100%;}


DIV.A_MOB_PLAY_IN IMG
{ height:250px;}
DIV.A_MOB_PLAY_IN VIDEO
{ height:250px;
 max-height:250px;
 width:100%;}


DIV.A_VIEW_ICON 
{ opacity:0.5;
 padding:4px 4px 0 4px;}

DIV.A_VIEW_ICON_SEL
{ background:#DDD;
 padding:4px 4px 0 4px;
 border-radius:5px;} 

DIV.A_VIEW_ICON IMG, DIV.A_VIEW_ICON_SEL IMG
{ width:18px;height:18px;}

DIV.A_MID_IMG
{ min-width:220px;width:220px;max-width:300px;
 overflow:hidden;height:220px;}


DIV.A_PDF_FRONT_LOGO {color:grey;text-align:center;font-size:12px;width:30%;}
DIV.A_PDF_FRONT_LOGO IMG
{ height:80px;}

DIV.A_PDF_PAGE
{ margin:10px 5px 50px 5px;xborder-radius:10px;border:1px solid #CCC;padding:10px;
 box-shadow:0 0 5px rgba(0,0,0,0.2);}








@media print
{ 
  .NO_PRINT, .NO_PRINT *
  {    display: none !important;
 }
  .A_TAB_STRIP, .Z_TABLE_TOP_PANEL, .A_PAGE_PROJ_SEARCH, .A_LIKES {display: none !important;}
  .PRINT_PAGE_BREAK {page-break-after: always;}
  
  DIV.A_MID_IMG
  {   min-width:160px;width:160px;max-width:200px;
   overflow:hidden;height:160px;
 }
  DIV.A_CARD_CONTB {width:200px;}
  DIV.A_CARD_IMGB {height:200px;}
  .PRINT_PAGE_BREAK_AVOID {break-inside: avoid;}}


#chats_cont  {display:flex;width:100%;}
#chats_list  {overflow-y:scroll;min-width:250px;max-width:300px;padding-right:10px;border-right:1px solid #CCCCCC;}
#chats_text  {flex-grow:1;min-width: 0;margin-left:20px;}
#chats_title {font-size:20px;text-align:center;padding:5px 0 5px 0;}

DIV.A_CHAT_BACK IMG {width:22px;height:22px;}


DIV.ZX_POPUP_CONT_RECT
{ border-radius:0;}

DIV.ZX_POPUP_CONT_RECT .ZX_POPUP_TITLE
{ border-radius:0;}

DIV.ZX_POPUP_CONT_RECT .ZX_POPUP_BODY
{ border-radius:0;}




@media only screen and (max-width: 600px)
{ #a_menu_cont   {width:100%;min-width:100%;}

 #a_page_cont   {padding-bottom:80px;} 

 #a_mid_cont   {padding:5px 5px 0px 10px;}
 DIV.A_PAGE_BODY {padding-bottom:0px;}

 #chats_cont   {display:block;}
 #chats_list   {min-width:auto; max-width:100%;width:100%;padding:0px;border:0px;}
 #chats_text   {margin-left:0;}
 #chats_title   {display:flex; justify-content:space-between; 
          font-size:14px;font-weight:bold;padding:5px 0 0 5px;background:#EEEEEE;}

 #xxxchats_cont .A_CHAT_BOTTOM {xborder-bottom:1px solid #CCC;margin-bottom:10px;}

 DIV.A_PAGE_PROJ_SEARCH {padding-bottom:8px;}
 DIV.A_PAGE_PROJ_SEARCH INPUT {width:100%;font-size:14px;text-align:center;}

 DIV.A_BLOCK_CONT  {max-width:2000px;width:auto;}
 DIV.A_BLOCK_CONT3  {max-width:2000px;width:auto;}
 DIV.A_PAGE_TITLE  {display:none;background:#DFDFDD;color:black;} 

 DIV.A_MICONS_CONT
 {  display:flex;flex-wrap:wrap;}
 DIV.A_MICON    {width:49%;align-items:flex-start;}

 DIV.A_PROJ_LIST_MORE {font-size:16px;}
 DIV.A_PROJ_LIST_HEAD {font-size:16px;}
 DIV.A_MSG_NEW_N   {font-size:14px;}
 DIV.A_MSG_NEW_N IMG   {width:16px;height:16px;}

 DIV.ZX_POPUP_MENU_ITEM  {font-size:14px;} 


 DIV.A_PAGE_PROJ_HEADER DIV.A_BTNS_CONT {justify-content:space-around;}
 DIV.A_REG_LOGO IMG {;}
 DIV.A_CARD_CONT {width:95%;margin:10px auto 10px auto;}

 DIV.A_CARD_IMG 
 {  height: auto;
  aspect-ratio : 1 / 1;
  xpadding-bottom: 50%;}

 SPAN.Z_TABLE_BTN_TITLE {display:none;}
 DIV.Z_TABLE_TOP_PANEL_EL IMG {width:18px;height:18px;}


 DIV.A_ACTOR_LIKES_SMALL
 {  width:60px;left:calc(100% - 60px);padding:10px;
  display:block;}
 DIV.A_ACTOR_LIKESV_SMALL
 {  z-index:1;position:absolute;left:calc(100% - 60px);padding:10px;xtop:-10px;
  display:block;}

DIV.A_ACTOR_LIKES_SMALL IMG, DIV.A_ACTOR_LIKESV_SMALL IMG
{ width: 36px;
 height:36px;}
}
























.A_CARD_CONT { background: #ffffff;
 border-radius: 12px;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 overflow: hidden;
 transition: transform 0.3s ease, box-shadow 0.3s ease;
 display: flex;
 flex-direction: column;
 height: 100%;}

.A_CARD_CONT:hover { transform: translateY(-4px);
 box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);}


.A_CARD_TOP { position: relative;
 width: 100%;
 padding-top: 133%; 
 background-color: #f0f0f0;
 overflow: hidden;}

.A_CARD_TOP img { position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;}


.A_CARD_BOT { padding: 16px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 flex-grow: 1;}


.A_CARD_NAME { font-size: 1.2rem;
 font-weight: 600;
 color: #333333;
 margin-bottom: 8px;}


.A_CARD_INFO { font-size: 0.95rem;
 color: #666666;
 line-height: 1.4;
 margin-bottom: 12px;}


.A_CARD_ACTION { margin-top: auto;
 padding: 10px 16px;
 background-color: #007BFF;
 color: #ffffff;
 text-align: center;
 border-radius: 6px;
 text-decoration: none;
 font-weight: 500;
 transition: background-color 0.3s ease;}

.A_CARD_ACTION:hover { background-color: #0056b3;}