@charset "utf-8";

/*This was missing in stylesH added in stylesI and retained here.  iPad possibly*/
html {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
body {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

body {
  font-family:"Open Sans", sans-serif;
}

a,a:hover {
color:inherit;
text-decoration:none!important;
}

select {
/*height:20px;*/
width: 120px;
outline:none;
padding:0 2px;
}

ol li div {
display:inline;
}

ol li {
margin-bottom:10px;
}

ol li img {
height:15px!important;
max-width:15px;
position:relative;
right:2px;
top:-1px;
width:15px!important;
}

.correct {
color:#429400;
}

.hidden {
display:none!important;
}

input[type=text] {
border:none;
border-bottom:1px solid #000;
margin:0 5px;
padding-left: 2px;
}

.btn_panel {
background:#8d8862;
left:5px;
position:absolute;
top:25px;
z-index:999;
}

.btn_panel ul {
display:flex;
font-size:14px;
padding:0 5px;
}

.btn_panel ul li {
margin:2px;
}

.btn_panel ul li a {
color:#fff;
display:block;
padding:5px 10px;
}

.btn_panel ul li a:hover {
background:#fff;
color:#000;
}

.result_block .star_rate_block {
-webkit-mask-image:url(../img/full_star.svg);
mask-image:url(../img/full_star.svg);
mask-repeat:no-repeat;
position:relative;
width:164px;
}

.result_block .star_rate_block #percent_bar {
background:#00996f;
background:#000000;
height:30px;
position:absolute;
top:0;
width:100%;
z-index:-1;
}

hr {
margin:15px 0;
}

#chk_btn {
background:#00996f;
color:#fff;
display:inline-block;
padding:10px 20px;
}

.set-chk-btn {
background:#fff;
border:1px solid #aaa;
color:#fff!important;
display:inline-block;
padding:10px 7px;
text-align:center;
width:120px!important;
}

.mob_close {
display:none;
height:20px;
position:absolute;
right:1px;
top:1px;
width:20px;
}

.mob_close img {
max-width:20px;
width:20px;
}

//
.set-bd {
background-color:#0f0;
}

.set-text {
color:#fff!important;
font-family:"Open Sans", sans-serif;
margin-top:10px!important;
}

.test-text {
color:#fff!important;
font-family:"Open Sans", sans-serif;
}

.set-visible {
display:none;
}

.back_btn_Set {
background:#fff;
border:1px solid #aaa;
color:#000!important;
display:inline-block;
font-size:inherit;
height:40px!important;
padding:9px 5px;
text-align:center;
width:90px!important;
}

.back_btn_Set:hover {
background:#f0f0f0;
cursor:pointer;
}

.setBackBtnPosition {
float:right;
}

.back_btn_Set > a {
color:#000!important;
}

a#chk_btn {
color:#000;
}

.set-width-btn {
background:#fff;
border:1px solid #aaa;
color:#000!important;
height:40px!important;
padding:5px;
width:95px!important;
}

.set-width-btn:hover {
background:#f0f0f0;
}

.btn_block.set-chk-btn {
font-size:2vh!important;
}

option {
-webkit-border-radius:0;
background:#FFF;
border:0;
outline:1px inset #fff;
outline-offset:-1px;
}

.question {
  /*removed for iOS april1*/
  /*line-height: 1.8em !important;*/
}

button {
box-shadow:none!important;
outline:none!important;
}

#outer {
background:#ecebe6!important;
}

h1 {
border-bottom:1px solid #ccc;
margin-bottom:1px;
margin-left:8.333%;
padding-bottom:1px;
width:83.333%;
}

.pb-4 {
padding-top:1.5rem!important;
padding-bottom: 1.5rem!important;
}

.question_info .tooltiptext {
background:#007500;
box-sizing:border-box;
color:#fff;
display:inline-block;
font-size:14px;
left:15px;
overflow-x:visible;
padding:5px 10px;
position:absolute;
visibility:hidden;
width:120px;
}

.question_info:hover {
cursor:pointer;
}

.question_info:hover .tooltiptext {
opacity:.8;
visibility:visible;
}

select,input,textarea {
-webkit-border-radius:0;
background:#fff;
border:0;
outline:1px inset #fff;
outline-offset:-1px;
/*-webkit-appearance: none;*/
}

input {
font-size:15.3px;
/*height:20px;*/
width:120px;
}

li {
font-size:15.3px;
}

h2 {
font-size:22px;
}

h3 {
font-size:19px;
}

ol li .question_info img {
height:13.5px!important;
position:relative;
right:2px;
top:-1px;
width:13.5px!important;
}

.ans_status,.question_info {
height:15px!important;
padding:0;
width:15px!important;
}

.strke {
color:#d70000;
text-decoration:line-through;
}

ol,ol li {
list-style-type:none;
margin:0 0 10px 0;
padding:0;
}
.btn_panel ul,.btn_panel ul li {
list-style-type:none;
margin:0;
padding:0;
}
.wrong,.ans_txt.empty {
color:#d70000;
}

.ans_block,.question_info {
position:relative;
}

.ans_block {
  width: 120px !important;
}
.examination {
  height: 620px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   select, textarea, input {
     /*font-size: 16px;*/
     border-radius: 0;

   }
   /*
   select {
      -webkit-appearance: none;
   }*/
 }

 @media screen and (max-width:767px) {
  .btn_panel ul {
  display:inherit;
  padding-top:20px;
  }
  .btn_panel ul li {
  display:inline-block;
  }
  .mob_close {
  display:block;
  }
  .question_info .tooltiptext {
  top:25px;
  z-index:999;
  }
  .btn_panel {
  width:120px;
  }
  input {
  font-size:12.3px;
  height:20px;
  width:120px;

  }
  li {
  font-size:12.3px;
  }
  h2 {
  font-size:18px !important;
  }
  h3 {
  font-size:16px !important;
  }
  .back_btn_Set {
  height:30px!important;
  line-height: 10px;
  }
  .set-width-btn {
  height:30px!important;
  line-height: 10px;
  }
  button {
    font-size: 13px;
  }
  .examination {
    height: 560px;
  }
}



select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23999999'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: 100% 20%;
  background-repeat: no-repeat;
  background-color: #ffffff;
}


.mt-2, .my-2 {
  margin-bottom: 0.5rem !important;
}