/*
font-family: 'Muli', sans-serif;
font-family: 'Prompt', sans-serif;
*/

* {
font-family: 'Prompt', sans-serif !important;
font-weight:300 !important;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  padding: 0px;
  margin: 0px;
  color:#000000 !important;
}

.panel-body-0 {
	padding: 0;
}

.panel-body > .table{ 
	margin-bottom:0px;
}

.table > tbody > tr > td {
	vertical-align: middle;
}

.form-group label {
	font-weight:400 !important;
	margin-bottom:2px !important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

.bold {
font-weight:600 !important;
}
.navbar {
width:140px;height:10px;background-color:#ffc000;float:left;margin-right:12px;
padding:0;
}
.navbarfull {
width:1090px;height:10px;background-color:#ffc000;float:left;margin-right:12px;
padding:0;
}
.qbox {
position:absolute;width:1090px;height:185px;color:#000000;top:210px;left:85px;z-index:200;
font-family:'Prompt' !important;
font-size:52px;
line-height:60px;
}
.question {
}
.abox {
position:absolute;width:1090px;height:415px;color:#000000;top:385px;left:180px;z-index:200;
padding-top:20px;
}

.studyimg {
-webkit-box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.45);
box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.45);
}


.magiclabel {
padding-left:35px !important;
}


.mycontainer ul{
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}

ul li{
  color: #3b5385;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 90px;
}

ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 54px;
  padding: 5px 25px 25px 120px;
  margin: 5px auto;
  height: 90px;
  z-index: 209;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

ul li:hover label{
	color: #3b5385;
}

ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #3b5385;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  top: 30px;
  left: 20px;
	z-index: 205;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

ul li:hover .check {
  border: 5px solid #3b5385;
}

ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #3b5385;
}

input[type=radio]:checked ~ .check::before{
  background: #3b5385;
}

input[type=radio]:checked ~ label{
  color: #3b5385;
}