/*This software and/or code, all other software and/or code used to generate or manipulate or display Highbrow content,
all associated images and the Highbrow "Quiztion" concept remain the copyright of Leonard J Keating. All rights reserved.*/

img {
  max-height: 100%;
  }
  
  #cohfi {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 100%;
      position: absolute;
      text-align: center;
      border-style: solid;
      border-color: rgb(138,180,248); /**********************************************************/
      border-width: 1px;
      border-radius: 10px;
      color: rgb(49, 45, 45);
      line-height: 10%;
      background-color: white;
      left: 50%;
      transform: translate(-50%);
      top: 0px;
      width: 50%;
      height: 6%;
      vertical-align: middle;
      background-size: 100%;
      background-image: url("../../images/popUp.png");
  }

  #qciem  {
    font-family: Arial, Helvetica, sans-serif;
    background-color: transparent;
    width: 100%;
    height: 100%;
    text-align: center;
    border-width: 0px;
    padding: 0;
  }

  #lgrfi  {
    width: 100%;
    height: 34%;
    line-height: 100%;
    font-size: 200%;
    font-weight: bold;
  }

  #qwqcb  {
    width: 100%;
    height: 20%;
    line-height: 100%;
  }

  #zqnbw  {
    width: 100%;
    height: 20%;
    line-height: 100%;
  }

  #tspez    {
    width: 100%;
    height: 20%;
    line-height: 100%;
  }

  #aztez  {
    width: 100%;
    height: 6%;
    background-color: transparent;
  }
  

  #jvlou {
    position: absolute;
    top: 82%;
    left: 0%;
    width: 100%;
    height: 12%;
    background-color: transparent;
  }

  #lsfes {
      position: absolute;
      background-color: white;
      background-size: 100%;
      left: 50%;
      transform: translate(-50%);
      top: 13.75%;
      width: 50%;
      height: 20%;
      border-style: solid;
      border-color: rgb(138,180,248); /**********************************************************/
      border-width: 2px;
      border-radius: 10px;    
      background-image: url("../../images/IB00.png");   /***************************************/
    }

  #euimp {
      position: absolute;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 12px;
      display: flex;
      line-height: 100%;

      flex-direction: row;
      justify-content: space-between;
      background-color: white;
      /*left: 0px;*/
      top: 0px;
      width: 50%;
      left: 50%;
      transform: translate(-50%);
      height: 1px;
      
      border-style: solid;
      border-color: rgb(138,180,248); /**********************************************************/
      border-width: 2px;
      border-radius: 10px;
  }
  
  #xsvjd{
      flex-basis: 16%;
      background-color: transparent;
      background-size: 90%;
      background-image: url("../../images/logo.png");
  }

  #aeohh{
      flex-basis: 12%;
      text-align: right;
      flex-grow: 1;
      background-color: transparent;
  }

  #ttngk{
      flex-basis: 4%;
      text-align: center;
      background-color: transparent;
  }

  #jfyzb{
      flex-basis: 15%;
      text-align: left;
      flex-grow: 1;
      background-color: transparent;
  }

  #kxmrn{
      flex-basis: 8%;
      text-align: right;
      flex-grow: 1;
      background-color: transparent;
  }

  #vmijf{
      flex-basis: 4%;
      text-align: center;
      background-color: transparent;
  }

  #lsejn{
      flex-basis: 16%;
      text-align: left;
      flex-grow: 1;
      background-color: transparent;
  }

  #zmayo{
    flex-basis: 29%;
    flex-grow: 2;
    background-color: transparent;
    border-radius: 8px;
  }

   #ovbbj{
    background-image: url("../../images/newTickCross.png");
    position: absolute;
    background-color: transparent;
    width: 29%;
    height: 100%; 
    border-width: 0px;
    border-radius: 0px;
    border-style: hidden;
    color: transparent; 
    background-repeat: no-repeat;
    opacity: 1.0;
    background-size: 100%;
    }

  #buttonPad{
    flex-basis: 2%;
    background-color:transparent;
    height: 100%;
  }

  .bzlam{
    background-image: url("../../images/tick.png");
    position: absolute;
    height: 10%;
    width: 14%;
    background-color: transparent;
    background-size: 100%;
    top: 0%;
    left: 0%;
  }

  .qingj{
    background-image: url("../../images/cross.png");
    position: absolute;
    height: 10%;
    width: 14%;
    background-color: transparent;
    background-size: 100%;
  }

  button{       
    width: 30.0%;                           /************************************/
    height: 5.7%;                           /************************************/
    background-color: transparent;
    border-width: 3px;
    border-radius: 0;
    border-color: rgb(255,0,0); 
    border-style: hidden;
    color: transparent; 
    opacity: 1;
    transition: left 0.4s linear, top 0.4s linear, opacity 0.4s linear;
    background-size: 100%; 
  }

  button.cthru {
    opacity: 0;
  }

/************************************/
#gvntvu01{background-image: url("../../images/IB01.png");}
#xeglut02{background-image: url("../../images/IB02.png");}
#jbsctr03{background-image: url("../../images/IB03.png");}
#hnkcrk04{background-image: url("../../images/IB04.png");}
#uxgekm05{background-image: url("../../images/IB05.png");}
#rtxvmm06{background-image: url("../../images/IB06.png");}
#cwncmn07{background-image: url("../../images/IB07.png");}
#yponnd08{background-image: url("../../images/IB08.png");}
#qzdbdb09{background-image: url("../../images/IB09.png");}
#twdvbi10{background-image: url("../../images/IB10.png");}
#sgkfij11{background-image: url("../../images/IB11.png");}
#daffjz12{background-image: url("../../images/IB12.png");}
#mxkyzd13{background-image: url("../../images/IB13.png");}
#rohnds14{background-image: url("../../images/IB14.png");}
#sfgysb15{background-image: url("../../images/IB15.png");}
#quhebc16{background-image: url("../../images/IB16.png");}

/************************************/
.rsyaqlim09 {position: absolute; left: 54.7%; top: 93.3%;}
.rsyaqlim14 {position: absolute; left: 31.1%; top: 46.5%;}
.rsyaqlim13 {position: absolute; left: 31.1%; top: 34.4%;}
.rsyaqlim07 {position: absolute; left: 30.9%; top: 66.3%;}
.rsyaqlim08 {position: absolute; left: 55.2%; top: 82.9%;}
.rsyaqlim12 {position: absolute; left: 31.1%; top: 33.5%;}
.rsyaqlim01 {position: absolute; left: 48.8%; top: 1.7%;}
.rsyaqlim00 {position: absolute; left: 50.0%; top: 50.0%;}
.rsyaqlim05 {position: absolute; left: 24.2%; top: 45.4%;}
.rsyaqlim10 {position: absolute; left: 10.1%; top: 89.3%;}
.rsyaqlim03 {position: absolute; left: 8.3%; top: 24.5%;}
.rsyaqlim16 {position: absolute; left: 31.1%; top: 55.6%;}
.rsyaqlim04 {position: absolute; left: 7.4%; top: 37.0%;}
.rsyaqlim02 {position: absolute; left: 37.6%; top: 9.4%;}
.rsyaqlim06 {position: absolute; left: 25.4%; top: 53.3%;}
.rsyaqlim11 {position: absolute; left: 31.1%; top: 19.7%;}
.rsyaqlim15 {position: absolute; left: 31.1%; top: 53.8%;}