#simscreen
{
position: relative;
left:0px;
top:0px;
height: 600px; 
width:800px;
border:solid 1px;
}

#copyright{
position: absolute;
left:50px;
top: 580px;
font-family: verdana; 
font-size:12px
}

#title{
position:relative;
left: 0px;
top: 0px;
height:40px;
font-size: 24px;
text-align:center;
background-color: black;
font-family: verdana;
color: White;
text-transform: uppercase; 
}

#title h4{
padding-top:4px;
margin:0px;}

#question-div{
	position: absolute;
	left:300px;
	top:350px;
	width:300px;
	height:120px;
	border:solid 1px gray;
	background-color: gray;
	filter: alpha(opacity=55);
	color:white;
	visibility:hidden;
}

.simsubscreen
{
position:absolute;
left: 50px;
top: 50px;
height:530px;
width:745px;

}

.incanvas
{
margin:5px 0 0 5px;
padding:0;
}
#nextButton{
    position: absolute;
    left: 750px;
    top: 530px;
cursor:pointer;
/* visibility: hidden; */
}

.steptext{
display:inline;
}

.circlebg
{
border-radius:100%;
font-size:25px;
color:#fff;
text-align:center;
background:#000
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
font-family: verdana;
font-size:14px;
 width: 230px;
 background-color: black;
 color: black;
 border-radius: 6px;
 padding: 10px 10px 10px 10px;
 /* Position the tooltip */
 position: absolute;
 left:200px;
 top:20px;
 z-index: 100;
}

.op{
	transition-duration: 0.3s;
}
.op:hover{
	background-color: #dddddd;
}

.slider:hover {
  opacity: 1;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 7px;
  border-radius: 3px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 20px;
  border-radius: 3px;
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 10px;
  height: 20px;
  border-radius: 3px;
  background: #4CAF50;
  cursor: pointer;
}

.popup
{
	border-radius:5px;
	background-color:black;
	color:white;
	padding:5px;
}

.descont {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.descont .desctext {
  visibility: hidden;
  width: 500px;
  background-color: black;
  color: #fff;
  border-radius: 6px;
  padding: 10px 10px 10px 10px;
  text-align: justify;
  /* Position the tooltip */
  position: absolute;
  z-index: 100;
}
.tooltip1 .tooltiptext1 {
	visibility: hidden;
	width: 400px;
     /*background-color: grey;*/
	color: #fff;
    
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
    margin-left: -70px;
    margin-top: -30px;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
    }
    
    .tooltip1:hover .tooltiptext1 {
    
	visibility: visible;
    }
    
    .input {
	  position: absolute;
    }
    
    .tooltip1 {
	  display: none;
	  padding: 5px;
    
    }
    
    .input:hover .tooltip1 {
	  background: black;
	  border-radius: 3px;
	  bottom: 30px;
	  color: white;
	  display: inline;
	  height: 20px;
	  left: 0;
	  line-height: 20px;
    
    }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

#lup:hover{
	opacity: 1 !important;
}

#ldn:hover{
	opacity: 1 !important;
}

.desctext strong{
	color:red;
}

.descont:hover .desctext {
  visibility: visible;
}

@-webkit-keyframes mover{
	0%{ left: 300px; }
	100%{ left: 160px; }
     }
     @keyframes mover{
	0%{ left: 300px; }
	100%{ left: 160px; }
     }
    
  @-webkit-keyframes mover1{
	0%{ top: 180px;  left: 160px;}
	100%{ top: 245px; left: 160px; }
     }
     @keyframes mover1{
	0%{ top: 180px; left: 160px; }
	100%{ top: 245px;  left: 160px;}
     }
    
     @-webkit-keyframes mover3{
      0%{ top:150px; left:400px;}
      100%{ top:290px; left:380px; }
         }
         @keyframes mover3{
      0%{ top:150px; left:400px; }
      100%{ top:290px; left:380px;}
         }
        
         @-webkit-keyframes mover31{
          0%{ top:290px; left:380px;}
          100%{  top: 105px;
            left: 171px;
            transform: rotate(-36deg); }
             }
             @keyframes mover31{
          0%{  top:290px; left:380px;}
          100%{ top: 105px;
            left: 171px;
            transform: rotate(-36deg);}
             }

             @-webkit-keyframes mover4{
              0%{ top:290px; left:380px;}
              50%{
                top: 313px;
    left: 204px;
    transform: rotate(-31deg);
              }
              100%{ top:120px; left:200px; }
                 }
                 @keyframes mover4{
              0%{  top:290px; left:380px;}
              50%{
                top: 313px;
    left: 204px;
    transform: rotate(-31deg);
              }
              100%{ top:120px; left:200px;}
                 }

                 @-webkit-keyframes mover4{
                  0%{ top:335px;left:260px;}
                  50%{
                    top: 313px;
        left: 204px;
        transform: rotate(-31deg);
                  }
                  100%{ top:335px; left:175px; }
                     }
                     @keyframes mover4{
                  0%{  top:335px;left:260px;}
                  50%{
                    top: 313px;
        left: 204px;
        transform: rotate(-31deg);
                  }
                  100%{ top:335px; left:175px;}
                     }
    
                     @-webkit-keyframes mover5{
                      0%{ top:365px;left:350px;}
                      100%{ top: 145px; left: 160px; }
                         }
                         @keyframes mover5{
                      0%{  top:365px;left:350px;}
                      100%{  top: 145px; left: 160px;}
                         }
            
 @keyframes mover51 {
	0% {transform:rotate(0deg); top: 145px; left: 160px;}
	100% {  transform:rotate(-100deg); top: 145px; left: 160px;}
	}
    @-webkit-keyframes mover51 {
		0% {transform:rotate(0deg); top: 145px; left: 160px;}
	100% {  transform:rotate(-100deg); top: 145px; left: 160px;}
  }
  
  @-webkit-keyframes drop {
    0% {
      transform: scale3d(0.01,0.01,0.01) translateY(0) rotate(-45deg)
    }
  
    100% {
      transform: scale3d(1,1,1) translateY(38px) rotate(-45deg)
    }
  }
  @keyframes drop {
    0% {
      transform: scale3d(0.01,0.01,0.01) translateY(0) rotate(-45deg)
    }
  
    100% {
      transform: scale3d(1,1,1) translateY(134px) rotate(-45deg)
    }
  }


  @keyframes mover52 {
    0% {transform:rotate(0deg); top: 293px; left: 201px;}
    100% {  transform:rotate(360deg); top: 293px; left: 201px;}
    }
      @-webkit-keyframes mover52 {
      0% {transform:rotate(0deg); top: 293px; left: 201px;}
    100% {  transform:rotate(360deg); top: 293px; left: 201px;}
    }
    
.bottom{
  bottom:70px;
}
    @keyframes mover53 {
      0% { height:15px;}
      100% {height:45px;
        top: 372px;}
      }
        @-webkit-keyframes mover53 {
        0% {height:15px;}
      100% {height:45px;
        top: 372px;}
      }