		.box{
			  
			width: 1380px;
			height: 800px;
			
			border: 3px solid black;
			background-color: rgb(214, 245, 245);
		}
		.container1{
			
			background-color: #0A1393;
			border: 2px solid black;
			width:100%;
			height:120px;
			color:white;
		}
    .disabled {
    opacity: 0.5
}
.red
		{
			position: absolute;
	    	margin-top: 0px;
            margin-left: 2px;
            z-index: -30;	
		}

.dropbtn {
  background-color: #4CAF50; 
  border: none;
  color: white;
  border-radius: 4px;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  height:40px;
  width:160px; 
  margin-left: 1200px;
  margin-top: 143px;
}
.dropdown {
  position: absolute;
  display: inline-block;
}
.dropdown-content {
  padding-left: 10px;
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 238px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  margin-left: 970px;
  margin-top: 5px;
  z-index:2;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;
}



table { 
  border: 1px solid black;
  background-color: rgb(252, 252, 252);
}
th,td {
  border: 1px solid black;
  padding:1px ;
   
}
table.a {
  float: right;
    table-layout: auto;
    max-width: 1px;
      
}
.content
	    {
	    	position: relative;
	    	margin-top: 305px;
            margin-left: 35px;
            text-shadow: 0px 1px 0px #fff;
            z-index: 2;
	    }
.exampleContainer
		{
			position: relative;
			display: inline-block;
			background-color: Black;
			border-radius: 5px;
            margin-left: 18px;
            margin-right: 18px;
		}
.med-sevenSegArray5Slanted
	    {
	    	position: relative;
	        height: 14px;
	        width: 55px;
	    }    
.container6
{
 border: 1px solid black;
 background-color: rgb(252, 252, 252);
 padding:1px 12px 1px 12px;
 margin-top:199px;
 position:absolute;
 margin-left:830px;
 width:450px;
}
.container2{
			width:1000px;
			height:498px;
			background-color:#fdf5e2;
			margin-top:150px;
      margin-left:70px;
			border:5px solid black;	
		   }
.board{
	 position: absolute;
      top: 360px;
      left: 462px;
}
.bulb6{
	position:absolute;
	top:320px;
	left:490px;
}
.bulb7{
	position:absolute;
	top:320px;
	left:530px;
}
.bulb8{
	position:absolute;
	top:320px;
	left:570px;
}
.bulb9{
	position:absolute;
	top:320px;
	left:610px;
}
.bulb10{
	position:absolute;
	top:320px;
	left:650px;
}
.bulb5{
      position: absolute;
      top: 380px;
      left: 495px;
}
.bulb4{
	  position: absolute;
      top: 380px;
      left: 535px;
}
.bulb3{
	position:absolute;
	top:380px;
	left:575px;
}
.bulb2{
	position:absolute;
	top:380px;
	left:615px;
}
#MCount
{
  margin-left: 350px;
  height:28px;
  width:160px;
  margin-top: -21px;
  z-index: 3px;
  text-align: center;
  position: absolute;
  transform: translate(-51.6%, -45%);
  padding: 9px 3px 1px 3px;
}
.bulb1{
	position:absolute;
	top:380px;
	left:655px;}
.button:hover {background-color: #3e8e41}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
#am{
	position: absolute;
	height:30px;
	width:158px;
	border:1px solid black;
	margin-left:588px;
	margin-top:143px;
}
#vm{
	position: absolute;
	height:30px;
	width:158px;
	border:1px solid black;
	margin-left:150px;
	margin-top:143px;
}
#wm{
	position: absolute;
	height:30px;
	width:158px;
	border:1px solid black;
	margin-left:375px;
	margin-top:143px;
}
#mcb{
	position: absolute;
	height:30px;
	width:98px;
	border:1px solid black;
	margin-left:2px;
	margin-top:147px;
}
#meter{
	position: absolute;
	height:30px;
	width:115px;
	border:1px solid black;
	margin-left:20px;
	margin-top:450px;
}
.text1{
	        position: absolute;          
            left: 625px;
            color:white;
            top:100px;
}
.text2{
	position:absolute;
	top:100px;
	left:170px;
	color:white;
}
.text3{
	position:absolute;
	left:400px;
	color:white;
	top:100px;
}
button {
    width: 50px;
    height: 20px;
    border: 1px solid white;
    border-radius: 20px;
    background: #202020;
    color: white;
    cursor: pointer;
    outline: none;
}
#stopwatch {
    font-size: 25px;
    color: black;
    position: absolute;
    top: 390px;
    left: 310px;
    transform: translate(-50%, -55%);
}
#buttons {
    position: absolute;
    top: 405px;
    left: 310px;
    transform: translate(-51.6%, -45%);
}
#buttons li {
    display: inline;
    padding-left: 2px;
}
.meter {
        display: block;
        width: 283px;
        height: 155px;
        margin: 0px auto
      }
.meter-clock {
        -webkit-transform: rotate(-54deg);
                transform: rotate(-57deg);
        -webkit-transform-origin: 137px 146px;
                transform-origin: 137px 146px;
        fill: red;
        z-index :-20;
      }
.meter1 {
        margin-top:130px;
      }
.meter2 {
       margin-top:130px;
      }
.meter-clock2 {
        -webkit-transform: rotate(-54deg);
                transform: rotate(-54deg);
        -webkit-transform-origin: 137 px 146px;
                transform-origin: 137px 146px;
        fill: red;
      }
.meter3 {
       margin-top:130px;
      }
.meter-clock3 {
        -webkit-transform: rotate(-54deg);
                transform: rotate(-57deg);
        -webkit-transform-origin: 137 px 146px;
                transform-origin: 137px 146px;
        fill: red;
      }

.copyright{
  height:30px;
  width:1382px;
  border:2px solid black;
  top:813px;
  left:8px;
  background-color: #0A1393;
  color:white;  
  }
/*blink css begins*/

        #blink{
            height: 8px;
            
           
        } 
         #blink1{
            height: 8px;
            visibility: hidden;
            animation: blinker  1.11111111s linear infinite;
           
        } 
        #blink2{
            height: 8px;
            visibility: hidden;
            animation: blinkerr 1.30434783s linear infinite;
           
        }
        #blink3 {
            height: 8px;
            visibility: hidden;
            animation: blinkerrr 1.6666667s linear infinite;
           
        }
        @keyframes blinker {
        0%  { opacity: 1; }
  40% { opacity: 0; }
  80% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes blinkerr {
   0%  { opacity: 1; }
  40% { opacity: 0; }
  80% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes blinkerrr {
   0%  { opacity: 1; }
  40% { opacity: 0; }
  80% { opacity: 0; }
  100% { opacity: 1; }
}
      .gwd-select-li9t {
      position: absolute;
      height: 24px;
      left: 524px;
      top: 18px;
      width: 69px;
      transform-origin: 34.4px 12px 0px;
    }
   .yellow{
      position:absolute;
      margin-left:51px;
      z-index:-30;
      margin-top:17px;
      transition: 0.01s;
    }
    /*blink css ends*/










