.Transform3d tr th{
        background-color: rgb(211, 211, 211);
        transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-40px) translateY(-1px) translateZ(0px) skew(65deg, 0deg);
   -moz-transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-40px) translateY(-1px) translateZ(0px) skew(65deg, 0deg);
-webkit-transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-40px) translateY(-1px) translateZ(0px) skew(65deg, 0deg);
     -o-transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-40px) translateY(-1px) translateZ(0px) skew(65deg, 0deg);
    -ms-transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-40px) translateY(-1px) translateZ(0px) skew(65deg, 0deg);
        perspective: 0px;-webkit-perspective: 0px;perspective-origin: 0% 0%;-webkit-perspective-origin: 0% 0%;
       border: 2px solid #676767 !important;          
                   width: 104px !important;
       line-height: 0 !important;             
      
    }
    .ParentTransform3d > tbody > tr > td {
      
       border: 2px solid #352c2c;
           height: 108px;

   }

    .Transform3d tr th .transColName{
        transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(5px) translateY(0px) translateZ(0px) skew(-65deg, 0deg);
     
            font-size: 20px;
        
    }
 
    .ParentTransform3d > tbody > tr > td:first-child {
        background-color: rgb(24, 32, 74) !important;
        transform:scaleX(0.7) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(23px) translateY(-18px) translateZ(0px) skew(0deg, 18deg);
   -moz-transform:scaleX(0.7) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(23px) translateY(-18px) translateZ(0px) skew(0deg, 18deg);
-webkit-transform:scaleX(0.7) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(23px) translateY(-18px) translateZ(0px) skew(0deg, 18deg);
     -o-transform:scaleX(0.7) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(23px) translateY(-18px) translateZ(0px) skew(0deg, 18deg);
    -ms-transform:scaleX(0.7) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(23px) translateY(-18px) translateZ(0px) skew(0deg, 18deg);
        perspective: 0px;-webkit-perspective: 0px;perspective-origin: 0% 0%;-webkit-perspective-origin: 0% 0%;
  
        border-bottom: 3px solid;
    }
   .ParentTransform3d .trans  {                                                                                                                         
       
       font-size: 20px;
        font-weight: bold;
        color: white;
    }
   .ParentTransform3d .seperator  {
        transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(22deg) translateX(1px) translateY(3px) translateZ(0px) skew(0deg, -40deg);
   -moz-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(22deg) translateX(1px) translateY(3px) translateZ(0px) skew(0deg, -40deg);
-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(22deg) translateX(1px) translateY(3px) translateZ(0px) skew(0deg, -40deg);
     -o-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(22deg) translateX(1px) translateY(3px) translateZ(0px) skew(0deg, -40deg);
    -ms-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(22deg) translateX(1px) translateY(3px) translateZ(0px) skew(0deg, -40deg);
    }
   .ParentTransform3d .rowPart2  {
        transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(8px) translateY(2px) translateZ(0px) skew(0deg, -40deg);
   -moz-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(8px) translateY(2px) translateZ(0px) skew(0deg, -40deg);
-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(8px) translateY(2px) translateZ(0px) skew(0deg, -40deg);
     -o-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(8px) translateY(2px) translateZ(0px) skew(0deg, -40deg);
    -ms-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(8px) translateY(2px) translateZ(0px) skew(0deg, -40deg);
     
    }
    .table-bordered {
       
    }
    .Transform3d tr th:first-child {
        visibility: hidden;
        width: 0 !important;
        padding: 17px 18px !important;
    }
   .ParentTransform3d > tbody > tr {
        background-color: transparent !important;
    }
   .ParentTransform3d {
        color: black;
         width: 1121px !important;
          border: none !important;
    }
 .Helpvideo {
    background: #3F51B5;
    position: absolute;
    padding: 4px 20px 6px 20px;
    border-radius: 0 0 50% 50%;
    right: 0;
     transition: font-size 0.4s;
     animation-name: test;
     animation-duration: 1s;
     animation-iteration-count: infinite;
}
  .Helpvideo:hover {
      font-size: 26px;
  }
  @keyframes test {
      0%{background:lightblue}
      100%{background: blue}     
  }