/*Product Page*/

.spectroil-100{
    position: relative;
}

 .principle-of-operation{
  width: 70%;
}
.product-table{
    border-collapse: collapse;
    border: 1px solid #ccc;    
    width:50%
}

.product-table tbody tr:nth-child(odd) {
    background: #CCC
}
.product-table tbody tr:nth-child(1) td:nth-child(1),.product-table tbody tr:nth-child(1) td{
    color:#fff;
    font-weight: 600;
}
.product-table tbody tr:nth-child(1) td:nth-child(1){
    background: #666666;
}

.product-table tbody tr:nth-child(1) td{
    background: #663399;
}

.product-table tbody tr:nth-child(1) td:first-child{
    background: #666666;
}

/*Analytical Tests*/

.analytical-tests{
    border-collapse: collapse;
    border: 1px solid #ccc;   
    width:50%
}
.analytical-tests tbody tr:nth-child(1) td{
    /* background: #666666; */
    font-weight: 700;    
    color:#fff!important;
}
.analytical-tests tbody tr td:first-child{   
    text-align:left;
    color:#000;
}
.analytical-tests tbody tr td{   
    text-align:center;
    /* color:#008080; */
}
/* .analytical-tests tbody tr:nth-child(odd) {
    background: #CCC
} */

.request-a-quote{
    background: #d9edf7 !important;
    padding: 10px 25px !important;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px!important;
    border:1px solid #9acfea !important;
    margin-left: 36px!important;
}

.img{
    float: right;
    width: 40%;
}

.icon{
    width: 25px !important;
    height: 25px;
    margin-right: 15px !important;
    position: relative;
    top: -2px;
}

.img-left{
    padding-right: 15px;
}

.img-right{
    padding-left: 15px;
}

.img-right-w{
    padding-left: 15px;
}

.img-left{
    float: left;
    width: 50%;
}

.img-right{
    float: right;
    width: 50%;
}

.img-right-sm{
    float: right;
    width: 30%;
}

.img-inline-w{
    width: 32%;
}

.mlr{
    margin-left: 10px !important;
}

.field-brief-content .rte_content img {
    margin: 8px 0;
}

.bg-none{
    background: none !important;
}

.m-right{
    float:right;
     height:175px;
      margin:25px 10px;
       width:250px;
}

.bullet-blue li a {
    color: #006fa0 !important;
}
.bullet-blue li a:hover{
    color: #522e91 !important;
}

.mt-0 {
    margin-top: 15px !important;
  }

  .mb-0 {
    margin-top: 15px !important;
  }
  
  .mt-1 {
    margin-top: 25px;
  }

  .mb-0{margin-bottom: 15px;}
  
  

.text-color{
    color: #000 !important;
}

.text-color-white{
    color: #fff !important;
}

.th-bg-color{
    background: #666 !important;
}

h3.product-heading{
    clear: both;
    width: 100%;
    float: left;
    margin:30px 0;
    font-weight: 700;
}

.border-out-line-none{
    border: 0px !important;
}

.border-out-line-none tr td{
    border: 0px !important;
}

.microLab-offers td {
    vertical-align: text-top !important;
    color:#000;
}

.microLab-offers tr:nth-child(1) td{
    background:none !important;
    color: #000 !important;
}

.Oil-grease{
    font-size: 13px !important;
}

.Oil-grease tr td img{
    height: 60px !important;
}

.Oil-grease tr td{
    background: #fff !important;
    padding: 20px 5px;
    color: #555!important;
}

.Oil-grease tr td a{
    border-bottom:none!important;
    color: #0078ae !important;
}

.Oil-grease tr td table tr td {
    border: 0px;
    padding: 0px;
    border-left: 0px!important;
    color: #555 !important;
    font-weight: 700;
}

.Oil-grease tr td table {
    border: 0px;
    padding: 0px;
    width: 100%;
}

.minilab-product {
    width:60%;
    border:none !important;
}

.minilab-product tr td {
    
    border:none !important;
}

.minilab-product tr:nth-child(1) td {
    background: none !important;
}

.minilab-product tr:nth-child(even) {
    background: none !important;
}

.sample-preparation{
    display:flex;
    flex-wrap: wrap;
}

.sample-preparation figure {
    width:32%;
    text-align:center;
    margin-inline-start: -35px;
}

.preparation figure {
    width:32%;
    text-align:left;
    margin-inline-start: 0px;
}



.sample-preparation figure img, .preparation figure img {
   height:125px;
}

.sample-preparation figure figcaption, .preparation figure figcaption {
    margin-top:15px
}

.youtube-play1{
    width: 125px;
    height: 95px;
}

.y-mt-01{
    margin-top: 80px;
}

.related_products{
    margin-bottom: 30px;
}

.download-btn {
    background-color: #7ac143;
    color: #fff !important;
    font-size: 18px;
    padding: 15px 32px;
    border-radius: 7px;
    float: left;
    border-bottom: unset !important;
    /* text-decoration: underline !important; */
    margin-top: 15px;
    font-weight: 700;
}

.table-data{
    border-collapse:collapse;
    border:1px solid #ccc;
    padding:5px;
}

.table-data tr th, .table-data tr td{
    
    border:1px solid #ccc;
    padding:5px;
    font-size: 14px;
    font-weight: 600;
}

.left-nav-media{
    margin-top: 23px;
    margin-bottom: 15px;
}

.full-width{width: 100%; display: block; clear: both;}

.tag-blue {
    background: #0f709e;
    color: #fff;
}

.tag-blue:after {
    border-color: transparent #0f709e transparent transparent;
}

.tag-blue:after {
    content: "";
    position: absolute;
    top: 0;
    left: -15px;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 20px 0;
    /* border-color: transparent #f4f4f4 transparent transparent; */
}

.tag-blue {    
    padding: 12px 20px 12px 15px;
    margin: 10px 5px 10px 15px;
    display: inline-block;
    line-height: 1.3;
    position: relative;
    font-size: 14px;
    height: 40px;
}

 .active-color {   
    color: #006fa0 !important;
    font-weight: 600;
}

.links a {
    color: #333;
    font-size: 14px;
    display: block;
    margin: 10px 0;
    text-decoration: underline;
}

/*******************************
  Table Colors and Backgrounds
  Cell Background and Text Colors
  17-09-2021
  1st part Contamination: rgb(201, 223, 165)
  2nd part Chemistry: rgb(241, 194, 166)
  3rd part Wear: rgb(203, 192, 218)
********************************/

.table-colors{
    border-collapse: collapse;
    border: 1px solid #000 !important;
    color: #000!important;
}

/* .table-colors tr:nth-child(odd){
    border-left: 0;
    background: #fff;
} */

.table-colors tr:nth-child(1) td {
    border: 1px solid #000 !important;
    background: #ccc;
    color: #000;
}

.table-colors tr td {
    border: 1px solid #000 !important;
    background: #ccc;
    color: #000;
}


.table-colors tr:nth-child(1) td {
    background: #ccc !important;
    color: #000 !important;
    vertical-align: text-top;
}

.contamination, .chemistry, .wear{
    color: #000 !important;
}
.contamination{
 background: #c9dfa5 !important; 
}
.chemistry{
background: #f1c2a6 !important;
}	
.wear{
    background:#cbc0da !important;
}
.table-colors .bg-green{ 
    background:#74b744 !important;
}
.table-colors .bg-orange{ 
    background:#d45227 !important;    
}
.table-colors .bg-purple{ 
    background:#522a7b !important;    
}

.table-colors .green-light-c{
    background: #add17b !important;
}

.table-colors .orange-light-c{
    background: #e89f79 !important;
}

.table-colors .purple-light-c{
    background: #ad9bc3!important;
}










@media (max-width:575px){
    .sample-preparation figure {
        width:100%;
        margin-inline-start: 0px;       
    } 

    .field-brief-content .rte_content span, .field-brief-content .rte_content p{
        word-break: break-word;
    }

    .tag-blue{
        height: auto;
    }

    .img-auto{
        width: auto !important;
    }

    .img-inline-w, .m-right,.img{
        width: 100%;
        margin-bottom: 15px !important;
    }

    .mlr{
        margin-left: 0px !important;
    }

    .product_top_container > section.col-sm-7{
        margin-top: 15px;
    }
    .field-title{font-size: 26px; word-break: break-word;}
    .listOli li h4{
        font-size: 18px;
    }

    .field-brief-content .rte_content p strong {
        display: inline-block !important;
        font-size: 15px;
    }

    

    .related_products .col-md-3{
        margin-bottom: 30px;
    }

    .product-img-a{
        border-bottom: none !important;
    }

    .related_products .col-md-3 a{font-size: 16px;}

    .left-nav-media{
        width: 93%;
        margin-left: 15px;
    }
    .left-nav-media a, .left-nav-media img{
        width: 100%;
    }

    .img-right{width: 100%;}

    .icon{margin-bottom: 0px !important; margin-right: 5px !important;}
    
}




@media (min-width:768px) and (max-width:1024px){

    .Oil-grease tr td strong{
    font-size: 12px;
    }

}



@media (max-width:330px){
  
    /* .field-title{font-size: 26px} */
    .listOli li h4{
        font-size: 16px;
    }

   
}