body{
   width: 100%;
   height: 100%;

}
.body-bg{
   background: #1DB3D6 !important;
}
.body-bg1{
   background: #FFFFFF !important;
}
.body-bg2{
   background: #C0C0C0 !important;
}
#container_head{
  height: 110px;
  width: 100%;
  padding: 5px;
  margin-top: 10px;
}
.picture_container{
   width:100%;
   height: 400px;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 30px;
}
.picture_container img {
   width: 30%;
   height: 400px;
   margin-right: 10px;
}
.nav_ccontainter{
   height: auto;
   width: 100%;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-top: 10px;
}
.nav_ccontainter button{
   width: 250px !important;
   font-size: 20px !important;
   font-weight: bold !important;
   margin-right: 2px !important;
   color: #FF00B6 !important;
}
.nav_ccontainter button:hover{
   background-color: #FFFFFF !important;
 }
.bg-yellow{
   background-color: #F7FF14 !important;
}
.nav_footer{
   height: auto;
   width: 100%;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-top: 15px;
   margin-bottom: 5px;
}
.nav_footer button{
   width: 250px !important;
   font-size: 20px !important;
   font-weight: bold !important;
   margin-right: 2px !important;
   color: #FFFFFF !important;
}
.bg-pink{
   background-color: #FF00B6 !important;
}
.nav_footer button:hover{
   background-color: #FFFFFF !important;
   color: #FF00B6 !important;
 }
.spl-set{
   width: 100%;
   font-size: 16px;
   color: #FFFFFF !important;
   font-weight: bold;
   text-align: center;
   background-color: darkslategrey;
   margin-top: 10px;
}
#result_container{
   width: 95%;
   height: auto;
   margin-left: auto;
   margin-right: auto;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-top: 10px;
}
#tbl_status{
   width: 92%;
   background-color: #FFD700;
   border: 2px solid rgb(247, 0, 255);
   margin: 10px auto;
   border-collapse: collapse;
}
.td-hgt{
   height: 40px;
   width: 30% !important;
   text-align: center;
   vertical-align: middle;
   color: rgb(3, 28, 250);
   font-weight: 800;
   border: 2px solid rgb(247, 0, 255);
   border-collapse: collapse;
   width: 31%;
}
.td-hgt1{
   height: 200px;
   width: 30% !important;
   text-align: center;
   vertical-align: middle;
   border: 2px solid rgb(247, 0, 255);
   border-collapse: collapse;
   align-content: center;
}
#ct{
   width: 40%;
   text-align: center;
   font-size: 24px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #008000;
   border-radius: 10px;
   margin: 20px auto;
 }
 #pastreport_container{
   width: 80%;
   height: auto;
   padding-top: 5px;
   padding-bottom: 5px;
   margin: 10px auto;
 }
 #past_result_tbl{
    border-collapse: collapse !important;
    background-color: #FFFFFF;
    font-size: 16px !important;
    font-weight: bold !important;
 }
    .td-hgt{
      font-size: 36px;
   } 
    .badge{
      font-size: 36px !important;
      border-radius: 10px !important;
      margin-right: 3px !important;
   }
    #date_container{
      width: 50%;
      margin: 20px auto;
   }
    #ct_date{
      float: left;
   }
   #ct_time{
      float: right;
   }
   #ct_date, #ct_time{
      display: inline-block;
      width: 40%;
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      color: #FFFFFF;
      background-color: #800080;
      border-radius: 10px;   
    }
    @media (min-width:320px) and (max-width:1024px) {
      .badge{
         font-size: 28px !important;
         border-radius: 10px !important;
         margin-right: 3px !important;
      }
      .td-hgt{
         font-size: 26px;
      }
      #date_container{
         width: 60%;
         margin: 20px auto;
      }
       #ct_date{
         float: left;
      }
      #ct_time{
         float: right;
      }
      #ct_date, #ct_time{
         display: inline-block;
         width: 40%;
         text-align: center;
         font-size: 20px;
         font-weight: bold;
         color: #FFFFFF;
         background-color: #800080;
         border-radius: 10px;   
       }
    } 
    
 /* @media screen and (max-width: 960px){
   .badge{
      font-size: 28px !important;
      border-radius: 10px !important;
      margin-right: 3px !important;
   }
   .td-hgt{
      font-size: 26px;
   }
   #date_container{
      width: 60%;
      margin: 20px auto;
   }
    #ct_date{
      float: left;
   }
   #ct_time{
      float: right;
   }
   #ct_date, #ct_time{
      display: inline-block;
      width: 40%;
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      color: #FFFFFF;
      background-color: #800080;
      border-radius: 10px;   
    }
 } */