.navada-tick
{
  /*float:right;
  position: absoloute;
 
  z-index:4;
  width:78px;
  height:70px;*/
    float:right;
  /*position: absoloute;*/
 
  z-index:4;
  width:39px;
  height:35px;
}

.report-group
{
  width: 100%;
 
}
.heading-wrapper
{
display: flex;
  justify-content: center;
 
}
.graph
{
  height: 435px;
  width: 90%;
  margin: 0 auto 0 0;
}

.submenu
{
  margin: 40%;
}

.chart-info
{
  width: 90%;
  margin: 0 auto 0 0;
  text-align:center;
}


#frmDeviceSelect{
	text-align: center;
	width: 100%;
}
.device-selected{
	display: block;
margin: 0 auto;
}



.menuoverlay{
	margin:auto; 
	display:table; 
	width:90%;
    Top:10px;	
}
#reporttitle{
	top: 15px;	
}
   
/* Let's Beautify Our Form */
/* JDI: Mmm. */
/* form
{
  margin: 20px;
} */

input[type="submit"]
{
  float: right;
  background: #d8d8d8;
  border: 1px solid #c4c4c4;
  margin-left: 5px;
  margin-right:10%;
  padding: 6px 60px;
  cursor: pointer;
  outline: none;
  font-size: 34px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

input[type="submit"]:hover
{
  color: #fff;
  border-color: #1b7aa9;
  background-color: #239fdb;
}
.article-heading h1 {
  text-align:center;
 
  text-transform:uppercase;
  font-size:26px; letter-spacing:1px;
  
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 22px;
}

.article-heading h1:after,.eight h1:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #ccc;
  background-color:#f8f8f8;
}

.report-heading:before {

}

.report-heading
 {
	/*-moz-box-shadow:inset 0px 0px 0px 2px #bbdaf7;
	-webkit-box-shadow:inset 0px 0px 0px 2px #bbdaf7;
	box-shadow:inset 0px 0px 0px 2px #bbdaf7;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	text-indent:0px;*/
	/*border:2px solid #00aeff;
	text-decoration: underline;
	display:inline-block;
	color:#000;
	font-family:Arial;
	font-size:41px;
	font-weight:normal;
	font-style:normal;

	width:60%;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 35px;*/

	/*text-decoration:none;
	text-align:center;*/
  /*background-color:#239edb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #239edb), color-stop(1, #107bad) );
	background:-moz-linear-gradient( center top, #239edb 5%, #107bad 100% );*/
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-transform: uppercase;
  vertical-align: bottom;
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 2px;
  color: #333;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #000000;
  width: 350px;
  padding-bottom: 5px;
  display: flex;
  justify-content: flex-start;
  height: 65px;
  line-height: 65px;
  padding-top: 15px;
  text-align: left;
	
}
.report-heading:hover 
{
 /* background-color:#107bad;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #107bad), color-stop(1, #239edb) );
	background:-moz-linear-gradient( center top, #107bad 5%, #239edb 100% );*/
}
.report-heading:after{

}
.report-heading img {
  width: 30px;
  height: auto;
  margin-left: 10px;
  position: absolute;
  bottom: -6px;
  left: 95%;
  transform: translateX(-50%);

}

.Replogo 
{ 
  background-image:url("../images/navada-tick.png");
  background-repeat:no-repeat;
  float:right;
  position:relative;
  margin: 0 20.5% 0 0;
  top:-81px;
  height:70px;
  width:78px;
  z-index: 4;
}

.ReportTable
{
  overflow:hidden;
	margin: 15px 5% 25px 5%;
	width:90%;
	border:1px solid #7f7f7f;
	
	-moz-border-radius: 15px;
  -webkit-border-radius: 15px; 
  border-radius: 15px;
}
.ReportTable table
{
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  margin:0px;
  padding:0px;
}
.ReportTable tr:nth-child(odd)
{
  background-color:#e5e5e5;
}
.ReportTable tr:nth-child(even)
{
  background-color:#ffffff;
}
.ReportTable td
{
  vertical-align:middle;
  border:1px solid #7f7f7f;
  border-width:0px 1px 1px 0px;
  text-align:left;
  padding:10px;
  font-size:20px;
  font-family:Arial;
  font-weight:normal;
  color:#4c4c4c;
}
.ReportTable tr:last-child td
{
  border-width:0px 1px 0px 0px;
}
.ReportTable tr td:last-child
{
  border-width:0px 0px 1px 0px;
}
.ReportTable tr:last-child td:last-child
{
  border-width:0px 0px 0px 0px;
}
.ReportTable tr:first-child td
{
  background-color:#cccccc;
  border:0px solid #7f7f7f;
  text-align:center;
  border-width:0px 0px 1px 1px;
  font-size:30px;
  font-family:Arial;
  font-weight:normal;
  color:#333333;
  background: -o-linear-gradient(top,#cccccc,b2b2b2);  
  background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
  background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
}
.ReportTable tr:first-child:hover td
{
  background-color: #cccccc;
  background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
  background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
}
.ReportTable tr:first-child td:first-child
{
  border-width:0px 0px 1px 0px;
}
.ReportTable tr:first-child td:last-child
{
  border-width:0px 0px 1px 1px;
}

.ReportTable table tr:first-child td:first-child
{
  -moz-border-radius-topleft:15px;
  -webkit-border-top-left-radius:15px;
  border-top-left-radius:15px;
}
.ReportTable table tr:first-child td:last-child 
{
  -moz-border-radius-topright:15px;
  -webkit-border-top-right-radius:15px;
  border-top-right-radius:15px;
}
.ReportTable tr:last-child td:first-child
{
  -moz-border-radius-bottomleft:15px;
  -webkit-border-bottom-left-radius:15px;
  border-bottom-left-radius:15px;
}
.ReportTable tr:last-child td:last-child 
{
  -moz-border-radius-bottomright:15px;
  -webkit-border-bottom-right-radius:15px;
  border-bottom-right-radius:15px;
}

/*Special styles for rows in the Patches table*/
.ReportTableUpdates table tr:first-child td:first-child 
{
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
}
.ReportTableUpdates table tr:first-child td:last-child 
{
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	border-top-right-radius:15px;
}
.ReportTableUpdates tr:last-child td:first-child
{
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
}
.ReportTableUpdates tr:last-child td:last-child 
{
  -moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-right-radius:15px;
}
.ReportTableUpdates tr:nth-child(2)
{
  background-color:#fb3e3e; 
}
.ReportTableUpdates tr:nth-child(3)
{
  background-color:#04d104;
}
.ReportTableUpdates tr:nth-child(4)
{
  background-color:#fcbf04;
}
.ReportTableUpdates tr:last-child td
{
	border-width:0px 1px 0px 0px;
}
.ReportTableUpdates tr td:last-child
{
	border-width:0px 0px 1px 0px;
}
.ReportTableUpdates tr:last-child td:last-child
{
	border-width:0px 0px 0px 0px;
}
.ReportTableUpdates tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.ReportTableUpdates tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.GoogleGraph
{
  text-align: center;
  margin: 5px 5%;
  width:90%;
  border:1px solid #7f7f7f;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
}
.drive-info
{
  width: 90%;
  border: 1px solid;
  border-radius: 15px;
  margin: auto;
  padding: 10px;
}
.part-info
{
  width: 70%;
  border: 1px solid;
  border-radius: 4px;
  margin: auto;
  padding: 10px;
}
.drive-attribute
{
  border-top: 1px solid;
  border-bottom: 1px solid;
  width: 70%;
  margin: auto;
  text-align: center;
  padding: 10px;
}
@media only screen and (max-width: 769px) {
#reporttitle{
	top: 65px;
	position: relative;
	
}	

.report-heading
 {

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:2px solid #00aeff;
	font-size:25px;
	height:45px;
	line-height:45px;
	width:80%;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;

}
.navada-tick
{
  float:right;
  /*position: absoloute;*/
 
  z-index:4;
  /*width:39px;
  height:35px;*/
  width:20px;
  height:18px;
}

.ReportTable tr:first-child td{
 font-size: 15px;
}
.ReportTable td{
 font-size: 15px;
}



}