/*
=====================================================================================================================================================
COMMON TABLE STYLE
=====================================================================================================================================================
*/
table th, table td  {text-align:left; vertical-align:top; line-height:14pt;}
table.layout        {width:100%; border-collapse:collapse;}

.th     {color:#403f3e; text-transform:uppercase; height:40px; font-weight:bold; background:#FFF;}
.th td{border-top:#486aa9 1px solid!important; border-bottom:#486aa9 1px solid!important;  vertical-align:middle;}
.tch    {background:#424242; color:#fff}
.tc     {background:#fff;}
.tc1    {background:#fff;}

/*
------------------------------------------
Sub Cat Table
------------------------------------------
*/

table.sub-cat       {margin:0 auto; width:100%;  margin-top:0px; box-shadow:#e9e9e9 10px 10px 0px 0px;}
table.sub-cat .th{background-color:#383838; color:#FFF;padding:15px; }
table.sub-cat .th td{border:0!important;padding:17px 15px; }
@media (max-width:1390px) {
table.sub-cat .th td{padding:15px 15px;}
}
table.sub-cat td    {border-bottom:2px solid #e8e8e8; border-top:1px solid #FFF; vertical-align:middle; padding:15px 0;}
table.sub-cat tr.tc1 > td:nth-child(1)   {width:12%;}

table.sub-cat > tbody > tr:nth-child(odd){background:#f6f6f6;}
table.sub-cat > tbody > tr:nth-child(even){background:#fff}

table.sub-cat tbody tr    {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
table.sub-cat tbody tr:hover    {background:#efefef; color:#000}
@media (min-width:1024px) {
table.sub-cat tbody tr.table_head th{background:#002e97!important; color:#FFF!important;}
}
table.sub-cat td:nth-child(6), table.sub-cat td:nth-child(7)   
{text-align:center; padding:6px 0px 0px 0px;}

.sub-cat td > table{width:100%;margin-bottom:0!important;}

.sub-cat td table > tbody > tr > td{ border:0!important; padding:0px 15px;}

table.sub-cat td:nth-child(1)   {width:8%;}
table.sub-cat td:nth-child(2)   {width:50%;}
table.sub-cat td:nth-child(3)   {width:20%;}
table.sub-cat td:nth-child(4)   {width:12%; text-align:center;}
table.sub-cat td:nth-child(5)   {width:12%;  text-align:center;}
table.sub-cat td:nth-child(6)   {width:8%;}
table.sub-cat td:nth-child(7)   {width:8%;}
table.sub-cat td:nth-child(8)   {width:8%;}

table.sub-cat a img         {background:url(../png/icon-pdf.png) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.sub-cat a:hover img   {background:url(../icon-pdf_hover.html) no-repeat center; width:19px; height:19px;}

table.sub-cat .edit > a img         {background:url(../icon-edit.html) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.sub-cat .edit > a:hover img   {background:url(../icon-edit-mo.html) no-repeat center; width:19px; height:19px;}


table.sub-cat .editcoa > a img         {background:url(../icon-edit.html) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.sub-cat .editcoa > a:hover img   {background:url(../icon-edit-mo.html) no-repeat center; width:19px; height:19px;}

table.sub-cat-responsive td:nth-child(2) a   {color:inherit; text-decoration:underline}
table.sub-cat-responsive td:nth-child(2) a:hover   {color:#005baa; text-decoration:none}




/*
------------------------------------------
Sub Cat Table
------------------------------------------
*/
table.ghs-lbl       {margin:10px 0;}
table.ghs-lbl td    {border-bottom:1px solid #ddd; padding:7px .7%;}

table.ghs-lbl tbody tr    {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
table.ghs-lbl tbody tr:hover    {background:#ebf3ff; color:#000}

table.ghs-lbl td:nth-child(6), table.ghs-lbl td:nth-child(7)   
{text-align:center; padding:6px 0px 0px 0px;}

table.ghs-lbl-responsive td:nth-child(1)   {width:20%;}
table.ghs-lbl-responsive td:nth-child(2)   {width:10%;}
table.ghs-lbl-responsive td:nth-child(3)   {width:60%;} 

table.ghs-lbl a img         {background:url(../png/icon-pdf.png) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.ghs-lbl a:hover img   {background:url(../icon-pdf-mo.html) no-repeat center; width:19px; height:19px;}

table.ghs-lbl .edit > a img         {background:url(../icon-edit.html) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.ghs-lbl .edit > a:hover img   {background:url(../icon-edit-mo.html) no-repeat center; width:19px; height:19px;}

table.ghs-lbl .editcoa > a img         {background:url(../icon-edit.html) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.ghs-lbl .editcoa > a:hover img   {background:url(../icon-edit-mo.html) no-repeat center; width:19px; height:19px;}

table.ghs-lbl-responsive td a   {color:inherit; text-decoration:none}
table.ghs-lbl-responsive td a:hover   {color:#005baa; text-decoration:none}

table.ghs-lbl  b { font-weight:bold; }


/*
------------------------------------------
Sub Cat Table
------------------------------------------
*/
table.hzs-statement       {margin:10px 0;}
table.hzs-statement td    {border-bottom:1px solid #ddd; padding:7px .7%;}

table.hzs-statement tbody tr    {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
table.hzs-statement tbody tr:hover    {background:#ebf3ff; color:#000}

table.hzs-statement td:nth-child(6), table.hzs-statement td:nth-child(7)   
{text-align:center; padding:6px 0px 0px 0px;}

table.hzs-statement-responsive td:nth-child(1)   {width:25%;}
table.hzs-statement-responsive td:nth-child(2)   {width:10%;}
table.hzs-statement-responsive td:nth-child(3)   {width:20%;} 
table.hzs-statement-responsive td:nth-child(4)   {width:10%;} 
table.hzs-statement-responsive td:nth-child(5)   {width:35%;} 

table.hzs-statement a img         {background:url(../png/icon-pdf.png) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.hzs-statement a:hover img   {background:url(../icon-pdf-mo.html) no-repeat center; width:19px; height:19px;}

table.hzs-statement .edit > a img         {background:url(../icon-edit.html) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.hzs-statement .edit > a:hover img   {background:url(../icon-edit-mo.html) no-repeat center; width:19px; height:19px;}

table.hzs-statement .editcoa > a img         {background:url(../icon-edit.html) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.hzs-statement .editcoa > a:hover img   {background:url(../icon-edit-mo.html) no-repeat center; width:19px; height:19px;}

table.hzs-statement-responsive td:nth-child(2) a   {color:inherit; text-decoration:none}
table.hzs-statement-responsive td:nth-child(2) a:hover   {color:#005baa; text-decoration:none}

table.hzs-statement  b { font-weight:bold; }



/*
------------------------------------------
Sub Cat Table
------------------------------------------
*/
table.ww-partners       {margin:10px 0;}
table.ww-partners td    {border-bottom:1px solid #ddd; padding:7px .7%;}

table.ww-partners tbody tr    {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
table.ww-partners tbody tr:hover    {background:#ebf3ff; color:#000}

table.ww-partners td:nth-child(6), table.ww-partners td:nth-child(7)   
{text-align:center; padding:6px 0px 0px 0px;}

table.ww-partners-responsive td:nth-child(1)   {width:15%;}
table.ww-partners-responsive td:nth-child(2)   {width:30%;}
table.ww-partners-responsive td:nth-child(3)   {width:35%;} 
table.ww-partners-responsive td:nth-child(4)   {width:20%;}  

table.ww-partners a img         {background:url(../png/icon-pdf.png) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.ww-partners a:hover img   {background:url(../icon-pdf-mo.html) no-repeat center; width:19px; height:19px;}

table.ww-partners .edit > a img         {background:url(../icon-edit.html) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.ww-partners .edit > a:hover img   {background:url(../icon-edit-mo.html) no-repeat center; width:19px; height:19px;}

table.ww-partners .editcoa > a img         {background:url(../icon-edit.html) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.ww-partners .editcoa > a:hover img   {background:url(../icon-edit-mo.html) no-repeat center; width:19px; height:19px;}

table.ww-partners-responsive td:nth-child(2) a   {color:inherit; text-decoration:none}
table.ww-partners-responsive td:nth-child(2) a:hover   {color:#005baa; text-decoration:none}

table.ww-partners  b { font-weight:bold; }





/*
------------------------------------------
Diagnostic Kit
------------------------------------------
*/
table.diag-kit       {margin:0px;}
table.diag-kit td    {border-bottom:1px solid #ddd; padding:7px .7%;}

table.diag-kit tbody tr         {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
table.diag-kit tbody tr:hover   {background:#ebf3ff; color:#000}

table.diag-kit-responsive td:nth-child(1)   {width:8%;}
table.diag-kit-responsive td:nth-child(2)   {width:21%;}
table.diag-kit-responsive td:nth-child(3)   {width:18%;}
table.diag-kit-responsive td:nth-child(4)   {width:16%;}
table.diag-kit-responsive td:nth-child(5)   {width:16%;}
table.diag-kit-responsive td:nth-child(6)   {width:16%;}

table.diag-kit a.pro-name          {background:url(../png/icon-pdf.png) no-repeat left top; width:auto; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; 
                           -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; margin-right:5px; padding-left:24px; line-height:15pt; display:block}
table.diag-kit a.pro-name:hover    {background:url(../icon-pdf-mo.html) no-repeat left top; width:auto;}

table.diag-kit-responsive td:nth-child(2) a         {color:inherit; text-decoration:none}
table.diag-kit-responsive td:nth-child(2) a:hover   {color:#005baa; text-decoration:none}


/*
------------------------------------------
Pro Detail Table
------------------------------------------
*/
table.labware-tbl       {margin:0px; border-bottom:3px solid #3d68b2; border-right:1px solid #ccc;}
table.labware-tbl td    {border-top:1px solid #ccc; border-left:1px solid #ccc; padding:7px 7px;}

table.labware-tbl-responsive td:nth-child(1)   {width:25%; color:#4770b6}
table.labware-tbl-responsive td:nth-child(2)   {width:75%;}


/*
------------------------------------------
Pro Detail Table
------------------------------------------
*/
table.pro-detail-tbl       {margin:0px; border-bottom:3px solid #3d68b2; border-right:1px solid #ccc;}
table.pro-detail-tbl td    {border-top:1px solid #ccc; border-left:1px solid #ccc; padding:7px 7px;}

table.pro-detail-tbl-responsive td:nth-child(1)   {width:12%; color:#4770b6}
table.pro-detail-tbl-responsive td:nth-child(2)   {width:20%;}
table.pro-detail-tbl-responsive td:nth-child(3)   {width:18%; color:#4770b6}
table.pro-detail-tbl-responsive td:nth-child(4)   {width:25%;}


table.pro-detail-tbl  .stock { font-weight:bold; color:#0093de; }

/*
------------------------------------------
Packing Table
------------------------------------------
*/
table.pkg-tbl       {margin:0px; border-bottom:3px solid #3d68b2; border-right:1px solid #ccc;}
table.pkg-tbl td    {border-top:1px solid #ccc; border-left:1px solid #ccc; padding:7px 7px;}

table.pkg-tbl-responsive td:nth-child(1)   {width:98%;}

/*
------------------------------------------
Safety Info Table
------------------------------------------
*/
table.sfty-tbl       {margin:0px; border-bottom:3px solid #3d68b2; border-right:1px solid #ccc;}
table.sfty-tbl td    {border-top:1px solid #ccc; border-left:1px solid #ccc; padding:7px 7px;}

table.sfty-tbl-responsive td:nth-child(1)   {width:100%;}

table.sfty-tbl td ul    {list-style:none; padding:0px; margin:0px;}
table.sfty-tbl td ul li {list-style:none; padding:0px; margin:0px; display:inline-block;}

table.sfty-tbl td ul.specs    {list-style:none; padding:0px; margin:0px;}
table.sfty-tbl td ul.specs li {list-style:none; padding:0px; margin:0px; display:block; line-height:14pt;}

/*
------------------------------------------
Coa Table
------------------------------------------
*/
table.coa-detail-tbl       {margin:0px; border-bottom:3px solid #3d68b2; border-right:1px solid #ccc;}
table.coa-detail-tbl td    {border-top:1px solid #ccc; border-left:1px solid #ccc; padding:7px 7px;}

table.coa-detail-tbl-responsive td:nth-child(1)   {width:68%}
table.coa-detail-tbl-responsive td:nth-child(2)   {width:28%; text-align:center}

table.coa-detail-tbl a img         {background:url(../png/icon-pdf.png) no-repeat center; width:19px; height:19px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;}
table.coa-detail-tbl a:hover img   {background:url(../icon-pdf_hover.html) no-repeat center; width:19px; height:19px;}




@media (max-width: 35em)
{

/*
------------------------------------------
Sub Cat Table
------------------------------------------
*/
.sub-cat{width:100%;}
table.sub-cat{float:none;}
table.layout tr                     {width:100%; border:1px solid #ddd; border-width:1px 1px 0px 1px;}
table.sub-cat-responsive            {box-shadow:none;}
table.sub-cat-responsive thead      {display:none;}
table.sub-cat th, table.sub-cat td  {padding:10pt!important;}

table.sub-cat-responsive td{font-size:10pt!important; vertical-align:middle;}
table.sub-cat-responsive td:nth-child(1):before   {content: 'Code'; }
table.sub-cat-responsive td:nth-child(2):before   {content: 'Name';}
table.sub-cat-responsive td:nth-child(3):before   {content: 'CAS No.';}
table.sub-cat-responsive td:nth-child(4):before   {content: 'Packing';}
table.sub-cat-responsive td:nth-child(5):before   {content: 'Pricing';}
table.sub-cat-responsive td:nth-child(6):before   {content: 'MSDS';}
table.sub-cat-responsive td:nth-child(7):before   {content: 'COAs';}
table.sub-cat-responsive td:nth-child(8):before   {content: 'TDS';}
table.sub-cat-responsive td{text-align:left!important;}
.sub-cat-responsive > tbody > tr > td{padding:0!important;}
table.layout.sub-cat.sub-cat-responsive tr.tc1 > td:nth-child(1),
table.layout.sub-cat.sub-cat-responsive tr.tc > td:nth-child(1) {width:100%;}
table.sub-cat-responsive td > table td:nth-child(1),   
table.sub-cat-responsive td > table td:nth-child(2),   
table.sub-cat-responsive td > table td:nth-child(3),   
table.sub-cat-responsive td > table td:nth-child(4),   
table.sub-cat-responsive td > table td:nth-child(5), 
table.sub-cat-responsive td > table td:nth-child(6), 
table.sub-cat-responsive td > table td:nth-child(7), 
table.sub-cat-responsive td > table td:nth-child(8)   {padding-left:20%!important; text-align:left; width:auto;}

table.sub-cat-responsive td:nth-child(1):before,
table.sub-cat-responsive td:nth-child(2):before,
table.sub-cat-responsive td:nth-child(3):before,
table.sub-cat-responsive td:nth-child(4):before,
table.sub-cat-responsive td:nth-child(5):before,
table.sub-cat-responsive td:nth-child(6):before,
table.sub-cat-responsive td:nth-child(7):before,
table.sub-cat-responsive td:nth-child(8):before    {position:absolute; left:.5em;}
  
table.sub-cat-responsive tr,
table.sub-cat-responsive td   {display: block;}
table.sub-cat-responsive tr   {position: relative; margin-bottom: 1em; box-shadow:none;}
table.sub-cat-responsive td   {border-top: none;}

table.sub-cat-responsive td.code {background:#383838; color:#fff}
table.sub-cat-responsive td.code a{color:#fff; text-decoration:underline;}
table.sub-cat-responsive td:nth-child(2) a   {text-decoration:underline}





/*
------------------------------------------
Sub Cat Table
------------------------------------------

table.layout tr                     {width:100%; border:1px solid #ddd; border-width:1px 1px 0px 1px;}
table.ghs-lbl-responsive            {box-shadow:none;}
table.ghs-lbl-responsive thead      {display:none;}
table.ghs-lbl th, table.ghs-lbl td  {padding:5px;}
    
table.ghs-lbl-responsive td:nth-child(1):before   {content: 'Description'; font-family:'Robotobold'}
table.ghs-lbl-responsive td:nth-child(2):before   {content: 'Pictogram'; font-family:'Robotobold';}
table.ghs-lbl-responsive td:nth-child(3):before   {content: 'Hazard class and hazard category'; font-family:'Robotobold'} 

table.ghs-lbl-responsive td:nth-child(1),   
table.ghs-lbl-responsive td:nth-child(2),   
table.ghs-lbl-responsive td:nth-child(3)  {padding-left:40%; text-align:left; width:auto;}

table.ghs-lbl-responsive td:nth-child(1):before,
table.ghs-lbl-responsive td:nth-child(2):before,
table.ghs-lbl-responsive td:nth-child(3):before   {position:absolute; left:.5em;}
  
table.ghs-lbl-responsive tr,
table.ghs-lbl-responsive td   {display: block;}
table.ghs-lbl-responsive tr   {position: relative; margin-bottom: 1em; box-shadow:none;}
table.ghs-lbl-responsive td   {border-top: none;}

table.ghs-lbl-responsive td.code {background:#3e6bb3; color:#fff}

table.ghs-lbl-responsive td:nth-child(2) a   {text-decoration:underline}
*/




/*
------------------------------------------
Sub Cat Table
------------------------------------------

table.layout tr                     {width:100%; border:1px solid #ddd; border-width:1px 1px 0px 1px;}
table.hzs-statement-responsive            {box-shadow:none;}
table.hzs-statement-responsive thead      {display:none;}
table.hzs-statement th, table.hzs-statement td  {padding:5px;}
    
table.hzs-statement-responsive td:nth-child(1):before   {content: 'Code'; font-family:'Robotobold'}
table.hzs-statement-responsive td:nth-child(2):before   {content: 'Product Name'; font-family:'Robotobold';}
table.hzs-statement-responsive td:nth-child(3):before   {content: 'CAS No.'; font-family:'Robotobold'}
table.hzs-statement-responsive td:nth-child(4):before   {content: 'MSDS'; font-family:'Robotobold'}
table.hzs-statement-responsive td:nth-child(5):before   {content: 'COAs'; font-family:'Robotobold'}

table.hzs-statement-responsive td:nth-child(1),   
table.hzs-statement-responsive td:nth-child(2),   
table.hzs-statement-responsive td:nth-child(3),   
table.hzs-statement-responsive td:nth-child(4),   
table.hzs-statement-responsive td:nth-child(5)   {padding-left:40%; text-align:left; width:auto;}

table.hzs-statement-responsive td:nth-child(1):before,
table.hzs-statement-responsive td:nth-child(2):before,
table.hzs-statement-responsive td:nth-child(3):before,
table.hzs-statement-responsive td:nth-child(4):before,
table.hzs-statement-responsive td:nth-child(5):before    {position:absolute; left:.5em;}
  
table.hzs-statement-responsive tr,
table.hzs-statement-responsive td   {display: block;}
table.hzs-statement-responsive tr   {position: relative; margin-bottom: 1em; box-shadow:none;}
table.hzs-statement-responsive td   {border-top: none;}

table.hzs-statement-responsive td.code {background:#3e6bb3; color:#fff}

table.hzs-statement-responsive td:nth-child(2) a   {text-decoration:underline}

*/





/*
------------------------------------------
Sub Cat Table
------------------------------------------
*/
table.layout tr                     {width:100%; border:1px solid #ddd; border-width:1px 1px 0px 1px;}
table.ww-partners-responsive            {box-shadow:none;}
table.ww-partners-responsive thead      {display:none;}
table.ww-partners th, table.ww-partners td  {padding:5px;}
    
table.ww-partners-responsive td:nth-child(1):before   {content: 'Country'; font-family:'Robotobold'}
table.ww-partners-responsive td:nth-child(2):before   {content: 'Company'; font-family:'Robotobold';}
table.ww-partners-responsive td:nth-child(3):before   {content: 'E-mail'; font-family:'Robotobold';  }
table.ww-partners-responsive td:nth-child(4):before   {content: 'Tel'; font-family:'Robotobold'}

table.ww-partners-responsive td:nth-child(1),   
table.ww-partners-responsive td:nth-child(2),   
table.ww-partners-responsive td:nth-child(3),   
table.ww-partners-responsive td:nth-child(4),   
table.ww-partners-responsive td:nth-child(5)   {padding-left:24%; text-align:left; width:auto; word-wrap:break-word}

table.ww-partners-responsive td:nth-child(1):before,
table.ww-partners-responsive td:nth-child(2):before,
table.ww-partners-responsive td:nth-child(3):before,
table.ww-partners-responsive td:nth-child(4):before,
table.ww-partners-responsive td:nth-child(5):before    {position:absolute; left:.2em;}
  
table.ww-partners-responsive tr,
table.ww-partners-responsive td   {display: block;}
table.ww-partners-responsive tr   {position: relative; margin-bottom: 1em; box-shadow:none;}
table.ww-partners-responsive td   {border-top: none;}

table.ww-partners-responsive td.code {background:#3e6bb3; color:#fff}

table.ww-partners-responsive td:nth-child(2) a   {text-decoration:underline}




/*
------------------------------------------
Diagnostic Kit Table
------------------------------------------
*/
table.layout tr                     {width:100%; border:1px solid #ddd; border-width:1px 1px 0px 1px;}
table.diag-kit-responsive            {box-shadow:none;}
table.diag-kit-responsive thead      {display:none;}
table.diag-kit th, table.diag-kit td  {padding:5px;}
    
table.diag-kit-responsive td:nth-child(1):before   {content: 'Code'; font-family:'Robotobold'}
table.diag-kit-responsive td:nth-child(2):before   {content: 'Product Name'; font-family:'Robotobold'}
table.diag-kit-responsive td:nth-child(3):before   {content: 'Contents1'; font-family:'Robotobold'}
table.diag-kit-responsive td:nth-child(4):before   {content: 'Contents2'; font-family:'Robotobold'}
table.diag-kit-responsive td:nth-child(5):before   {content: 'Contents3'; font-family:'Robotobold'}
table.diag-kit-responsive td:nth-child(6):before   {content: 'Packings'; font-family:'Robotobold'}

table.diag-kit-responsive td:nth-child(1),   
table.diag-kit-responsive td:nth-child(2),   
table.diag-kit-responsive td:nth-child(3),   
table.diag-kit-responsive td:nth-child(4),
table.diag-kit-responsive td:nth-child(5), 
table.diag-kit-responsive td:nth-child(6)   {padding-left:40%; text-align:left; width:auto;}

table.diag-kit-responsive td:nth-child(1):before,
table.diag-kit-responsive td:nth-child(2):before,
table.diag-kit-responsive td:nth-child(3):before,
table.diag-kit-responsive td:nth-child(4):before,
table.diag-kit-responsive td:nth-child(5):before,
table.diag-kit-responsive td:nth-child(6):before,
table.diag-kit-responsive td:nth-child(7):before,
table.diag-kit-responsive td:nth-child(8):before    {position:absolute; left:.5em;}
  
table.diag-kit-responsive tr,
table.diag-kit-responsive td   {display: block;}
table.diag-kit-responsive tr   {position: relative; margin-bottom: 1em; box-shadow:none;}
table.diag-kit-responsive td   {border-top: none;}

table.diag-kit-responsive td.code {background:#3e6bb3; color:#fff}

}


/************************************************************************************************************************************************************
SORTING STYLE
************************************************************************************************************************************************************/
.acen {width:100%; padding:0px; margin:0px; background:url(../icon-acen.html) no-repeat right; padding:5px;}
.dcen {width:100%; padding:0px; margin:0px; background:url(../icon-dcen.html) no-repeat right; padding:5px;}

.acen-active {width:100%; padding:0px; margin:0px; background:url(../icon-acen-active.html) no-repeat right; padding:5px;}
.dcen-active {width:100%; padding:0px; margin:0px; background:url(../icon-dcen-active.html) no-repeat right; padding:5px;}

/************************************************************************************************************************************************************
SORTING STYLE
************************************************************************************************************************************************************/

@media (max-width:560px){
.packing-table table th,
.packing-table table td{width:50%!important;float:left;}

.packing-table table tr{margin-bottom:0;border-bottom:0;}
.packing-table table tr td{margin-bottom:0;}
.packing-table table tr td:last-child{text-align:right!important;}
.sub-cat td .packing-table > table > tbody > tr > td{border:0!important;}
.packing-table table tr:after{content:' '; display:table; clear:both}
.packing-table table tr th:before,
.packing-table table  tr td:before{display:none;}
table.sub-cat-responsive td > table td:nth-child(5){width:auto!important;}

}
@media (min-width:768px) and (max-width:768px){
#top_lireso{color:#ffc800!important}
.sub-cat td table > tbody > tr > td{min-height:24px;width: 12%!important;}
table.sub-cat td:nth-child(1){width: 12%!important;}
table.sub-cat td:nth-child(2){width: 42%!important;}
table.sub-cat td:nth-child(3){width: 26%!important;}
table.sub-cat td:nth-child(5){width: 12%!important;}
}