/*
Bootstrap 3.1 overrides from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/
.Searchbarheadertext{
    text-align:center;
    padding-top:20px;
    font-weight:bold;
    color:#000;
    line-height:35px;
    font-size:30px;
}
.tabledata{
    padding-left:40px;
    position:center;
    padding-top:40px;
    padding-bottom:40px;
}
.tabledata input{
    padding-top:25px;
    padding-bottom:25px;
}
#searchbutton{
    padding-top:14px;
    padding-bottom:14px;
    background-color:#F02D00;
    width:150px;
    font-size:15px;
    border-color:#F02D00;
    font-weight:bold;
}
.navhome{
    text-align:right;
}

body {
  margin: 0;
 /* font-family: Arial, Helvetica, sans-serif;*/
  
    font-family: Work Sans;

}

.topnav {
  overflow: hidden;
  background-color: #e7e7e7;
}

.topnav a {
  float: left;
  color: #F02D00;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
  font-size: 26px;
}

.topnav a:hover {
  /*background-color: #ddd;*/
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav-right {
  float: right;
  font-size: 26px;
   padding: 14px 40px;
   font-weight:bold;

}
.logo{
    width:250px;
    height:80px; 
    padding-left: 100px;
    padding-top: 20px;
}

.contentbox{
    background-color:#f7f8fd ;
    width:50%;
    
}
.contentbox p{
    text-align:left;
    color:#000;
    padding-left:20px;
    font-size:18px;
    font-weight:bold;

}

.contentbox li{
    text-align:left;
    color:#000;
    padding-left:20px;
    font-size:18px;
    padding-right:5px;

}
#studentdata{
    width:80%;
}

.changesform{
    font-weight:bold;
    font-size:13px;
}

@media screen and (min-width: 320px) and  (max-width: 767px){
.logo {	
	width:150px;
	height:80px; 
    padding-left: 20px;
    
}
.topnav-right{
    font-size: 26px;
      padding: 30px 0px;

}
.topnav a {
  float: left;
  color: #F02D00;
  text-align: center;
  padding: 1px 20px;
  text-decoration: none;
  font-size: 20px;
}
.contentbox{
    background-color:#f7f8fd ;
    width:100%;
    
}
.Searchbarheadertext{
    text-align:center;
    padding-top:20px;
    font-weight:bold;
    color:#000;
    line-height:20px;
    font-size:20px;
}
.contentbox li{
    text-align:left;
    color:#000;
    padding-left:20px;
    font-size:15px;
    padding-right:15px;

}
.tabledata input{
    padding-top:25px;
    padding-bottom:25px;
}
#searchbutton{
    padding-top:14px;
    padding-bottom:14px;
    margin-right:15px;
    background-color:#F02D00;
    width:80px;
    font-size:15px;
    border-color:#F02D00;
    font-weight:bold;
}
.tabledata{
    padding-left:20px;
    position:center;
    padding-top:20px;
    padding-bottom:20px;
}
#studentdata{
    width:100%;
    font-size:10px;
    /*margin-right:40px;*/
}

.changesform{
    font-weight:bold;
    font-size:13px;
    text-align:center;
    margin-left:30px;
    margin-top:-10px;
}
}