.sm-center a{
    margin-top: 15%;
}
@media (max-width: 768px){
  .sm-center{
    text-align: center !important; 
  }
  .sm-center a{
    margin-top: 30px !important; 
}
}
h1.timer{ 
    margin: 30px 0;
}  
h1.timer span{
    border: 4px solid #f8f451;
    padding: 6px 7.66px;
    border-radius: 50px;
    font-size: 5rem;
    margin: 30px 0;
}
.btn-tmr-opn{
    float: right; 
}
.btn-tmr-opn img{
    width: 25px;
}
.whloighldf{
    border: 4px solid #fff;
    font-size: 2em;
    padding: 29px 10px;
    border-radius: 50%;
}
.exitgamep{
    margin: 0;
    text-align: right;
    margin-right: 15px;
}
.exitgamea{
    color: #f8f452 !important;
    border: 1px solid;
    padding: 4px;
    border-radius: 12px;
    text-decoration: none !important;
}
.username_dis{
    color: #f8f452;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}
.cor_ans_sgt{
    color: #fff;
    font-size: 22px;
    font-weight: 900;
}
.wrong_answer{
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    background: #ff0000;
    font-size: 3em;
    border-radius: 60px;
}
.correct_answer{
    color: #008000; 
    text-align: center;
    padding: 15px 20px;
    font-size: 5em;
    border-radius: 60px;
}
.wrong_answer .glyphicon, .correct_answer .glyphicon { 
    top: 8px;
}
 input[type=radio],
 input[type=checkbox] {
   display: none;
 }
 input[type="radio"]:checked + label {
    background-color: #f8f452 !important; 
    color: #220d54;
    border: 2px solid #f8f452;
 }
 
.question-kbc-option{
    border-radius: 40px;
    border: 2px solid #e6e6d9;
    padding: 6px 10px;
    display: block;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 900;
    margin: 0 !important;
}
 
.question-kbc{
    border-radius: 40px;
    border: 4px solid #e6e6d9;
    padding: 15px;
    margin-bottom: 40px;
}
.question-kbc p{
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 900;
}
.error-kbc{
    color: #f8f452 !important;  
    font-size: 16px !important;
}
.alert-kbc{
    color: #f8f452;
    background-color: #4549a7;
    border-color: #f8f452;
    font-size: 18px;
    border: 4px solid;
    border-radius: 20px;
}
.br20{
    border-radius: 20px;
}
.btn-kbc{
    background-image: linear-gradient(-154deg, #4549a7 8%, #7055b1 90%) !important;
    border: 4px solid #f8f452 !important;
    font-size: 18px !important;
    border-radius: 30px !important;
    font-weight: 800 !important;
    outline: 0 !important;
    min-width: 150px !important;
}
.panel-kbc{
    margin-top: 6%;
    background-image: linear-gradient(-154deg, #220d54 8%, #704ec1 90%);
    box-shadow: 1px 5px 12px 13px #474dad;
    border-radius: 40px;
    border: 4px solid #f8f452;
}
.error{
  color: #ff3232 !important;
  font-size: 12px !important;
} 
.form-control { 
    height: 40px; 
    font-size: 18px;
}
.navbar-inverse {
    background-color: #220d54;
    border-color: #5a3ca3 !important;
    border-radius: 0 !important;
    background-image: linear-gradient(-154deg, #220d54 8%, #704ec1 90%);
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    color: #157ed2 !important;
    background-color: #ffffff !important;
} 
.navbar-inverse .navbar-nav>li>a , .navbar-inverse .navbar-brand {
    color: #ffffff !important; 
}
.navbar-inverse .navbar-toggle , .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover , .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    border-color: transparent !important; 
    background-color: transparent !important; 
}
.mb15{
	margin-bottom: 15px;
}
.mt15{
     margin-top: 15px   
}
.mt30{
    margin-top: 30px
}
.mt20{
    margin-top: 20px
}
.kbc .panel{
	box-shadow: 1px 5px 12px 13px #474dad;
}
body.kbc{ 
    background-color: #220d54;
}
.kbc .yellow-color{ 
    color: #f8f452;
    font-weight: 800;
}