@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
}

.smenu{
    display: none;
}

body{
    background-color: #fcfdff;
}
main{
    padding-top: 80px;
    
}

h1{
    padding:15px 30px;
    font-size: 35px;
    color:rgb(50,50,50);
    background-color: rgba(155,155,155,0.3); 
    text-align: center;
}
.midlogo img{
    height: 60px;
    width: 60px;
    float: right;
    display: none;
}

.breadcrumb-dn p{
    display: inline;
    text-align: center;
}
img.button-collapse{height: 50px;
    width: 50px;}

.mdb-skin .navbar {
    background-color: rgba(28, 82, 126,0.7);
    position: fixed;
    width: 100%;
}

.navbar.navbar-dark .breadcrumb a:hover, .navbar.navbar-dark .navbar-nav .nav-item a:hover {
    color: rgba(55,55,155,.75);
}

.mr-auto img{
    height: 50px;
    margin-left: 10px
}
.cstat,.creg{
    height: 80px;
    
}
.cstat{
 background-color:rgba(0, 63, 165,0.9);
}
.creg{
    background-color: rgba(0, 63, 165,0.9);
   
}


.marq{
    background-color: rgba(250, 235, 215,0.2);
    min-height: 60px;
    margin-top: 5px;
    color: firebrick;
    font-size: 25px;
    text-align: center;
}

.creg ,.cstat ,.rtia {
    color: white;
    font-size: 25px;
    text-align: center;
    padding-top: 10px;
}


.hlpl{
    /* margin-top: 15px; */
    background-color:rgba(0,50,255,0.1);
    color: rgb(50,50,50);
    font-size: 20px;
    text-align: center;
    padding-bottom: 30px;
}

.hlpl h1{
    font-size: 35px;
    color:rgb(50,50,50);
    background-color: rgba(155,155,155,0.3);
    width: 200px;
    margin: 20px auto 30px;
}

.creg:hover,.cstat:hover ,.rtia:hover{
    font-size: 30px;
    text-decoration: none;
    transition-duration: 200ms;
    padding-top: 5px;
}

.sld{
    margin: 0;
    padding: 0;
    text-align: center;
    color: white;
}

.sldh{
    padding-top:25%;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
}

.sldp{
    height: 100%;
    text-align: center;
}

.sldsp{
    font-size: 1.1em;
    font-weight: 500;
}

.sld1{
    background-image: url(../images/horizontal-930716_960_720.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-lmd{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30%;
    background-color: midnightblue;
    color: white;width: 150px;
    height: 60px;
    
}

.ct1,.ct2,.ct3,.ct4{
    height: 100px;
    background-position: center;
    background-clip: border-box;
    margin: 0px;
}

.ct2{
    background-image: url(../images/consumerInterest.png);
    }

.ct1{
    background-image: url(../images/accuracyweight.png);
}

.ct3{
    
    background-image: url(../images/ppaid1.png);
}

.ct4{
    background-image: url(../images/farmProduced2.png);
}

.cta{
    height: 100px;
    text-align: center;
    vertical-align: middle;
    /* background-color: rgba(0,0,0,0.4); */
    color: white;
    width: 100%;
    margin-left: -0%;
    font-size: 10px;
    font-weight: 600;
    
}

.cta1{
    padding-top: 35px;
}
.cta2{
    padding-top: 40px;
}
.cta3{
    padding-top: 35px;
}
.cta4{
    padding-top: 35px;
}
.abt{
    margin: 20px auto;
    
}


.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  /* height: 400px; */
  margin: 1rem;
  position: relative;
}

.card1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.abtcrd{
    width: 100%;
}
.hlpcrd{
    width: 100%;
    margin: 70px auto 0px;
}

.srvcard{
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 50px;
}

.srvcard a{
    color: black;
}
.srvcard a:hover{
    color: rgb(90,90,90);
}

.chrtbox{
    width: 98%;
    margin: 50px auto;
}

.lt{
    float: left;
}

.rt{
    float: right;
}

.aboutl h1{
    width: 150px;
    margin: 10px auto;
    margin-top: 50px;
   
}

.abttxt{
    width: 50%;
padding: 10px;
font-size: 13px;
line-height: 20px;
font-weight: 600;
text-align: center;
}
.abtimg{
    width:50%;
}

.srvcs h1{
    width: 220px;
    margin: 20px auto 10px;
}

.sc i{
    font-size: 180px;
}

.sc span{
    display: block;
    font-size: 25px;
    text-align: center;
}

.dc,.lc,.bc{
    width: 375px;
    margin: 10px auto;
}

.dc h2, .lc h2, .bc h2{
    text-align: center;
}

.chrtbox h1{
    width: 230px;
    text-align: center;
    margin: 0 auto;
}

 /* #lineChart,#doughnutChart{
   padding:50px;
     
 }
 */

.legendColor{
    width: 150px;
    height: 50px;
    border: 2px solid #ccc;
}
.navbar-nav .open .dropdown-menu {
    background-color: white;
    font-size: 15px;
}

.navbar .dropdown-menu a {
    font-size: 22px;
    font-weight: 300;
    padding: 10px;
}

.centerfoot{
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }

.footnav{
    background-color: midnightblue;
}

.fabt, .frcs, .fdld, .fufl, .fctc, .flang{
    color: white;
}

footer li a{
    color: white;
}

footer li a:hover{
    color: coral;
    text-decoration: none;
}

.fcrdts{
    text-align: center;
}

.sn-bg-1{
    background-image: none;
    background-color: midnightblue;
}

.subpage{
    padding-top:10px;
}

.subsubpage{
    padding-top:120px;
}

.pageHead{
    margin-top: 120px;
}

article{
    margin: 10px;
    line-height: 25px;
    background-color: whitesmoke;
    padding: 20px;
}

article p{
    font-size: 16px;
    text-align: justify;
    margin-top: 10px;
}

article h2{
    font-weight: 900;
    text-align: center;
    color: rgb(100,150,150);
    margin-bottom: 35px;
}

article h4{
    margin: 20px auto;
    font-weight: 900;
    text-align: center;
    color: rgb(100,150,150);
}

article ol{
    padding-left: 15px;
    font-size: 16px;
    margin-bottom: 25px;
    text-align: justify;
    list-style-type: disc;
    list-style-position: inside;
    list-style-image: url(../images/tick.png);
}

article ul{
    padding-left: 15px;
    font-size: 16px;
    text-align: justify;
    margin-bottom: 25px;
    list-style-type: decimal-leading-zero;
    }

article span{
    font-size: 18px;
    font-weight: 600;
    color: darkred;
    margin: 0px 20px;
}

.bann1{
    width: 100%;
    height: 300px;
    background-image: url(../images/metrology.jpg);
}

.tooltip{
    font-size: 25px;
}

.err404{
    background-image: url(../images/404.png);
    background-size: cover;
    width: 100%;
}

p.underConstruct{
    font-size: 55px;
    font-weight: 700;
    background-color: rgba(0,0,0,0.3);
    color: rgb(250,255,250);
    height: 800px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin-bottom: -100px;
    padding-top: 300px;
    text-shadow: 0px 2px 5px rgba(0,0,0,1);
}
.tcard{
    margin: 10px auto;
}
.tcard img{
  width: 150px;
margin: 20px 27%;
    border-radius: 125px;
}

.tcard p{
    font-size: 22px;
    font-weight: 600;
    color: #222;
    display: block;
    text-align: center;
}

span.tspan{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #777;
    margin: 10px 15%;
    padding-bottom: 40px;
    display: block;
    }

.emptyDiv{
    min-height: 5px;
}


.compat{
    font-size: 10px;
    padding-top: 5px;
}

table.contactTable>tbody>tr>th{
    text-align:center;
    background-color:#f46e42;
    color:white;
    font-size: 1.25em;
}

table.contactTable>tbody>tr>td{
    text-align: center;
    background-color: white;
}

input.light-table-filter {
        height:30px;
        font-size:20px;
        width: 80%;
margin: 2% 10%;
box-shadow: 0px 2px 2px #ccc;
padding-left: 2%;
background-color: #f1f1f1;


        }
footer{
    margin-top: 30px;
}



@media only screen and (min-width:1260px){
    
/* .navbar-nav {
    width: 70%;
} */
    
    .smenu{
        display:none;
    }
    
 .nav-item{
    margin-right: 40px;
 }
 
    
    .navbar .dropdown-menu a {
    font-size: 15px;
    font-weight: 300;
    padding: 10px;
}
    
    .logotxt{
        font-size: 40px;
        margin-left: 20px;
    }
    
    .midlogo img{
        display: block;
    }
    
    .cstat,.creg,.rtia{
    height: 50px;
    }
    
    .marq{
    
    min-height: 30px;
    margin-bottom: 20px;
    }
    
    .abttxt{
    width: 50%;
padding: 70px;
font-size: 18px;
line-height: 35px;
font-weight: 600;
text-align: justify;
}
    
    .srvcs h1{
    width: 220px;
    margin: 50px auto 10px;
}
    
    .cta{
        font-size: 15px;
    }
    
    #lineChart,#doughnutChart,#barChart{
    margin-left: 10%;
        padding:10px;  
}
    .dc,.lc,.bc{
    width: 31%;
margin-left: 1.4%;
}
    
    .centerfoot{
        text-align: left;
        width: 80%;
        margin: 0 auto;
    }
    
   .testi h1{
        width: 400px;
        margin: 10px auto;
    }
    
     input.light-table-filter {
        height:50px;
        font-size:25px;
        }
    
    
}