.holds-the-iframe {
  background:url(../common/styles/image/loader.gif) center center no-repeat;
 }
/*//////////////Login popup design //////////*/
.roster_slider{
background:#E6EFF7;
border-radius:10px;


}


.t01	{
    background-color: #eee; 
line-height:35px;


   
}
.activegood{
    background-color:green;
    color: #FFFFFF;
    border: 1px solid #DDDDDD;
}
.active_low{
 background-color: #0f7dca;
color: #FFFFFF;
border:1px solid #DDDDDD;

}
.alert{
   margin: 0 auto;
   max-width: 700px;
   min-width: 260px;
   max-height: 550px;
   min-height: 260px;
   
   width: 85% !important;
  
   overflow-x:hidden !important;
	overflow-y:scroll !important;
}

.active_mid{
 background-color: #990099;
color: #FFFFFF;
border:1px solid #DDDDDD;
}
.font_style_dilog{
font-size:19px !important;
font-family:"Comic Sans MS";
font-weight:bold;
color:#0f7dca;
}
.newdesign-class{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	color:blue;
	padding:10px 0px 0px 10px;
	min-height:40px;
	
}
.newdesign-class1
{
background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	color:blue;
	line-height:40px;
	padding:10px 0px 0px 10px;
	min-height:10px;
}

.resultcontainer{
height:350px; width:350px; 
}
.exestylepopup {width:500px; min-height:500px; position:fixed; top:30%; left:35%; border:10px solid #999; padding:10px;  margin-left:-50px; }

/* ///////////////////////////////*/
.search_button_class
{
background:#0080C0;
color:#ffffff;
font-weight:bold;
border-radius:8px;
padding:4px;
border:1px solid #0080C0;
min-width:80px;
cursor:pointer;
}
.resultstyle{
font-weight:bolder;
font-size:14px;
color:#CC00CC;
}
.test_results_div{
width:100%;
}
.heading_container{
background: rgb(242,249,254); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,249,254,1)), color-stop(100%,rgba(214,240,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */

height:40px;
}

.optioncontainer{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}
.each{
border-bottom:1px dashed #000000;
}
.each b{
color:#000099;
}
.view_class{
color:#0066FF;
cursor:pointer;
}

ul{
color:#000000 !important;
}
.fb_comments_container{
border-radius:5px;
}
.question_heading{
background:#FFFFFF;
}

.score{
background:#d6e5c9;
}

.totalquest{
background:#ddf4ff;
}

.wans{
background:#f2d5f1;
}

.cans{
background:#e6e6e6;
}

.container{
padding:5px 0px 5px 10px;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
.companyname{
font-size:20px !important;
}
.profile_image{
width:30px;
height:30px;
}

.quest_div{
margin-left:12px;
}

.correctans{
width:18%;
}

.desc_container{
background:#E1F0FF;

}
.student_container{
width: 32% !important ;

margin-top:0px !important;
margin-left:7px !important;
}
.header_container_online{
    background: #8ccdfc;
    background: -moz-linear-gradient(top, #8ccdfc 0%, #5bb4ef 40%, #0889e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ccdfc), color-stop(40%,#5bb4ef), color-stop(100%,#0889e6));
    background: -webkit-linear-gradient(top, #8ccdfc 0%,#5bb4ef 40%,#0889e6 100%);
    background: -o-linear-gradient(top, #8ccdfc 0%,#5bb4ef 40%,#0889e6 100%);
    background: -ms-linear-gradient(top, #8ccdfc 0%,#5bb4ef 40%,#0889e6 100%);
    background: linear-gradient(to bottom, #8ccdfc 0%,#5bb4ef 40%,#0889e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ccdfc', endColorstr='#0889e6',GradientType=0 );
    font-size:14px;
    color: #FFFFFF;
	float:left;
  
}
@media all and (max-width: 450px) {
.exestylepopup {width:325px !important;  min-height:500px; position:absolute; top:28%; left:13%; border:10px solid #999; padding:10px;  }
.correctans{

width:30%;
}
#barchart_material{
width:300px;
}
.sub_item{
float: left;width:100%;
}
.sub_item1{
float: right;width:100%;
}
.student_container { float: left !important; width:98% !important; }


.formItem { float: left !important; width:98% !important; }
.tabs_container{
	width:100%;
}
.tabs_container_m{
width:100%;
	
}
.timer_container_style{
	display:none;
}
.timer_container_icon{
	visibility:visible;
	position: fixed;
    top: 1em;
    right: 1em;
}
.quest_div{
margin-left:0px;
min-height: 150px !important;
}

.image_divhover{
margin-left:40px;
}

.paddingdiv{
height:40px;
}
.margin{
margin-top:-65px;
}
.tabs_contaoner1{
width:100%;
}
}

.panal1{
min-width:90px;
}
</style>
<style id="jsbin-css">

  .ui-dialog { font-size: 12px; }
 
 
  #config-icon .wrapper { clear: both; }
  #config-icon ins { float: left; margin: 0 5px 0 0; }
  #config-icon label { float: left; }
  #config-icon select { float: right; width: 100px; }
  #config-method button { width: 48%; }
 
.ui-widget-overlay {
   background: transparent;
   opacity: 0;
   filter: Alpha(Opacity=0);
}

.concept_title{
color: #006699;
    line-height: 25px;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
}

.concept_description:hover{
background-color:#F8F8F8;
}


.header_container_online{
    background: #8ccdfc;
    background: -moz-linear-gradient(top, #8ccdfc 0%, #5bb4ef 40%, #0889e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ccdfc), color-stop(40%,#5bb4ef), color-stop(100%,#0889e6));
    background: -webkit-linear-gradient(top, #8ccdfc 0%,#5bb4ef 40%,#0889e6 100%);
    background: -o-linear-gradient(top, #8ccdfc 0%,#5bb4ef 40%,#0889e6 100%);
    background: -ms-linear-gradient(top, #8ccdfc 0%,#5bb4ef 40%,#0889e6 100%);
    background: linear-gradient(to bottom, #8ccdfc 0%,#5bb4ef 40%,#0889e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ccdfc', endColorstr='#0889e6',GradientType=0 );
    font-size: 14px;
    color: #FFFFFF;
	float:left;
  
}

.btn-circle-lg {
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 13px 0;
  font-size: 12px;
  line-height: 17px;
  border-radius: 70px;
  background:#2bae40;
  color:#ffffff;
  font-weight:bold;
  border:1px solid #3dcf54;
  cursor:pointer;
  
}
.btn-circle-lg1 {
  width: 120px;
  height: 120px;
  text-align: center;
  padding: 13px 0;
  font-size: 12px;
  line-height: 17px;
  border-radius: 70px;
  background:#6E8243;
  color:#ffffff;
  font-weight:bold;
  border:5px solid #6E8243;
  cursor:pointer;
  
}


.curve_radius{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */


}