.bold { font-weight: bold; }
.italic { font-style: italic; }
.center { text-align:center; }
.GreyLn { color: grey; }
.clear { clear:both; height:0; width:0; margin:0; padding:0; }
.but_img
{ height: 20px; 
  width: 20px;
  margin: 0px;
  padding: 0px;
  border: 0;
  background:none;
  background-position:center center;
  background-repeat: no-repeat;
  float:left;
}

.but_img:hover:enabled
{ background-color:rgba(0,0,0,0.2);
  cursor: pointer;
}

.but_img_text
{ /*height: 22px; */
  margin: 2px 5px;
  padding: 5px 8px 5px 28px;
  border: 0;
  background-color:#ddd;
  background-position:4px center;
  background-repeat: no-repeat;
  text-align:right;
  border:1px outset gray;
  border-radius:8px;
  line-height: 12px;
  text-decoration:none;
}

.but_img_text:disabled
{ filter: grayscale(100%); }

.but_img_text:hover:enabled
{ background-color:rgba(0,0,0,0.2);
  color: darkred; 
  cursor: pointer;
}

.but_ok     { background-image: url("Images/dlg-but-ok.png"); }
.but_add    { background-image: url("Images/dlg-but-add.png"); }
.but_edit   { background-image: url("Images/dlg-but-edit.png"); }
.but_undo   { background-image: url("Images/dlg-but-undo.png"); }
.but_del    { background-image: url("Images/dlg-but-drop.png"); }
.but_list   { background-image: url("Images/dlg-but-browse.png"); }
.but_search { background-image: url("Images/dlg-but-search.png"); }
.but_pass   { background-image: url("Images/dlg-but-pass.png"); }
.but_close  { background-image: url("Images/dlg-but-close.png"); }
.but_update { background-image: url("Images/dlg-but-reload.png"); }
.but_print  { background-image: url("Images/dlg-but-print.png"); }
.but_up     { background-image: url("Images/dlg-but-sort_up.gif");   height:10px; margin:0; }
.but_down   { background-image: url("Images/dlg-but-sort_down.gif"); height:10px; margin:0; }
.but_up_fs   { background-image: url("Images/dlg-but-sort_up.gif"); }
.but_down_fs { background-image: url("Images/dlg-but-sort_down.gif"); }
.but_import { background-image: url("Images/dlg-but-import.png"); }
.but_export { background-image: url("Images/dlg-but-export.png"); }


/**************************************************/
.DT_Actions
{ width: 100%;
  background-color: DarkCyan;
  /*color: LightYellow;*/
  color: White;
  display: flex;
  align-items: center;
  height:50px;
}

.DT_Actions .Title
{ margin:0px 30px 0 20px;
  font-weight: bold;
  font-size: 16px;
}

/**************************************************/

.DT_Data
{ display: flex;
  align-items:stretch;
  height: calc(100% - 50px);
}

.DT_List
{ flex-grow:1;
  overflow-y:auto;
  border: 2px solid black;
}

/**************************************************/
.DataTable
{ width: 100%;
  border-collapse: separate;
  border-spacing:0;
}

.DataTable thead, .DataTable tfoot { position: sticky;}
.DataTable thead { top:0px;    background-color: SkyBlue; }
.DataTable tfoot { bottom:0px; background-color: #8bd1da; }

.DataTable thead th,
.DataTable td
{ border-right: 1px solid Grey;
  border-bottom: 1px solid Grey;
  padding: 4px 1px; }

/*
@-moz-document url-prefix() 
{ .DataTable thead th span,
  .DataTable tfoot td span { margin-left:-1px; }
}*/

.DataTable thead tr:last-child th  { border-bottom: 2px solid black; }
/*.DataTable thead tr th:first-child span { border-left: none; margin-left:0; }*/

.DataTable tbody td.Controls { display: none;}

.DataTable tbody td:first-child { border-left: none; }
.DataTable tbody tr:first-child td { border-top: none; }
.DataTable tbody tr:last-child td { border-bottom: 1px solid black; }

.DataTable tbody tr:hover { background-color: #ddd; cursor:pointer;}
.DataTable tbody tr.Selected { background-color: #bcf; }

.DataTable tfoot tr:first-child td { border-top: 1px solid black;}
.DataTable tfoot tr:last-child td { border-bottom: 2px solid black;}
/**************************************************/
.DT_Details
{ font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
  background-color: AntiqueWhite;
  color: #555;
}

.DT_Details h1 { color: black; font-weight:bold; }

.DT_Details form
{ display:flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

.DT_Details form>h1
{ background-color:BurlyWood;
  margin:0;
  padding: 6px 10px;
  font-size: 1em;
}

.DT_Details form>.DataBox
{ overflow-y: scroll;
  flex:1 1 auto;
 }

.DT_Details form>.BtnSet
{ padding:6px;
  border-top:1px solid grey;
  text-align:center;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.DT_Details form>h1.Changed
{ background:linear-gradient(to right, BurlyWood 80%, tomato); }

.DT_Details Fieldset legend { color:#555; padding: 0 3px; margin-left:5px; }

.DT_Details label
{ margin: 5px 0 0 3px;
  display: block;
}

/************************************************************/
.EditField { margin: 3px;  padding: 3px;  width:calc(100% - 6px); }
.EditField > label { margin:0 0 3px 0; }
.EditField > input { width:100%; }
.EditField > select { width:100%; }

.EditField span.Label
{ background: whitesmoke;
  height:16px;
  padding:2px 3px 1px;
  border: 1px solid grey;
  display: inline-block;
  vertical-align:middle;
  width: 100%;
}

.EditField span.LangLabel
{ color: #555;
  display: inline-block;
  width:25px; }

label.CheckBox
{ margin:0;
  padding:0;
  color: black;
  cursor: pointer;
}

label.CheckBox input { margin-right:3px; }
label.CheckBox:hover { background-color:#f7ddbb; color:#e00; }

/************************************************************/

.Text2Upper
{ text-transform: uppercase; }

.DateField
{ background-image: url("Images/iconCalendar.gif");
  background-repeat: no-repeat;
  background-position: 99% 50%;
  width: 90px; 
  cursor:pointer;
}

.FormTable
{ margin-top:5px; }
/*********************************************************/
.LangData
{ border:1px solid grey;
  margin:-1px 0 0px 0px;
  padding-bottom:5px;
  clear:both;
}
  
.EditField.BG { background-color: Aquamarine; }
.EditField.EN { background-color: #ffc8b3; }

.LangSel
{ list-style:none;
  padding: 0;
  margin:-21px 0px 0px 5px;
}

.LangSel li
{ float:left;
  display: block;
  padding:2px;
  border: 1px solid grey;
  text-align:center;
  border-radius:0 0 8px 8px;
  margin:0px 8px 0px 8px;
  padding: 2px 10px;
  background-color: Aquamarine;
  cursor: pointer;
  position: relative;
}

.LangSel li:last-child
{ float:right;
  background-color: #ffc8b3;
}

/*.LangSel li.Select:first-child { border-bottom-color: Aquamarine; }
.LangSel li.Select:last-child  { border-bottom-color: #ffc8b3; }*/
.LangSel li:hover { color: #e00; }

/*form.BG .MultiLang { background-color: Aquamarine; }
form.EN .MultiLang { background-color: #ffc8b3; }*/
form.BG .ValEN { display:none !Important; }
form.EN .ValBG { display:none !Important; }

.ValBG { background-color: Aquamarine; }
.ValEN { background-color: #ffc8b3; }