#Tasks td[name='Kind'] { width: 30px; }
#Tasks thead td[name='Kind']::before { content: "Вид"; }
#Tasks tbody td[name='Kind'] { text-align: Center; }

#Tasks td[name='Date'] { width: 75px; }
#Tasks thead td[name='Date']::before { content: "Дата"; }
#Tasks tbody td[name='Date'] { text-align: Center; }

#Tasks td[name='Client'] { width: 180px; }
#Tasks thead td[name='Client']::before { content: "Клиент"; }
#Tasks tbody td[name='Client'] { text-align: Left; }

#Tasks td[name='Address'] { width: 220px; }
#Tasks thead td[name='Address']::before { content: "Адрес"; }
#Tasks tbody td[name='Address'] { text-align: Left; }

#Tasks td[name='Phone'] { width: 120px; }
#Tasks thead td[name='Phone']::before { content: "тел./e-mail"; }
#Tasks tbody td[name='Phone'] { text-align: Left; }

#Tasks td[name='Description'] { width: 380px; }
#Tasks thead td[name='Description']::before { content: "Описание"; }
#Tasks tbody td[name='Description'] { text-align: Left; }

#Tasks td[name='Request'] { width: 200px; }
#Tasks thead td[name='Request']::before { content: "Заявка"; }
#Tasks tbody td[name='Request'] { text-align: Left; }

#Tasks
{ border-collapse: collapse;
  width: 100%;
  background-color: whitesmoke;
  margin-top:3px;
}

#Tasks thead td
{ background-color: SkyBlue; 
  text-align: center;
  font-weight: bold;
}

#Tasks td { border: 1px solid grey; }
#Tasks tr.MainRow:hover
{ cursor: pointer;
  background-color: LightYellow;
}

#Tasks span.Address,
#Tasks span.eMail,
#Tasks span.Request
{ display: none; }

#Tasks tr.Description,
#Tasks tr.Request
{ display: none; }

#Tasks div.Description,
#Tasks div.Request
{ display: none; }

#Tasks tr.ExecData td>div
{ max-height:0px;
  transition: max-height 0.7s;
  overflow:hidden;
}

#Tasks tr.ExecData.Open>td>div
{ max-height:500px;
  transition: max-height 0.7s;
}

/*******************************************************/
/*
.TasksList
{ border-collapse: collapse;
  width: 100%;
  background-color: whitesmoke;
  margin-top:3px;
}

.TasksList thead td
{ background-color: SkyBlue; }

.TasksList thead td
{ text-align: center;
  font-weight: bold;
}

.TasksList td
{ border: 1px solid grey; }

.TasksList tr.MainRow:hover
{ cursor: pointer;
  background-color: LightYellow;
}

.TasksList td.Date { width: 112px; }
.TasksList tr.MainRow td.Date { text-align:left; }

.TasksList span.Address,
.TasksList span.eMail,
.TasksList span.Request
{ display: none; }

.TasksList tr.Description,
.TasksList tr.Request
{ display: none; }

.TasksList div.Description,
.TasksList div.Request
{ display: none; }


.TasksList tr.ExecData td>div
{ max-height:0px;
  transition: max-height 0.7s;
  overflow:hidden;
}

.TasksList tr.ExecData.Open>td>div
{ max-height:500px;
  transition: max-height 0.7s;
}*/
/************************************************************/