#canvas1a/* ΠΡΟΧΟΪΔΑ */
{
	position: absolute;
	left: 212px;
	top: 1px;
	border: 0.0px solid green;
}
#canvasDrop/* ΠΡΟΧΟΪΔΑ */
{
	position: absolute;
	left: 223px;
	top: 530px;
	border: 0.0px solid green;
}
#canvasDrop1/* ΠΡΟΧΟΪΔΑ */
{
	position: absolute;
	left: 223px;
	top: 530px;
	border: 0.0px solid green;
}
#canvas1c/* ΠΕΡΙΕΧΟΜΕΝΟ ΠΡΟΧΟΪΔΑ */
{
	position: absolute;
	left: 221px;
	top: 112px;
	border: 0.0px solid green;
}
#canvas1/*ΚΩΝΙΚΗ */
	{
	position: absolute;
  left: 152px;
	top: 501px;
	width: 185px;
	}
#canvas2/*MEZOYPA*/
		{
		position: absolute;
	  left: 164px;
	  top: 536px;
		}
#canvas3/*ΜΕΣΑ ΠΕΡΙΕΧΟΜΕΝΟ */
			{
		position: absolute;
		  left: 159px;
		  top: 641px;
			width:157px	;
			}
#canvas4/*ΕΠΑΝΩ  ΠΕΡΙΕΧΟΜΕΝΟ */
			{
			position: absolute;
		  left: 160px;
		  top: 702px;
			}
.myScore
{
color:red;
text-align: left;
font-size: 24px
}
.concentration
{
color:red;
text-align: left;
font-size: 24px
}
.myClass/*ΔΙΑΓΡΑΜΜΑ */
{
	position: absolute;
	left: 280px;
	top: 90px;
	height: 450px;
	width: 550px;
}
#blackboard/**/
{
	position: absolute;
	left: 470px;
	top: 540px;
	width: 400px;
	height:200px;
}
.slider{
	cursor: pointer;
}
.slider1{
	cursor: pointer;
}
.canvasjs-chart-credit
{
    display: none 
}
#indicator
{
position: absolute;
left:924px;
top:140px;
height:350px
}
#indicator3,#indicator4,#indicator5,#indicator6,#indicator7,#indicator8,#indicator9,#indicator10,#indicator11,#indicator12
{
position: absolute;
top:-50px;
left:982px;
visibility:hidden;
height:338px;
transform: rotate(-270deg);
}
#indicator3a,#indicator4a,#indicator5a,#indicator6a,#indicator7a,#indicator8a,#indicator9a,#indicator10a,#indicator11a,#indicator12a
{
position: absolute;
top:142px;
visibility:hidden;
transform: rotate(1);
height:338px
}
#pH_container{
	
	width: 23.2%;
    height: auto;
	position: absolute;
top:109px;
left:823px;
}
#isodS, #isodS1
{
	width: 8px;
    height: 8px;
position: absolute;
margin: 7px;
visibility:hidden;
}
#metroPh
{
	width: 344px;
    height: 20px;
position: absolute;
top:92px;
left:820px;
visibility:hidden;
}
.dot_container{
	position: absolute;	
	left:890px;
	top:131px;
	height: 341px;
}
.dot {
	position: relative;	
	cursor: pointer;
	height: 18px;
	width: 18px;
	margin:8px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
  }

  div {
	line-height: 100%;
  }
  #acid{
	position :absolute;
	left: 320px;
	top:10px;
	opacity: 0.4;
	cursor: pointer;
    visibility:hidden;
}

  #base{
	position :absolute;
	left:670px;
	top:10px;
	cursor: pointer;
    visibility:hidden;
}
#NaOH{
	font-size: 18;
	cursor: pointer;
}
#strofiga{
	position :absolute;
	left:203px;
	top:450px;
	cursor: pointer;
}
#ph{
	position :absolute;
	left:254px;
	top:498px;
}
#demo2{
	position :absolute;
	left: 349px;
	top:558px;
	font-size: 20px;
	color: blue;
}
#demo1{
	position :absolute;
	left: 244px;
	top:105px;
	font-size: 14px;
	color: blue;
}
#demo3{
	position :absolute;
	left: 530px;
	top:600px;
	font-size: 18px;
	color: white;
}
#ph2{
	position :absolute;
	left: 250px;
	top: 620px;
}
#basi{
	top: 145px;
	left: 12px;
	position: absolute;	
	font-style:initial;
	font-size:large;
	border: 1px solid black;
	padding :3px;
}
#renderButton1{
	position :absolute;
	top: 720px;
	cursor: pointer;
    visibility:hidden;
}
#acido{
	position :absolute;
	top: 20px;
	font-style:initial;
	font-size:large;
	border: 1px solid black;
	padding :3px;
}
#but{
	position :absolute;
	top: 600px;
	left:910px;
	cursor: pointer;
    visibility:hidden;
}
#arrow{
	position :absolute;
	top: 700px;;
	cursor: pointer;
	visibility: hidden;
}
#titleB{
	position :absolute;
	top: 0px;;
	left:500px;
}
#ooo{
	top:600px;;
	position :absolute;
	cursor: pointer;
}
.content{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fffdeb;
	left:-430px;
	top:420px;
	width: 650px;
	height: 200px;
	text-align: center;
	box-shadow: -5px -5px 15px rgba(58, 61, 65, 0.2);  
	overflow-y: scroll;
  }
  div.ex1 {
	position: relative;
	background-color:#fffdeb;
	width: 600px;
	height:200px;
	font-size: 15px;
	left: 25px;
	right: 25px;
	text-align: justify;
  }