.container{
    width: 98%;
    margin:0 auto;
    font-family: verdana;
    position: relative;
    padding: 10px;
}
.container img{ max-width: 100%; }

.thisForm{ display:block; position:relative; margin-left:auto; margin-right:auto; text-align:center; border-top:1px solid #f0ede1; padding-top:0.5em;} 
.goTo{ font-family:  "Myriad", "Myriad Pro", "Helvetica","Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; padding-bottom:0.2em; margin: 0 1em 0 0; border-bottom:1px solid #f0ede1; color:#bfb3f2; display:inline-block; letter-spacing:1px; }
.btnext {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 0.61)!important; cursor:pointer; border:none; font-family:  "Myriad", "Myriad Pro", "Helvetica","Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; border-radius:12px; padding:0.5em 0.7em; margin:0 0.3em; text-decoration:none; display:inline-block; margin-bottom:0.5em;
}
input[type="button"]{
   outline:none;
}
input[type="button"]::-moz-focus-inner {
   border: 0;
}
.back1 { background:#fc95df } .back2 { background:#ffe579 } .back3 { background:#95cefc }

.btnext:hover{
	 background:#eee; border:1px solid #e8e8e8; padding:0.45em 0.65em;
}

h3{font-size: 16px; font-weight: normal;}
#question{margin-top: 1.8em; margin-bottom:0.3em; background:#f9fbfb; padding:0.5em; padding-top:0; border:1px solid #eaeeee; }
#btnCheck{font-size: 18px; background: #04A762; border:1px solid gray; padding: 5px 15px; color:white; margin-top:1.3em; cursor:pointer;}
#datalist{font-size:1.2em; text-align:center;}
#question input{font-size: 1.2em; text-align:center; background: #fff; padding: 5px; border: 1px solid #e2e0da; color: #0050ff; outline: none; width:120px;}
#question input[type="text"]:disabled { background: #fbfdfd; text-align:center; color:#0c657d; border: 1px solid #eef1f1;}
input[type=number] {
    height: 30px;
}

input[type=number]:hover::-webkit-inner-spin-button {  
    width: 14px;
    height: 30px;
}
#question img{margin-left:5px;}
.wrong{color: red !important;}
.correct{color: #04A762 !important;}
#answer, #warning, #goodResult, #badResult{list-style: none; position:absolute; left: 150px; bottom:1em;}
#answer strong{color: #04A762;}
#warning{color: #FF2300;}
.thiscolor{ color:#999 }
.thiscolor2{ display:inline-block; color:#2462bf }
#question p{display:block; float:left; margin:0.7em 0; margin-left:0.5em; color:#152170;}

#question li img { max-height:50px; margin-right:1em;}
#goodResult{color:#00843c; font-size:1.2em;}
#badResult{color:#ff2a10; font-size:1.2em;}
#btnCorrect {font-size: 18px; background: #04A762; border:1px solid gray; padding: 5px 15px; color:white; margin-top:-2em; cursor:pointer;}
.clearboth {clear:both;}
.clearthat {clear:both; border-bottom:1px solid #eaeeee;}
.thiscorrect{display:inline-block; padding:0 7px 2px 7px; color:#ff4e82; border-bottom:1px solid #b1b1b1;}

.code2 #answer{color:red; font-size: 0.8em; text-align: center;}
#score{
    position: absolute;
    top: 10px;
    right: 12px;
    background: #C80800;
    color: white;
    padding: 3px 6px;
    text-align: center;
    width: 85px;
	font-size: 0.9em;    
}
#score strong{
	font-size: 1.3em;    
	background: #FFCBA4;
    display: block;
    padding: 14px;
    color: black;
    margin: -6px;
    margin-top: 12px;
    border-top: 1px solid white;}
	

	
/*------------------Tooltips----------------*/

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 700px;
  background-color: #fff;
  color: #333;
  padding: 12px; border:2px solid #a5b4b4;
  border-radius: 12px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1; left:0;
  bottom: 150%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
  
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 39px;
  margin-left: -9px;
  border-width: 9px;
  border-style: solid;
  border-color: #a5b4b4 transparent transparent transparent;
}

	/*-------mobile------*/
@media screen and (max-width: 736px) {
	#question li{width:48%;}
}