.box{
height:730px;
width:1510px;
position:absolute;
border:4px solid black;
background-color:rgb(237, 236, 236);
}
 .disabled {
    opacity: 0.5
}
.container1{
background-color: #bb2525;
width:1510px;
height:120px;
color:white;
}
.copyright{
height:22px;	
width:1510px;
background-color: black;
top:707px;
padding-top: 4px;
color:white;
border: auto;
position: absolute;
}
.container2{
	width: 870px;
	height:500px;
	background-color: #000000;
	margin-top:10px;
	margin-left:110px;
	border:12px solid #d34e19 ;
	position:absolute;
}
/*Dropdown css*/
.dropbtn {
  position: absolute;
  background-color: #3387cc;
  border: none;
  color: white;
  border-radius: 6px;
  padding: 9px 7px;
  letter-spacing: 2px;
  box-shadow: 4px 4px 4px black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
  height: 34px;
  width: 149px;
  margin-left: 1167px;
  margin-top:-15px;
}
.dropdown {
  position: absolute;
  display: inline-block;
}
.dropdown-content {
  padding-left: 10px;
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 550px;
  box-shadow: 8px 8px 11px 0px rgba(0,0,0,0.8);
  margin-left: 815px;
  margin-top: 27px;
  z-index:2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13.5px;
  border: 1px solid black;
  border-radius: 4px;
}
.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: crimson;
}

#add{
  background-color: #4CAF50;
  border: none;
  color: white;
  border-radius: 11px;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  margin-left: 150px;
  box-shadow: 5px 5px 5px darkgreen;
}

#add:hover{
  background-color: rgb(42, 153, 42);
}

#add:active {
  background-color: rgb(42, 153, 42);
  transform: translateY(4px);
}

.check{
  background-color: #4CAF50;
  border: none;
  color: white;
  border-radius: 11px;
  padding: 8px 13px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  margin-left: -560px;
  box-shadow: 5px 5px 5px darkgreen;
}

.check:hover{
  background-color: rgb(42, 153, 42);
}

.check:active {
  background-color: rgb(42, 153, 42);
  transform: translateY(4px);
}

#reset{
  background-color: #4CAF50;
  border: none;
  color: white;
  border-radius: 11px;
  padding: 8px 13px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  margin-left: -125px;
  box-shadow: 5px 5px 5px darkgreen;
}

#reset:hover{
  background-color: rgb(42, 153, 42);
}

#reset:active {
  background-color: rgb(42, 153, 42);
  transform: translateY(4px);
}

#print{
  background-color: #4CAF50;
  border: none;
  color: white;
  border-radius: 11px;
  padding: 8px 13px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  margin-left: -355px;
  box-shadow: 5px 5px 5px darkgreen;
}

#print:hover{
  background-color: rgb(42, 153, 42);
}

#print:active {
  background-color: rgb(42, 153, 42);
  transform: translateY(4px);
}

.formula{
margin-left:920px;
margin-top:30px;
height:230px;
width:375px;
border:1px solid black;
background-color:rgb(252, 252, 252);
padding:1px 12px 1px 12px;
}
/*table css*/
.otable{
  position: absolute;
  margin-top: 270px;
  margin-left: 1035px;
  width: 400px;
  font-weight: bold;
}
table {
  border: 1px solid black;
  background-color: rgb(252, 252, 252);
}
th,td {
  border: 1px solid black;
  padding:1px ;
  text-align: center;
   
}
table.a {
/*float: right;*/
    /* table-layout: auto; */
    width: 400px;  
}

/*detector css*/
.detector{
	height:65px;
	width:160px;
	border:10px solid black;
	margin-left:21px;
	background:#6E0505;
	position:absolute;
	margin-top:13px; 
  border-radius: 21px;
}

.k1back{
  width:130px;
  height:118px;
  background: white /*#a4a7ab*/;
  left:170px;
  top: 330px;
}
.k2back{
  width:130px;
  height:118px;
  background: white /*#a4a7ab*/;
  left:355px;
  top:330px;
}
.k3back{
  width:130px;
  height:118px;
  background: white /*#a4a7ab*/;
  left:545px;
  top:330px;

}
.k4back{
  width:130px;
  height:118px;
  background: white;
  left:410px;
  top: 10px;
}
.k5back{
  width:130px;
  height:118px;
  background: white;
  left:725px;
  top: 330px;
}
.cap{
	height:50px;
	width:150px;
	background:white;
	left:05px;
	top:340px;
	position:absolute;
}
.knob{
	height:118px;
	width:130px;
	background:white;
	left:700px;
	top:10px;
}
/* .speaker{
	border:2px solid black;
	height:140px;
	width:160px;
	margin-left:15px;
	margin-top:5px;
	background:white;
	
} */

/* .content
      {
        position: relative;
        margin-top: -7px;
            margin-left: 142px;
            text-shadow: 0px 1px 0px #fff;
            z-index: 2;

      } */

.exampleContainer
    {
      position: relative;
      display: inline-block;
      background-color: black;
      border: inset;
      border-radius: 5px;
      margin-left: 170px;
      margin-right: 18px;
      margin-top: 123px;
    }
.med-sevenSegArray5Slanted
      {
        position: relative;
          height: 40px;
          width: 130px;
      } 

.capacitor{
	border:2px solid black;
	height:100px;
	width:140px;
	margin-left:5px;
	margin-top:330px;
	background: white;
	position:absolute;
}
#mcb1{
   height:30px;
  width: 86px;
  border:2px solid black;
  margin-left:2px;
  margin-top:157px;
}

.select_1 {
  position: absolute;
  height: 24px;
  left: 200px;
  top: 458px;
  width: 69px;
  transform-origin: 34.4px 12px 0px;
}

.select_2 {
  position: absolute;
  height: 24px;
  left: 390px;
  top: 460px;
  width: 69px;
  transform-origin: 34.4px 12px 0px;
}

.select_3 {
  position: absolute;
  height: 24px;
  left: 575px;
  top: 460px;
  width: 69px;
  transform-origin: 34.4px 12px 0px;
}

.select_4 {
  position: absolute;
  height: 24px;
  left: 755px;
  top: 460px;
  width: 69px;
  transform-origin: 34.4px 12px 0px;
}

.select_5 {
  position: absolute;
  height: 24px;
  left: 730px;
  top: 164px;
  width: 69px;
  transform-origin: 34.4px 12px 0px;
}

   

   