.thbgcolor thead > tr:first-child > th:first-child{
 background-color: #4081ed;
 color:white;
 width:2% !important;
}

.thbgcolor thead > tr:first-child > th:nth-child(2){
 background-color: #f4b71c;
  color:white;
  width:32% !important;
}

.thbgcolor thead > tr:first-child > th:nth-child(3){
 background-color: #2196f361;
  color:white;
  width:9% !important;
}
.thbgcolor thead > tr:first-child > th:nth-child(4){
 background-color: #607d8b;
  color:white;
  width:15% !important;
}
.thbgcolor thead > tr:first-child > th:nth-child(5){
 background-color: #e55033;
  color:white;
    width:40% !important;
}
.thbgcolor .table th, .thbgcolor .table td{
    padding: 0px 7px !important;
    font-size:13px !important;
}

 .refrigerantTable .table {
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #dddddd;
    }
 
    .textcontent {
        text-align: justify;
    }
    .textcontent li{
        list-style-type: disc;
    }
    .refrigerantTable table {
        max-width: 100%;
        background-color: transparent;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .refrigerantTable .table-striped tbody>tr:nth-child(odd)>td,
    .table-striped tbody>tr:nth-child(odd)>th {
        background-color: #f9f9f9;
    }

    .refrigerantTable .table tr:nth-child(odd):hover {
        -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
        box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
        z-index: 1;
    }

    .refrigerantTable .table tr:nth-child(even):hover {
        -webkit-box-shadow: inset 1px 1px 1px 1px;
        box-shadow: inset 1px 1px 1px 0px;
        z-index: 1;
    }

    .refrigerantTable .table th,
   .refrigerantTable .table td {
            padding: 6px 7px;
            line-height: 28px;
            font-size: 14px;
            text-align: left;
            vertical-align: middle;
            border-top: 1px solid #dddddd !important;
            border-right: 1px solid #dddddd !important;
    }

    .refrigerantTable .tickmark {
        width: 6px;
        height: 12px;
        border: solid #4caf50;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
	.classification .tickmark {
            width: 6px;
            height: 10px;
            border: solid #4caf50;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    }

    .refrigerantTable td,
    .refrigerantTable th {
        border: 0px solid #CCC;
        padding: 5px 10px;
    }

    .refrigerantTable .pdfimg {
        width: auto;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
        border: 0;
        -ms-interpolation-mode: bicubic;
    }

    @media (max-width: 992px) {
    .classification .table {
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #dddddd;
    }
 .classification table {
        max-width: 100%;
     
    }
   .classification table td{   
       border: 1px solid #CCC;
    padding: 5px 7px;
 
    font-size: 12px;
    line-height: 18px;
}
    .classification .table tr:nth-of-type(1) td{
       vertical-align:middle !important
   }
        .refrigerantTable .table th,
        .refrigerantTable .table td {
            padding: 12px 5px;
            font-size: 12px;
            line-height: 18px;
            text-align: left;
            vertical-align: middle !important;
            border-top: 1px solid #dddddd;
        }

        .refrigerantTable .table th:nth-of-type(1),
        .refrigerantTable .table td:nth-of-type(1) {
            width: 90px;
        }

        .refrigerantTable .table {
            width: 100% !important;
            margin-bottom: 20px;
            border: 1px solid #dddddd;
            table-layout: auto !important;
        }

        .refrigerantTable .tickmark {
            width: 6px;
            height: 10px;
            border: solid #4caf50;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
		
              .refrigerantTable {
            overflow-x: scroll;
        }
  
        .refrigerantTable .spantext {
            font-size: 7px;
        }
         .classification .table tr:nth-of-type(1) td:nth-of-type(3){
       width:25% !important;
   }

    }
    @media (min-width: 481px) and (max-width: 767px) {
  
  .refrigerantTable .pdfimg {
            width: auto;
            height: auto;
               width: 24px;
            /* vertical-align: middle; */
            border: 0;
            -ms-interpolation-mode: bicubic;
        }
  
}

@media (min-width: 320px) and (max-width: 480px) {
  
.refrigerantTable .pdfimg {
            width: auto;
            height: auto;
               width: 18px;
            /* vertical-align: middle; */
            border: 0;
            -ms-interpolation-mode: bicubic;
        }
   
  
}