#Info.ByEmployee td[name='ExecDate'] { width: 80px; }
#Info.ByEmployee thead td[name='ExecDate']::before { content: "Дата"; }
#Info.ByEmployee tbody td[name='ExecDate'] { text-align: Right; }

#Info.ByEmployee td[name='Name'] { width: 170px; }
#Info.ByEmployee thead td[name='Name']::before { content: "Обект / Поръчка"; }
#Info.ByEmployee tbody td[name='Name'] { text-align: Left; }

#Info.ByEmployee td[name='FullAddr'] { width: 160px; }
#Info.ByEmployee thead td[name='FullAddr']::before { content: "Адрес"; }
#Info.ByEmployee tbody td[name='FullAddr'] { text-align: Left; }

#Info.ByEmployee td[name='WorkDone'] { width: 315px; }
#Info.ByEmployee thead td[name='WorkDone']::before { content: "Извършено"; }
#Info.ByEmployee tbody td[name='WorkDone'] { text-align: Left; }

#Info.ByEmployee td[name='Status'] { width: 100px; }
#Info.ByEmployee thead td[name='Status']::before { content: "Състояние"; }
#Info.ByEmployee tbody td[name='Status'] { text-align: Left; }

/*********************************************/
#Info.ByTarget td[name='ExecDate'] { width: 80px; }
#Info.ByTarget thead td[name='ExecDate']::before { content: "Дата"; }
#Info.ByTarget tbody td[name='ExecDate'] { text-align: Right; }

#Info.ByTarget td[name='WorkDone'] { width: 500px; }
#Info.ByTarget thead td[name='WorkDone']::before { content: "Извършено"; }
#Info.ByTarget tbody td[name='WorkDone'] { text-align: Left; }

#Info.ByTarget td[name='Perfs'] { width: 140px; }
#Info.ByTarget thead td[name='Perfs']::before { content: "Изпълнители"; }
#Info.ByTarget tbody td[name='Perfs'] { text-align: Left; }

#Info.ByTarget td[name='Status'] { width: 100px; }
#Info.ByTarget thead td[name='Status']::before { content: "Състояние"; }
#Info.ByTarget tbody td[name='Status'] { text-align: Left; }

div[name="Fields"]
{ width:200px;
  height:400px;
  border:1px solid gray;
  overflow-y:scroll;
  display:none;
  z-index:10;
  position:relative;
  background-color:#eee;
}

.InfoCanvas>table
{ border-collapse: collapse;
  background-color: PowderBlue;
  z-index:1;
  position: relative;
  float: left;
}

.InfoCanvas>table td
{ border: 1px solid grey; }

.InfoCanvas>table thead
{ background-color: SkyBlue;
  display: table;
  width:100%;
}

.InfoCanvas>table thead td
{ text-align: center;
  font-weight: bold; }
  
.InfoCanvas>table tbody
{ display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  border-right:1px solid grey;
  margin-right:-1px;
}

.InfoCanvas>table tbody tr
{ margin-top:-1px;
  display: table;
  width:100%;
  table-layout:fixed;
}

.InfoCanvas>table tbody tr:hover
{ background-color:lightcyan;
  cursor: pointer; }
  
.InfoCanvas>table tfoot
{ background-color: #8bd1da;
  display: table; 
  width:100%;
}

.InfoCanvas>table tfoot td
{ font-weight: bold;
  height: 18px;}