.box{
height:730px;
width:1510px;
position:absolute;
border:4px solid black;
background-color:rgb(237, 236, 236);
}
.container1{
background-color: #bb2525;
width:1510px;
height:120px;
color:white;
}
.copyright{
height:16px;	
width:1510px;
background-color: black;
top:715px;
color:white;
border: auto;
position: absolute;
text-align: center;
}
.container2{
	width: 870px;
	height:500px;
	background-color: #000000;
	margin-top:10px;
	margin-left:110px;
	border:8px solid #d34e19;
	position:absolute;
}
.select_6{
      position: absolute;
      height: 24px;
      left: 255px;
      top: 170px;
      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_1 {
      position: absolute;
      height: 24px;
      left: 440px;
      top: 140px;
      width: 69px;
      transform-origin: 34.4px 12px 0px;
    }
     .select_5 {
      position: absolute;
      height: 24px;
      left: 575px;
      top: 460px;
      width: 69px;
      transform-origin: 34.4px 12px 0px;
    }
     .select_3 {
      position: absolute;
      height: 24px;
      left: 390px;
      top: 460px;
      width: 69px;
      transform-origin: 34.4px 12px 0px;
    }
     .select_2 {
      position: absolute;
      height: 24px;
      left: 200px;
      top: 458px;
      width: 69px;
      transform-origin: 34.4px 12px 0px;
    }
/*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: 1168px;
  margin-top:-2px;
}
.dropdown {
  position: absolute;
  display: inline-block;
}
.dropdown-content {
  padding-left: 10px;
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 505px;
  box-shadow: 8px 8px 11px 0px rgba(0,0,0,0.8);
  margin-left: 866px;
  margin-top: 42px;
  z-index:6;
  font-size: 13px;
  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;
}

/* Balanced Cond Button CSS */
.bal-btn{
  position: absolute;
  background-color: #009688;
  border: none;
  color: white;
  box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  padding: 9px 7px;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
  height: 35px;
  width: 182px;
  margin-left: 920px;
  margin-top: -2px;

}

.bal-cond{
  position: absolute;
  display: inline-block;
}
 
.drop-content{
  padding-left: 10px;
  position: absolute;
  min-width: 150px;
  height: 80px;
  margin-left: 933px;
  margin-top: 41px;
  z-index:2;
  font-size: 16px;
}  

.drop-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  /* display: block; */
}

.bal-btn:hover {
  background-color: forestgreen;
} 

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

#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: 17px;
  cursor: pointer;
  margin-left: 230px;
  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: 17px;
  cursor: pointer;
  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: 17px;
  cursor: pointer;
  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: 17px;
  cursor: pointer;
  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:50px;
height:250px;
width:375px;
border:1px solid black;
background-color:rgb(252, 252, 252);
padding:1px 12px 1px 12px;
}
/*table css*/
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;  
}

.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:220px;
	top:10px;
}
.speaker{
	border:2px solid black;
	height:160px;
	width:160px;
	margin-left:5px;
	margin-top:5px;
	background:white;
	
}
.coil{
	border:2px solid black;
	height:100px;
	width:140px;
	margin-left:5px;
	margin-top:330px;
	background: white;
	position:absolute;
}
.disabled {
    opacity: 0.5
}
#mcb1{
   height:30px;
  width: 86px;
  border:2px solid black;
  margin-left:9.2px;
  margin-top:157px;
}