/* Release 1.01 2025. All code: Copyright A Squared Technologies (ASTiNet) Ltd. 2025. All rights reserved. */
.scaleA {
      width: 100%;
      max-width: max-content;
    }
/*
{
    	margin: 0;
    	padding: 0;

}
*/
/* Base styles */

  body {
    font-size: 12px;
    font-family: Arial;
  }

/* Larger screens */

@media (min-width: 1200px) {
  body {
    font-size: 18px;
    font-family: Arial;
  }
} 

/* Progressively change font size to match screen size  */

@media (min-width: 1100px) {
  body {
    font-size: 14px;
    font-family: Arial;
  }
} 

@media (max-width: 990px) {
  body {
    font-size: 12px;
    Font-family: Arial;
  }
 }

@media (max-width: 880px) {
  body {
    font-size: 10px;
    Font-family: Arial;
  }
 }

@media (max-width: 750px) {
  body {
    font-size: 8px;
    Font-family: Arial;
 }
}

@media (max-width: 630px) {
  body {
    font-size: 6px;
    Font-family: Arial;
 }
}

@media (max-width: 510px) {
  body {
    font-size:5px;
    Font-family: Arial;
 }
}

	#header {
	width: 100%;
	background-color:lightgray;
	text-align: center;
}

	#logo {
	width: 4%;
	height: 2.5vw;
	background-color:lightgray;
	float: left;
	font-size: 1.0em;
}

	#title {
	width: 20%;
	height: 2.5vw;
	background-color:lightgray;
	float: left;
	padding-left: 2%;
	font-size: 1.3em;

}

	#camops {
	width: 44%;
	height: 2.5vw;
	background-color:lightgray;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 0vw;
}

.refresh {

	width: 7.5%;
	height: 2.5vw;
	background-color:lightgray;
	float: left;
	padding-top: 0vw;
	padding-bottom: 0vw;
	padding-left: 16%;
	font-size: .5em;
}

.button {
	border-radius: 0px;
	border: 0.2vw solid black;
	background-color:white;
	color:black;
	height: 2.1vw;
	width: 7vw;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0.30vw;
	text-align:center;
	text-decoration-color:green;
	text-decoration: none;
	display: inline-block;
	font-size: 2.2em;
	font-weight: bold;
	margin: 0px;
	cursor: pointer;
}
.button:hover{background-color:lightblue}

.imagenotify {

	width: 6.0%;
	height: 2.5vw;
	background-color:lightgray;
	float: left;
	padding-left: 0.5%;
	padding-top: 0vw;
	padding-bottom: 0vw;
	font-size: 0.7em;
	font-weight: bold;

}

.first{

	width:4%;
	height: 5.75vw;
    	background-color:lightgray;
    	float: left;
	padding-top: 0vw;
	padding-right:1%;
	padding-left: 0.5%;
	padding-bottom: 0vw;
	
}

.middle{
    	
	width:45%;
	height: 5.75vw;
   	background-color:lightgray;
    	float: left;
	padding-top: 0vw;
	font-size: .9em;
	padding-left:5.5%;
	padding-bottom: 0vw;

}

.second {
    	width: 43%;
	height: 4.75vw;
    	background-color:lightgray;
    	float: left;
	padding-top: 0vw;
	text-align: right;
	font-size:1.3em;
	font-weight: bold;
	text-decoration-color:blue;
	padding-right: 1%;	
	padding-top: 1vw;

}