/*
Разные инструменты
*/


/*********** TREE *****************************/

DIV.A_TREE_CONT
{
  padding:5px 5px 5px 5px;
}

DIV.A_TREE_SUBS
{
  margin-left:20px;
}


DIV.A_TREE_DD, DIV.A_TREE_DD_NO
{
  width:20px;
  min-width:20px;
  text-align:center;
  padding:2px 0 0 0;
}


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


/*********** MEM STATUS *****************************/
.MST_ICON IMG {width:13px;height:13px;}
.MST_CONT  
{
  display: flex;gap:2px; align-items:center;
}
.MST_CONTS 
{
  display: flex;gap:8px; align-items:center;
}


/*********** FIND *****************************/


#brick_main_find
{
  height:100%;
  overflow: hidden;
}

#brick_main_find DIV.AL_BODY
{
  display:flex;flex-direction:column;height:100%;min-height:0;
}

DIV.A_FIND_CONT
{
  padding:5px;
}

DIV.A_FIND_TEXT
{
  ;
}

DIV.A_FIND_TEXT INPUT
{
  width:100%;
}

DIV.A_FIND_RES_CONT
{
  flex-grow: 1;
  min-height: 0;
}



/*********** EDITS *****************************/

DIV.A_EDITS_DAY
{
  margin-bottom:20px;
}

DIV.A_EDITS_DAY_TITLE
{
  font-size:24px;
}

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

DIV.A_EDITS_MEM .Z_IMAGE
{
  height:100px;
}





/****************** TAGS *******************************/

DIV.A_TAGS
{
  display:flex;
  gap: 8px 12px;
  flex-wrap:wrap;
}

DIV.A_TAGS_LIST DIV.ZZL_FIND_CONT
{
  margin-bottom:5px;
}

DIV.A_TAGS_LIST_SEL 
{
  margin-bottom:10px;
  padding:0 0 10px 0;
  border-bottom:1px solid #CCC;
}

DIV.A_TAG
{
  padding:0px 4px 0px 4px;
  border-radius:2px;
  display:flex; 
  align-items:center;
  min-height:20px;
  gap:10px;
}

DIV.A_TAG_SEL
{
  outline:3px solid black;
}

DIV.A_TAG_SELN
{
  outline:3px solid white;opacity:0.7;
}

DIV.A_TAG_SELN:hover
{
  outline:3px solid #CCC;opacity:1;
}


DIV.A_TAG_ICON
{
  height: 16px;
  font-size:0px;
}

DIV.A_TAG_ICON svg, DIV.A_TAG_ICON IMG
{
  width:  16px;
  height: 16px;
}


DIV.A_TAG_MENU_ICON IMG
{
  width:  10px;
  height: 10px;
}

DIV.A_TAG_MENU_ICON
{
  border-radius:2px;
  padding:1px 3px 1px 3px;
}

DIV.A_TAG_SEP {width:5px;}

DIV.A_TAG_VALS_CONT
{
  display:flex;gap:7px;
}

DIV.A_TAG_VAL_CONT
{
}

DIV.A_TAG_MENU_ICON:hover
{
  background: rgba(200,200,200,0.5);
}


/****************** PIC INPUT AND WORK *******************************/

DIV.A_PIC_ICONS
{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
}

DIV.A_PIC_ICON .Z_IMAGE
{
  height:72px; 
  border:3px solid white;
}

DIV.A_PIC_ICON
{
  font-size:12px;
  color:#999;
  text-align:center
}

DIV.A_PIC_ICON_TEXT
{
  display:flex;
  flex-direction:column;
  justify-content:center;
  font-size:12px;
  color:#999;
  text-align:center

}



DIV.A_PIC_ICON svg
{
  width:32px;
  height:32px;
  border:3px solid white;
  border-radius:5px;
}

DIV.A_PIC_ICON_SEL .Z_IMAGE  {border:3px solid black;}
DIV.A_PIC_ICON_SEL svg       {border:3px solid black;}

DIV.A_PIC_ICON_SYS 
{
  height:72px;
  width:110px;
  text-align:center;
  font-size:12px;
  padding-top:4px;
  
}

DIV.A_PIC_ICON_SYS IMG
{
  height:36px;
}

DIV.A_PIC_PREVIEW 
{
  width:250px;
  height:250px;
  border:1px solid black;
  padding:10px;
}

DIV.A_PIC_PREVIEW svg
{
  xpadding:10px;
  width:100%;
  height:100%;
}

DIV.A_PIC_INPUT_FLD
{
  min-height:22px;
  min-width:22px;
  height:22px;
  text-align:center;
  border:1px solid #AAA;
  border-radius:2px;
  overflow:hidden;
}

DIV.A_PIC_INPUT_FLD svg
{
  height:20px;
  width:20px;
}

DIV.A_PIC_INPUT_BIG DIV.A_PIC_INPUT_FLD, DIV.A_PIC_INPUT_BIG DIV.A_PIC_INPUT_FLD svg
{
  width:100%;
  height:100%;
  min-height:auto;
  border:0px;
}








/* =======================================
TOOLBARS 
========================================== */

DIV.TBAR_GREY
{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}

DIV.TBAR_GREY DIV.TBAR_BTN_CHECKED
{
  background:#EEE;
}


DIV.TBAR_TABS
{
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid #CCC;
  align-items:center;
  margin:0 0 10px 0;
}
DIV.TBAR_TABS DIV.TBAR_BTN_CHECKED
{
  background:#EEE;
}
DIV.TBAR_TABS DIV.TBAR_GROUP
{
  gap:5px; padding:0px;
}

DIV.TBAR_TABS DIV.TBAR_BTN
{
  border-radius:4px 4px 0 0;
}

DIV.TBAR_SMALL
{
  font-size:12px;
  display:flex;
  justify-content:space-between;
  gap:10px;
}

DIV.TBAR_NOPAD {padding:0;}



DIV.TBAR_BIG
{
  font-size:11px;
  display:flex;
  justify-content:space-between;
  gap:10px;
}

DIV.TBAR_FORM
{
  border-bottom:1px solid #CCC;
  margin-bottom:15px;
}
DIV.TBAR_FORM DIV.TBAR_GROUP {gap:10px;}

DIV.TBAR_GROUP
{
  display:flex;
  padding:3px 0 3px 0;
}
DIV.TBAR_NOPAD DIV.TBAR_GROUP
{
  padding:0px;
}

DIV.TBAR_BTN
{
  display:flex;
  align-items:center;
  gap:2px;
  cursor:pointer;
  padding:4px;
  border-radius:2px;
}

DIV.TBAR_BTN_ROUND
{
  padding:0px;
  gap:0px;
  border-radius:50%;
  overflow:hidden;
  width:32px;
  height:32px;
  border-radius:50%;
  padding:0;
  overflow:hidden;
  display:block;
}

DIV.TBAR_SEP
{
  min-width:1px;
  width:1px;
  align-self:stretch;
  padding:2px 4px 2px 4px;
}

DIV.TBAR_SEP::before
{
  content:'';
  display:block;
  width:1px;
  height:100%;
  margin:0 auto;
  background:#CCC;
}

DIV.TBAR_BIG DIV.TBAR_BTN
{
  flex-direction:column;
}

DIV.TBAR_ICON                   {opacity:0.8;}
DIV.TBAR_GREY DIV.TBAR_ICON     {opacity:0.45;}
DIV.TBAR_TABS DIV.TBAR_ICON     {opacity:0.3;}

DIV.TBAR_BTN:hover DIV.TBAR_ICON
{
  opacity:1;
}
DIV.TBAR_BTN:hover DIV.TBAR_TITLE
{
  opacity:1;
}

DIV.TBAR_BTN:hover
{
  xbackground:#EEEEEE;
}



DIV.TBAR_TITLE
{
  opacity:0.8;
}

DIV.TBAR_GREY DIV.TBAR_TITLE {font-weight:400;}



.TBAR_BTN_LEFT
{
  border-radius:5px 0 0 5px;
}
.TBAR_BTN_RIGHT
{
  border-radius:0 5px 5px 0;
  border-left:1px solid #eecc11;
}

DIV.TBAR_BTN_HL        {padding:4px;background: var(--yellow);;}
DIV.TBAR_BTN_HL:hover  {background: var(--yellow_hl);}

DIV.TBAR_BTN_CHECKED DIV.TBAR_ICON {opacity:1;}

DIV.TBAR_LBTNS
{
  display:flex;
  flex-direction:column; 
  margin-bottom:10px;
}

DIV.TBAR_LBTNS DIV.TBAR_GROUP
{
  flex-direction:column; 
  xgap:5px;
  width:100%;
}

DIV.TBAR_LBTNS DIV.TBAR_BTN 
{
  display:flex;
  justify-content:center;
  padding:8px 0 8px 0;
}

DIV.TBAR_LBTNS DIV.TBAR_TITLE {display:none;}


DIV.TBAR_VERT
{
  display:flex;
  flex-direction:column; 
  margin-left:5px;
}

DIV.TBAR_VERT DIV.TBAR_GROUP
{
  flex-direction:column; 
  xgap:5px;
  width:100%;
}

DIV.TBAR_VERT DIV.TBAR_BTN 
{
  justify-content:flex-start;
  padding:4px 0 4px 0;
  align-items:flex-start;
}

DIV.TBAR_VERT DIV.TBAR_ICON
{
  padding:2px 5px 2px 2px;
}


DIV.TBAR_STATBAR DIV.TBAR_BTN
{
  padding:0px 2px 0 2px;
  min-width:70px;
  justify-content:center;
}

DIV.TBAR_DESC
{
  font-size:11px;
}

DIV.TBAR_MHOME
{
  flex-wrap: wrap;
  justify-content:space-between;
}
DIV.TBAR_MHOME DIV.TBAR_GROUP
{
  flex-wrap: wrap;
  xgap:2%;
  padding:2%;
}

DIV.TBAR_MHOME DIV.TBAR_BTN
{
  text-align: center;
  width: 20%;
  min-width: 20%;
  height:70px;
  min-height: 70px;
  max-height: 70px;
  overflow: hidden;
  
}

DIV.TBAR_MHOME DIV.TBAR_TITLE 
{
  font-size: 11px;
}

DIV.TBAR_MHOME DIV.TBAR_BTN 
{
  flex-direction: column;
}

DIV.TBAR_MHOME DIV.TBAR_TITLE
{
  background: rgba(255,255,255,0.9);
  border-radius: 4px;
  padding:3px;
  opacity:1;
}
DIV.TBAR_MHOME DIV.TBAR_ICON
{
  opacity:1;
}


DIV.TBAR_MHOME_SEPM
{
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
  xxbackground: red;
  text-align: center;
  border-radius: 3px;
  padding: 1px 0 1px 0;
  margin: 8px 0px 8px 0px;
  box-shadow: var(--shadow);
}


DIV.A_IMG_12 {font-size:0px;}
DIV.A_IMG_14 {font-size:0px;}
DIV.A_IMG_16 {font-size:0px;}
DIV.A_IMG_24 {font-size:0px;}

DIV.A_IMG_12 svg, DIV.A_IMG_12 IMG {width:12px;height:12px;}
DIV.A_IMG_14 svg, DIV.A_IMG_14 IMG {width:12px;height:14px;}
DIV.A_IMG_16 svg, DIV.A_IMG_16 IMG {width:16px;height:16px;}
DIV.A_IMG_24 svg, DIV.A_IMG_24 IMG {width:24px;height:24px;}
DIV.A_IMG_28 svg, DIV.A_IMG_28 IMG {width:28px;height:28px;}
DIV.A_IMG_32 svg, DIV.A_IMG_32 IMG {width:32px;height:32px;}



TABLE.A_COMBOS IMG,svg
{
  height:14px;
  width: 14px;
}

TABLE.A_COMBOS TD, TABLE.A_COMBOS TH
{
  padding:5px 2px 5px 2px;
}
TABLE.A_COMBOS TD
{
  padding-left:15px;
  width: min-content; /*Не работает, но пусть будет*/
  white-space: nowrap;
  text-align:right;
}
TABLE.A_COMBOS SELECT {width:auto;}

/*
FIELDS INPUT FI
*/

TABLE.FI
{
  width:100%;
}

TABLE.FI TD
{
  padding:8px 2px 8px 2px;
}
TABLE.FI TH
{
  padding:8px 2px 8px 2px;
}


/*TEXT FORMULA*/
.MX_TF_AREA
{
  width:100%;
  height:100px;
  font-family: 'Courier New', Courier, monospace;
}


/*NOTES SOCIAL*/

DIV.AN_WRITE_BOT 
{
  display:flex;
  justify-content:space-between; 
  align-items:flex-start;
}

DIV.AN_WRITE_BOT DIV.AN_BTN
{
  font-weight: 400;
  color:#888;
}

DIV.AN_WRITE_TEXT
{
  flex-grow: 1;
}
DIV.AN_WRITE_TEXT textarea
{
  width:100%;
  height:70px;
}

DIV.AN_WRITE_USER DIV.A_USER_PIC img
{
  width:48px;
  height:48px;
}


DIV.AN_NOTES_CONT
{
  margin-top:20px;
}

DIV.AN_CONT
{
  display:flex;
  gap:5px;
  margin: 10px 0 10px 0;
  
}

DIV.AN_USER DIV.A_USER_PIC img
{
  width:32px;
  height:32px;
}

DIV.AN_RIGHT
{
  xflex-grow: 1;
}

DIV.AN_BODY
{
  padding:5px;
  border-radius: 5px;
  background: #F2F3F4;
}

DIV.AN_TEXT
{
  
}

DIV.AN_USER_TITLE
{
  font-size:11px;
  font-weight: 600;
  color: #444;
  padding-bottom: 2px;
}

DIV.AN_FILES
{
  margin:4px 0 0 0;
}

DIV.AN_BOT
{
  display: flex;
  justify-content: space-between;
  margin:2px 0 0 0;
  font-size:11px;
  font-weight: 600;
  color: #888;
}

DIV.AN_BOT_LEFT
{
  margin-left:5px;
  display: flex;
  gap:10px;
}

DIV.AN_DATE
{
  
}
DIV.AN_BTN IMG
{
  width: 12px;
  height:12px;
  vertical-align: middle;
  padding-right: 3px;
  opacity:0.5;
}

DIV.AN_SUBNOTES
{
  padding: 0 0 2px 40px;
}




/*HELP*/
DIV.A_HELP_DIV
{
  border:1px solid #CCC;
  padding:10px;
  border-radius: 5px;
  background-color:antiquewhite;
}


/*Для выбора - Check, outdated?*/

DIV.AM_SELS_COLS
{
  display:flex;
  gap:10px;
  margin:10px 0 10px 0;
}

DIV.AM_SELS_COL
{
  max-height:300px;
  overflow-y:scroll;
  padding:0px 5px 0px 5px;
}

DIV.AM_SEL
{
  display:flex;
  gap:3px;

  padding:2px 0 2px 0;
  cursor:pointer;
  align-items:center;
}