html ,body {
width:100%;
height:100%;
padding:0px;
margin:0px;
font-family: 'Roboto Condensed' !important;
font-weight: 300 !important;
font-size: 18px !important;
line-height: 125% !important;



}

@media(min-width:768px){

  .row2{
    margin-top:20px;

  }

}
@media(max-width:767px){

  .row2{
      margin-top:20px;
    padding-bottom: 50px;

  }


}

.menutext{
  margin: auto;
  width: 89%;
  margin-bottom: 10px;
}
#mainmenu{
  margin-left:40px;
}
.topiclist{
  margin-bottom:10px;
  text-decoration: underline;

}
.tla{
    padding-left:10px;
}

/** Audio **/
#reboot_audio{
  position:fixed;
  bottom:30px;
  left:0;
  width:100%;
  pointer-events: none;
  z-index:99999;
}
#reboot_audio_element{
  position:fixed;
  bottom:60px;
  left:0;
  width:100%;
  pointer-events: none;
  z-index:99999;
}

/**  end audio **/



#popupIframe {
    width:100%;
    height:100%;
    border:none;
}
#popupModal{
  position: fixed !important;
  top:50px !important;
  left:50% !important;
  margin-left: -35% !important;
  width:70%;
  height:70%;
  z-index:9999;
  display:none;
  animation-duration: .5s;
  -webkit-box-shadow: 0px 5px 11px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 11px 2px rgba(0,0,0,0.75);
box-shadow: 0px 5px 11px 2px rgba(0,0,0,0.75);
}
#feedbackModal{
  position: fixed !important;
  top:100px !important;
  left: 50%;

-ms-transform: translateX(-50%);
-webkit-transform:  translateX(-50%);
-moz-transform:  translateX(-50%);
transform:  translateX(-50%);
  width:90%;
  max-width: 400px;
  min-height:200px;
  z-index:9999;
  display:none;
  animation-duration: 1s;
  -webkit-box-shadow: 0px 5px 11px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 11px 2px rgba(0,0,0,0.75);
box-shadow: 0px 5px 11px 2px rgba(0,0,0,0.75);
background-color: white;
padding:10px;
border:1px solid #ddd;
}
#feedbackModalAssessment{
  position: fixed !important;
  top:100px !important;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform:  translateX(-50%);
  -moz-transform:  translateX(-50%);
  transform:  translateX(-50%);
  width:90%;
  max-width: 400px;
  min-height:200px;
  z-index:9999;
  display:none;
  animation-duration: 1s;
  -webkit-box-shadow: 0px 5px 11px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 11px 2px rgba(0,0,0,0.75);
box-shadow: 0px 5px 11px 2px rgba(0,0,0,0.75);
background-color: white;
padding:10px;
}
.feedBackActions{
  position: absolute;
  right:5px;
  bottom:5px;

}
.feedbackNext{
  font-size:16px;
  color:white;
  background-color:#0fa4d3;

  padding:5px 15px;
  border-radius: 20px;
    display: inline-block;
}
.feedbackNextAssessment{
  font-size:16px;
  color:white;
  background-color:#0fa4d3;

  padding:5px 15px;
  border-radius: 20px;
    display: inline-block;
}
.feedbackClose{
  font-size:16px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.feedbackNext:hover{

  color:white;
  background-color:#2f302f;
  text-decoration: none;
  cursor:pointer;
    animation-duration: .5s;
}


.statusLine{
  position: relative;
  top:10px;
  left:0;
  width:100%;
  height:5px;

}

.statLine1{
  background:green;

}

#toolboxContent{
  position: fixed !important;
  top:0px !important;
  right:0px !important;
  width:100%;
  height:100%;
  max-width:600px;

  z-index:9999;
  display:none;
  animation-duration: .5s;
box-shadow: -2px 0px 5px -1px #2B2B2B;
}
#toolboxIframe {
    width:100%;
    height:100%;
    border:none;
}




.lessonSplash{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:lightblue;
    z-index:99999;

background: #38556b; /* Old browsers */
 background-image: url("skin/splashBack.png");
 background-size:cover;
   background-repeat: no-repeat;
   font-family: 'Pragati Narrow', sans-serif;
}
.lessonSplash  .lessonTitle{
color:black;
text-align:left;
font-size:25px;

}
.splashNext{
       /* width: 0px; */
    color: black;
    background-color: white;
    /* height: 200px; */
    font-size: 50px;
    text-align: center;
    transform: skewX(-20deg);
    margin-top: 400px;
    width: 110%;
    margin-left: -5%;
    /* border-top: 5px solid blue; */
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
    /* box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75); */
}

.splashNext:hover{
    color: #f16529;
    cursor:pointer;
}

.lessonSplash > form{
    max-width: 700px;
    width: 100%;
    margin: auto;
    background: white;
    padding: 10px 30px;
    position: relative;
    top: 20%;
    -webkit-box-shadow: 0px 0px 33px 1px rgba(54,54,54,1);
    -moz-box-shadow: 0px 0px 33px 1px rgba(54,54,54,1);
    box-shadow: 0px 0px 33px 1px rgba(54,54,54,1);
}
.lessonSplash > form label{
    font-size:15px;
}
.startBTN{
  border: 1px solid grey;
width: 100% !important;
height: 105px;

display: block;
margin-top: 30px;

border:1px solid #e8e8e8;
border-radius:1px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(209,209,209,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(209,209,209,1);
box-shadow: 0px 0px 10px 0px rgba(209,209,209,1);
}
.startDis{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   filter: grayscale(100%);
}
.startBTN:hover{
cursor:pointer;
border:1px solid #9ed7f0;
border-radius:1px;

-webkit-box-shadow: 0px 0px 10px 0px #9ed7f0;
-moz-box-shadow: 0px 0px 10px 0px #9ed7f0;
box-shadow: 0px 0px 10px 0px #9ed7f0;
text-decoration: none;
}
.startArrows{
  width: 52px;
  height: 32px;
  background-image: url(skin/startArrows.png);
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 5px;
}
.startText{
  font-size: 33px;
color: black;
margin: auto;
position: relative;
margin: auto;
display: block;
text-align: center;
margin-top: 30px;
}
.greyInpt{
  background-color:#f5f5f5;
  border:1px solid #e8e8e8;
  border-radius:1px !important;
}
.invalid{
    border:2px solid red;
}
