.body{
    font-family: Arial, Helvetica, sans-serif;
}
/*navbar start*/
.navi ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
  }
  
  .navi li {
    float: left;
  }
  
  .navi li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-weight: bold;
  }
  
  .navi li a:hover:not(.active) {
    text-decoration: none;
    color:white;
    background-color: #00B0F0;
  }
  
  .active {
    background-color: #00B0F0;
  }
  .top-logo{
      text-align: center;
      width: 100%;
      padding:5px;
  }
/*navbar end*/
/*boxes*/
.dash-box{
    background-color: #333;
    padding:5px;
    color:white;
    text-align: center;
}
.dash-box:hover{
    background-color: #00B0F0;
}
/*boxes end*/
/*main table*/
.main-table{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.main-table th{
font-weight: bold;
font-size: small;
}
.main-table td:hover{
    background-color: #00B0F0;
    }
.main-table td{
    font-size: small;
    background-color: #00b0f042;
    border:2px solid white;
}
.paginate_button{
    font-size: x-small;
}
.dataTables_info{
    font-size: x-small;
}
.custom-select-sm{
    font-size: x-small;
}
.btn-ns{
    background-color: #00B0F0;
}
.btn-ns:hover{
    background-color: white;
}
/*main table end*/
/*shipment details*/
.ship-det{
    font-size: x-small;
}
/*shipment details end*/
.fotter{
    margin-top: 20px;
    background-color: #00B0F0;
    width: 100%;
    text-align: center;
    color: white;
}
.fotter-text{
    font-size: x-small;
    font-weight: bold;
}