.tblHeaderColumnLock {
  position: relative;
  width: 50% !important;
 /* background-color: transparent;*/
  overflow: hidden;
  border-collapse: collapse;
}


/*thead*/
.tblHeaderColumnLock thead {
  position: relative;
  display: block; /*seperates the header from the body allowing it to be positioned*/
  width: 69.2% !important;
  overflow: visible;
}

.tblHeaderColumnLock thead th {
  background-color: #99a;
  
  height: 25px !important;
  border: 1px solid #ccc;
}

.tblHeaderColumnLock thead th:nth-child(1) {/*first cell in the header*/
  position: relative;
  display: block; /*seperates the first cell in the header from the header*/
  background-color: #88b;
 /*min-width: 25% !important;*/
}
.tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(2),.tblHeaderColumnLock thead tr:nth-child(2)th:nth-child(5),.tblHeaderColumnLock thead th:nth-child(8),.tblHeaderColumnLock thead th:nth-child(11),.tblHeaderColumnLock thead th:nth-child(14),.tblHeaderColumnLock thead th:nth-child(17),.tblHeaderColumnLock thead th:nth-child(20)
{
    padding: 5px 59px;
}

.tblHeaderColumnLock thead tr:nth-child(2) th {/*first cell in the header*/
    min-width: 120px;
}
.tblHeaderColumnLock thead tr:nth-child(1) th:nth-child(1) {/*first cell in the header*/
    border-bottom: 1px solid #18AACC !important;
    
}
.tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(1) {/*first cell in the header*/
    min-width: 26px !important;
    border-top: 1px solid #18AACC !important;
    
}
.tblHeaderColumnLock tr:nth-child(odd) td{
    background: #e9eff4;
}
.tblHeaderColumnLock tr:nth-child(even) td{
    background: #FFF;
}
/*tbody*/
.tblHeaderColumnLock tbody {
  position: relative;
  display: block; /*seperates the tbody from the header*/
  width: 1319px !important;
  overflow-x: scroll;
}

.tblHeaderColumnLock tbody td {
  
  min-width: 120px;
  border: 1px solid #18AACC;
  padding: 5px 10px;
  
}

.tblHeaderColumnLock> tbody> tr> td:nth-child(1) {  /*the first cell in each tr*/
  position: relative;
  display: block; /*seperates the first column from the tbody*/
  /*height: 40px;*/
  text-align: left !important;
  min-width: 207px !important;

}
@media (max-width: 1368px) 
{
    
    .tblHeaderColumnLock thead tr:nth-child(1) th:nth-child(1)
    {
        padding:5px 113px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th {/*first cell in the header*/
        min-width: 120px;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(2),.tblHeaderColumnLock thead tr:nth-child(2)th:nth-child(5),.tblHeaderColumnLock thead th:nth-child(8),.tblHeaderColumnLock thead th:nth-child(11),.tblHeaderColumnLock thead th:nth-child(14),.tblHeaderColumnLock thead th:nth-child(17),.tblHeaderColumnLock thead th:nth-child(20)
    {
        padding: 5px 59px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(1) {/*first cell in the header*/
        min-width: 26px !important;
    }
    /*tbody*/
    .tblHeaderColumnLock tbody {
      position: relative;
      display: block; /*seperates the tbody from the header*/
      width: 1312px !important;
     /* height: 239px;*/
      
    }
    .tblHeaderColumnLock th:nth-child(1){
      /*  min-width: 207px !important;*/
    }
}

@media (max-width: 1360px) 
{
    
    .tblHeaderColumnLock thead tr:nth-child(1) th:nth-child(1)
    {
        padding:5px 113px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th {/*first cell in the header*/
        min-width: 120px;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(2),.tblHeaderColumnLock thead tr:nth-child(2)th:nth-child(5),.tblHeaderColumnLock thead th:nth-child(8),.tblHeaderColumnLock thead th:nth-child(11),.tblHeaderColumnLock thead th:nth-child(14),.tblHeaderColumnLock thead th:nth-child(17),.tblHeaderColumnLock thead th:nth-child(20)
    {
        padding: 5px 59px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(1) {/*first cell in the header*/
        min-width: 26px !important;
    }
    /*tbody*/
    .tblHeaderColumnLock tbody {
      position: relative;
      display: block; /*seperates the tbody from the header*/
      width: 1312px !important;
     /* height: 239px;*/
      
    }
    .tblHeaderColumnLock th:nth-child(1){
      /*  min-width: 207px !important;*/
    }
}
@media (max-width: 1024px) 
{
    .tblHeaderColumnLock th
    {
        padding:5px 10px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(1) th:nth-child(1)
    {
        padding:5px 113px !important;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(2),.tblHeaderColumnLock thead tr:nth-child(2)th:nth-child(5),.tblHeaderColumnLock thead th:nth-child(8),.tblHeaderColumnLock thead th:nth-child(11),.tblHeaderColumnLock thead th:nth-child(14),.tblHeaderColumnLock thead th:nth-child(17),.tblHeaderColumnLock thead th:nth-child(20)
    {
        padding: 5px 59px !important;
    }

    .tblHeaderColumnLock thead tr:nth-child(2) th {/*first cell in the header*/
        min-width: 120px;
    }
    .tblHeaderColumnLock thead tr:nth-child(2) th:nth-child(1) {
        min-width: 46px !important;
    }
    /*tbody*/
    .tblHeaderColumnLock tbody {
      position: relative;
      display: block; /*seperates the tbody from the header*/
      width: 986px !important;
      
    }
}


/* only header lock*/
.tblHeaderLock {
  position: relative;
  overflow: hidden;
  border-collapse: collapse;
}


/*thead*/
/*.tblHeaderLock thead {
  position: relative;
  display: block; 
  width: 120% !important;
  overflow: visible;
}

.tblHeaderLock tbody {
  position: relative;
  display: block; 
  width: 100% !important;
  overflow-x: scroll;
}*/