DIV.D_FRAME
{ padding:10px;
 margin:20px 0 0px 0;
 box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
 border-radius: 5px;
 border:1px solid #EEEEEE;
 box-sizing:border-box;}

DIV.D_FRAME_GRN
{ чbackground: linear-gradient(135deg, #AAFFAA 0%, rgba(255,255,255,1) 100px, rgba(255,255,255,1) 100%);
 background: linear-gradient(90deg, #00AA00 0, #00AA00 10px, white 10px, white 100%);
 padding-left:20px;}

DIV.D_FRAME_YEL
{ background: linear-gradient(90deg, #EEEE00 0, #EEEE00 10px, white 10px, white 100%);
 padding-left:20px;
 xbackground: linear-gradient(135deg, #FFFF77 0%, rgba(255,255,255,1) 100px, rgba(255,255,255,1) 100%);}

DIV.D_FRAME_GREY
{ xbackground: linear-gradient(135deg, #CCCCCC 0%, rgba(255,255,255,1) 100px, rgba(255,255,255,1) 100%);
 background: linear-gradient(90deg, #BBBBBB, #BBBBBB 10px, white 10px, white 100%);
 padding-left:20px;}

div.CCN_FILE { display: inline-block;
 position: relative;
 cursor:pointer;
 margin:0 10px 10px 0;}
DIV.CCN_FILE IMG { max-height:60px;}
div.CCN_FILE_VIDEO:after { position: absolute;
 top: 50%; left: 50%;
 transform: translate(-50%,-50%);
 width: 32px;
 height:32px ;
 xbackground-color:red;
 background: url('aa/play_white.svg');
 background-size: cover;
 content: '';}




DIV.CCN_NOTE_MSG
{ overflow-wrap: break-word;
 word-wrap: break-word;
 -ms-word-break: break-all;
 word-break: break-word;}

DIV.D_PROJECT_BELL
{ background-image: url("icons/acts/bell_r.svg");
 background-size: contain;
 font-size:14px;
 xcolor:#330000;
 color:white;
 width:32px;
 height:32px;
 margin:0px 0 0 10px;
 padding-top:10px;
 text-align:center;
 box-sizing:border-box;
 xtext-shadow: 0 0 2px #FFFFFF;}
DIV.D_PROJECT_BELL_NO
{ background-image: url("icons/acts/bell.svg");}

DIV.D_RADIO
{ border-radius:4px;
 background:#EEEEEE;
 padding:4px 10px 4px 10px;
 margin:0px 20px 5px 0px;}
DIV.D_RADIO_SEL
{ background:#000044;
 color:white;}


DIV.CCN_FORM_TOP_BTN
{ float:right;
 color:blue;
 font-size:12px;
 padding-left:15px;}



DIV.D_PAGE     
{ width:1160px;
 margin:0px auto 0px auto;}

DIV.D_PAGE_TINY   
{ clear:both;
 overflow:hidden;
 width: 440px;
 margin:0 auto 0 auto;}

H1.D_MAIN 
{ font-size:28px;
 font-weight:bold;}

H1.D_MENU 
{ font-size:28px;
 font-weight:bold;
 padding:20px 0 0 0;
}

H1.D_MENU IMG
{ width:28px;
 height:28px;

 margin-bottom:0px;}

DIV.D_TOP_MENU_CONT 
{ clear:both;overflow:hidden;
 border-top:1px solid #DDDDDD;
 padding-top:5px;
 margin-top:5px;}


H1.D_BIG     
{ margin:0px;
 padding:40px 0 40px 0;
 xbackground:#000055;
 color:white;
 font-size:30px;
 text-align:center;
 xbackground: #1e5799;
 xbackground: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);

 text-align:center;
 font-size: 48px;
 color:#030405;
 font-weight:700;
 margin:20px 0 0 0;}

H2.D_SUB       
{ padding:0px;
 margin:20px 0 5px 0;
 xfont-weight:bold;
 font-weight:bold;
 font-size:18px;
 padding-bottom:2px;
 border-bottom:1px solid #DDDDDD;} 

H2.D_SUB IMG
{ width:16px;
 height:16px;}



#aa_cont_loading
{ text-align:center;}

.D_BTN           
{ text-align:center;
 width:100%;
 width: calc(100% - 4px);
 padding:10px 0 10px 0;
 font-size: 16px;
 font-weight:bold;
 color: #222020;
 border-radius: 4px;
 background-color: #ffdd33;
 border:0px;
 cursor:pointer;
 xbox-shadow: 0 0 1px rgba(0,0,0,0.5);
 xmargin:2px;
 box-sizing: border-box;
 display:block;}

.D_BTN:hover 
{ background: #ffee66; 
 xmargin:2px 0 2px 0;
 xbox-shadow:none;}

.D_BTN_SMALL
{ padding:4px 10px 4px 10px;
 font-weight:normal;
 width:auto;
 font-size:12px;}



.D_NOTE       
{ background:#EEEE00;
 padding:10px;
 margin:10px 0 10px 0;
 border-radius:10px;
 border:1px solid #AAAA00;}

.D_GREY       
{ font-size:12px;
 color:grey;}


DIV.D_HSCROLL
{ overflow-x:auto;}

IMG.D_LEFT     
{ width:33%;
 float:left;
 margin-right:15px;}

IMG.D_100     
{ width:100%;}

DIV.D_IMG_FIT IMG  
{ width:100%;
 height:100%;
 object-fit: contain;}


DIV.D_IMG_FIT_TOP IMG
{ object-position:0 0; }

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

DIV.D_FILES_SMALL DIV, DIV.D_FILES_TINY DIV  
{ float:left;
 margin:0px 10px 10px 0;}

DIV.D_FILES_SMALL IMG
{ height:60px;
 width:auto;}

DIV.D_FILES_TINY IMG
{ height:24px;
 width:auto;}


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

DIV.D_COL
{ flex-grow: 1;
 flex-basis: 0;

 margin:0 5px 0 5px;
 overflow:hidden;}
DIV.D_COL:first-child {margin-left:0;}
DIV.D_COL:last-child {margin-right:0;}


DIV.D_COL3
{ width:31%;}




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

TABLE.D_MAIN TH
{ padding:5px;
 background:#EEEEEE;
 border:4px solid #FFFFFF;}

TABLE.D_MAIN TD
{ padding:5px 5px 5px 0px;
 border:4px solid #FFFFFF;}

TABLE.D_MAIN TH:first-child, TABLE.D_MAIN TD:first-child
{ border-left:0px;}
TABLE.D_MAIN TH:last-child, TABLE.D_MAIN TD:last-child
{ border-right:0px;}


DIV.D_TR_BTNS
{ float:right;
 display:none;}

DIV.D_TR_BTN 
{ float:left;
 padding:0 3px 0 3px;}

DIV.D_TR_BTN IMG
{ width:16px;
 height:16px;}

TABLE.D_MAIN TR:hover DIV.D_TR_BTNS
{ display:block;}



TABLE.D_FORM 
{ width:100%;}

TABLE.D_FORM TR
{ display:flex;
 flex-wrap:wrap; }

TABLE.D_FORM TH
{ width:30%;
 padding:5px 5px 5px 0;
 color:#444444;
 font-weight:bold;
}

TABLE.D_FORM TD
{ display:block;
 flex:1;
 padding:5px;
 xwidth:auto;
 flex-grow: 1;}

TABLE.D_FORM INPUT, INPUT.D_POPUP
{ width:100%;font-size:16px;padding:3px;}

TABLE.D_FORM TEXTAREA, TEXTAREA.D_POPUP
{ width:100%;font-size:16px;padding:3px;
 height:100px;}

TABLE.D_FORM SELECT
{ width:100%;font-size:16px;padding:3px;}

TABLE.D_FORM SELECT.ZX_COMBO_DATE {width:auto;}
TABLE.D_FORM SELECT.ZX_COMBO_TIME {width:auto;}

TABLE.D_FORM input[type='checkbox'] {width:auto;}


TABLE.D_SMALL  
{ width:100%;}
TABLE.D_SMALL TH
{ padding:3px 3px 3px 0px;
 text-align:left;
 font-weight:normal;
 font-size:12px;
 overflow:hidden;
 xbackground:#ffffff;}

TABLE.D_SMALL TD
{ padding:3px;
 text-align:left;
 font-weight:bold;
 font-size:12px;}


.D_CLEAR
{ clear:both;
 overflow:hidden;}

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

DIV.D_ACTOR_SMALL IMG
{ xvertical-align:middle;
 height:12px;
 width:12px;
 padding-right:3px;
 border-radius:2px;}


DIV.D_TABS_CONT
{ overflow:hidden;clear:both;
 margin:10px 0 0 0;}

DIV.D_TAB
{ border-radius:5px;
 background: #EEEEEE;
 float:left;
 padding:3px 10px 3px 10px;
 cursor:pointer;
 margin:0 20px 10px 0;
 color:black;
 }
DIV.D_TAB:hover
{ background:#ffdd33;}

DIV.D_TAB_SEL
{ background:#000639;
 color:white;
 cursor:default;}
DIV.D_TAB_SEL:hover 
{ background:#000639;
 color:white;}

DIV.D_TAB IMG
{ width:16px;
 height:16px;
 padding-right:4px;}


DIV.D_CHECKS_LEFT
{ float:left;margin-right:15px;}


DIV.D_TEST_TIP 
{ clear:both;overflow:hidden;
 text-align:center;
 background:#99DD77;
 xcolor:white;padding:5px;
 border-radius:5px;
 xborder:1px dotted black;
 box-shadow: 0 0 2px rgba(0,0,0,0.3);}


DIV.D_BLOCK
{ background:#F7F7F7;
 border-radius:3px;
 box-shadow: 0 0 5px rgba(0,0,0,0.2);
 padding:5px;
 margin:15px 10px 15px 10px;}
DIV.D_BLOCK_TITLE
{ text-align:center;
 font-weight:bold;
 border-bottom:1px solid #DDDDDD;
 padding-bottom:2px;}


@media only screen and (max-width: 1200px) 
{ DIV.D_PAGE {width:auto;padding:0 10px 0 10px;}}

.D_MOBILE       {display:none;}

@media only screen and (max-width: 600px)
{ .D_FULL        {display:none;}
 .D_MOBILE       {display:block;}
 DIV.D_PAGE_TINY    {width:auto;padding:0 10px 0 10px;}

 DIV.D_COLS      {display:block;}
 DIV.D_COL       {margin:10px 0 10px 0;}
 DIV.D_COL3       {margin:10px 0 10px 0;width:auto;}

 xxDIV.D_TABS_CONT    {display:flex; flex-wrap:wrap; justify-content:space-between;} 
 DIV.D_TAB       {margin:5px 0 5px 0;width: 43%;}
 DIV.D_TABS_CONT A:nth-child(even) .D_TAB {float:right;}
 DIV.D_TABS_CONT DIV:nth-child(even) {float:right;}
 
 DIV.ZX_FLD_FLAGS_LINE_CONT SELECT
 {  width:100%;
  margin-top:8px;
  font-size:16px;}

 TABLE.D_FORM TD    
 {  width:100%; 
  flex:auto; 
  padding-top:0px; }

 DIV.D_IMG_FIT IMG
 {  width:100%;
  height:auto;}


 TABLE.D_FORM TH    
 {  padding-top:10px;
  width:100%;}

 IMG.D_LEFT
 {  float:none;
  width:100%;
  padding:10px 0 10px 0;}
}