#container > div {
    font-size: 22px;
    font-weight: normal;
    margin: 0px 5px 10px 10px;
    padding-top: 10px;
    min-height: 60px;
    border-top: 1px dashed rgb(144, 144, 167);
}

#container > div:first-child {
	border-top: none;
}

#container > div > img {
border: 1px solid black;
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    /* transform: rotate(-90deg); */
    /* transform-origin: left top; */
    /* width: 100vh; */
   // overflow-x: hidden;
    /* position: absolute; */
    /* top: 100%; */
    left: 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px){
   
.tooltip-inner
{
   visibility:hidden;
    display:none;
    border: 0px solid red;
}

.tooltip-arrow
{
    visibility:hidden;
     display:none;
}
.tooltip .arrow
{
    visibility:hidden;
     display:none;
}
}
#container {
    position: relative;
    height:95%;
    counter-reset: ul;
    overflow-y: auto;
                //height: 353px;
}


.errorMsg {
		position: absolute;
		background: url('../img/popupBg.png') no-repeat;
		width: 315px;
		height: 200px;
		text-align: center;
		padding-top: 60px;
		left: 30%;
		font-size: 20px;
		top: 38%;
		z-index: 99999;
}

#container img {
	width: 150px;
	height: 150px;
	/* margin-top: -46px; */
	border: 1px solid rgba(213, 198, 87, 0.24);
}


#ansContainer{
		position: relative;
		border: 1px black solid;
		height: 34px;
		top: 10px;
		left: 6px;
		width: 755px;
		background: #10b3ff;
}
.answer {
		position: relative;
		border: 1px black solid;
		height: 21px;
		width: 112px;
		margin: 5px;
		float: left;
		text-align: center;
		line-height: 21px;
		font-size: 14px;
		cursor: pointer;
		background: #FFF;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
}

#container > div ul {list-style: decimal;margin-left: 29px;margin-top: 14px; padding: 0px;}
#container > div ul li {
    /* min-width: 72px; */
    display: inline-block;
    text-align: center;
    /* border: 1px solid #000; */
    /* padding: 0px 3px; */
    list-style: decimal;
}

#container > div ul li span {
	/* cursor: pointer; */
	/* display: block; */
	padding: 1px 6px;
	cursor: pointer;
	position: relative;
	margin: 0px 3px;
	line-height: 40px;
}

#container > div > p {
	font-family: Times New Roman;
	font-size: 18px;
	font-style: italic;
	padding-left: 30px;
	line-height: 24px;
	color: rgb(160, 37, 37);
}

#container > div ul{}
#container > div ul:before {
content: attr(data-count) ". ";
	position: absolute;
	left: 22px;
line-height: 40px;
}
#container > div ul.noserial:before {content: none;}

span.active {
    background: rgb(237, 181, 237, 0.42);
    color: #000;    ;
    
}

#container  span.correct {}
#container  span.correct:before {
    background: url('../images/right.png') no-repeat;
    position: absolute;
    top: -26px;
    left: -6px;
    width: 25px;
    height: 25px;
    content: '';
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
	transform: scale(.7);
}
#container span.incorrect {}
#container span.incorrect:before {
    background: url('../images/wrong.png') no-repeat;
    position: absolute;
    top: -23px;
    left: -7px;
    width: 25px;
    height: 25px;
    content: '';
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
	transform: scale(.7);
}


 html body {
  font-family:Verdana, Geneva, sans-serif;
  height: 100%;
  overflow: hidden;
  padding-top: 0px;
  margin:0px;
  background-color: #07ffbc0a;
}

.topic
{
    padding:0.75rem;
    background-color: #00B2D3;
    font-size: 20px;
    color:#fff;
    
    
}
.topic p{
    width:95%;
    font-size: 20px;
     text-align:center;
}
.question
 {
   padding:0.75rem;
   background-color: #C8C9CB;
   color: #265EAC;
   
   font-style: normal; 
   display: flex;
    align-items: center;
   
 }
  .question p
 {
     width:95%;
     font-size: 16px;
     text-align:left;
 }
.container
 {
    position: relative;
    width:80%;
    height:100vh;
    padding:0px;
 }
 .card{
     position: relative;
     border: 0px solid red;
 }
 
.body-content
{
  
   position:relative;
   overflow-y: hidden;
   border: 0px solid red;
   background-color: #f8f8f8;
   padding-top:10px;
   padding-bottom:10px
   
}
  .footer
  {
     width:100%;   
     margin:0 auto;
     position:absolute;
    // bottom:0px;
  }
  .button-container
  {
    border: 0px solid red;
    position:relative;
    text-align: center;
    padding:5px;

    margin-bottom:5px;
  }

.bg-dark
{
   background-color :#d1d1d1 !important;
}

#showAnswer
{
    margin-left:40px;
}

.topic p{
    width:10%;
    font-size:20px;
    border: 0px solid red;
}
.question p{
    position:relative;
    width:90%;
   font-size:18px;
}
.height100
{
    height:100%;
}
.container{max-width:100% !important;}
.content #container
{
    height:100%;
   
}

.tragainColor
{
   background-color:#0ea7d0;
   color:#fff;
   
}
.showAnswerColor
{
   background-color:#0ea7d0;
   color:#fff;
   
}

.submitColor
{
    background-color:#0ea7d0;
   color:#fff;
}

.closeColor
{
     background-color:#383838;
   color:#fff;
}
.dispnone{display:none;}
.dispblock{display:inline-block;}