body {
   margin: 0px;
   padding: 0px;
   border: 0px;
   width: 100%;
   height: 100%;
   font-size: 100%;
}

   table {
      border:0px;
      border-spacing:0px;
      /* collapse alow no later borsder style */
      border-collapse:separate;
      margin-left: auto;
      margin-right: auto;
   }
   .table-border {
      border: 1px solid silver;
   }
   tr, td, th {
      border: 1px solid silver;
      vertical-align: middle;
      /* text-align: center; */
      padding: 3px;
      padding-left: 5px;
      padding-right: 5px;
      font-family: tahoma,arial,Consolas;
      font-size: 0.9em;
      white-space: nowrap;
   }
   .td-noborder {
      @extends td, th;
      border: 0px;
   }

   /* thead tr:first-child th { position: sticky; top: 0; } */
   thead {
      position: sticky;
      /* position: -webkit-sticky; */
      top: 0;
      /* color:black; */
      background: white;
   }
   tbody {
      phd_new.phposition: sticky;
      /* position: -webkit-sticky; */
      top: 0;
      /* color: black; */
      background: white;
   }

   .tdat td:nth-child(1) {
      text-align: center;
      width: 80px;
   }
   .tdat td:nth-child(n+2) {
      text-align: right;
   }
   .tdat td:nth-child(5), td:nth-child(9), td:nth-child(13), td:nth-child(14) {
      width: 54px;
   }

   /*
   td:not:(:first-child) select {
      width: 100px;
   }
   */

   .tr-mark:nth-child(odd) {
      background-color: #f2f2f2;
   }


   /* pictures and description */

   div {
      display:inline;
   }

   /* object-fit:contain ??? */
   .img-small {
      width: 706px;
      padding-right: 54px; /* width 760 = 706 + 54 */
      height: 300öx;
      marign-bottom: 6px;
   }

   .img-large {
      width: 800px;
      height: 300px;
   }

   img {
      width: 760px;
      height: 300px;
      margin-bottom: 6px;
      /* max-width: 100%;
      height: auto; */
      /* border-radius: 10px; */
  }

   .img-hover {
      width: 760px;
      height: 200px;
      margin-bottom: 6px;
      transition transform 1s;
      -webkit-transition: transform 1s;
      -moz-transition: transform 1s;
      -o-transition: transform 1s;
   }

   .img-hover:hover {
      disaply: inline-block;

      box-shadow: 0 0 4px 4px lightgrey;
      -webkit-box-shadow: 0 0 4px 4px lightgrey;
      -moz-box-shadow: 0 0 4px 4px lightgrey;
      -o-box-shadow: 0 0 4px 4px lightgrey;

      /*
      transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      */

      /*
      transition transform 1s;
      -webkit-transition: transform 1s;
      -moz-transition: transform 1s;
      -o-transition: transform 1s;
      */
   }

   h2,h3 {
      margin-bottom: 6px;
      margin-top: 12px;
   }