body {
    background-color: #f5f5f5;
  }
  @media only screen and (max-width: 768px) {
    .bg{
    
      background-image: url(bg.jpg);
      background-size:  auto;
      background-repeat: no-repeat;
      background-color: #fff;
      background-attachment:fixed;
    }
  }
  @media screen and (min-width: 768px) {
    .bg{
    
      background-image: url(bg.jpg);
      background-size: 100%;
      background-repeat: no-repeat;
      background-color: #fff;
      background-attachment:fixed;
    }
  }
  

  .head {
    background: none;
    color: #27476e;
    height: 240px;
    width: 100%
  }

  .board {
    background-color: #fff;
    box-shadow: 0px 0px 5px #888888;
    margin-top: -100px;
    border: 1px solid #ccc;
    border-radius: 2px;
    min-height: 500px;
    padding: 20px 5%;
    margin-bottom: 20px;
  }

  .box {
    border-radius: 3px;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  }

  .searchbtn {
    margin: 40px 0;
  }

  .form-inline input,
  .form-inline select {
    margin: 0 20px 0 10px;
    min-width: 100px
  }

  .table>tbody>tr>td,
  .table>tbody>tr>th,
  .table>tfoot>tr>td,
  .table>tfoot>tr>th,
  .table>thead>tr>td,
  .table>thead>tr>th {
    vertical-align: middle;
    text-align: center
  }
  .mg-l-0{
    margin-left: 0!important;
  }

  #table_filter {
    display: none
  }
  #basicinfo table th:first-child {
    width: 30%
  }

  .table {
    width: 100% !important
  }

  #resultsTable_filter {
    display: none
  }
  .nav-tabs>li{
    width: 20%!important;
    
  }
  .nav-tabs>li>a{
    text-align: center;
    
  }
  .text-xs>li>a{
    font-size: 14px;
    padding: 4px 6px;
  }

  #basicinfoTable tbody th{
      background-color: #eee;
      text-align: right
  }
  #basicinfoTable tbody td{
    text-align: left
}
.text-muted{
  margin-bottom: 30px
}

.FontColorRed{
  color: crimson
}
.FontColorGreen{
  color: darkgreen
}