.activegood{
 background-color: #17a668;
color: #FFFFFF;
border:1px solid #DDDDDD;
}
.loading {
  background: transparent url('../common/styles/image/loader.gif') center no-repeat !important;
}
.category_containor{
border-bottom:2px double #dddddd;
padding:10px;
font-weight:bold;
}

.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .alert .ui-draggable .ui-resizable{
position:absolute !important;
    height: auto !important;
    width: 300px !important;
    top: -809px !important;
    left: 0px !important;
    display: block !important;
}
*{
font-size:14px;

}
.user {
    background: url(../common/styles/image/user.png) no-repeat;
}
.password {
    background: url(../common/styles/image/password.png) no-repeat;
}
.login {
    font-size: 14px;
    color: #8e8d8d;
    font-family: "Droid Sans";
    padding: 11px 15px 10px 50px;
    background-color: #fdfdfd;
    width: 100%;
    display: block;
    border: 1px solid #d8d8d8;
    margin: 13px 0 -3px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 2px 2px 4px #f1f1f1;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.btn{
color:#ffffff !important;
}

	.radio .cr {
margin-top:3px;
}

.panel {
margin-bottom:0px;
}
.checkbox .cr, .radio .cr{
color:red;
}
.header_container_online1{
background:#0f7dca;
padding:10px;
}
.header_logo{
    font-size: 24px !important;
    font-family: 'Monotype Corsiva' ;
    color: #FFFFFF !important;
	
}
/*  bhoechie tab */
div.bhoechie-tab-container{
 
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
 
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #0f7dca;
  background-image: #0f7dca;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
.active {
    color: #555;
    cursor: default;
    background-color: #fff;
}


.div_background_style{
	border:1px solid #CCCCCC;
	padding:10px 10px 10px 10px;
	border-radius:5px;
	box-shadow:5px 5px 40px 1px #0f7dca inset;
	min-height:800px;
	text-align:left;
}

.font_style_speaker{
	font-size:12px; font-family:'Times New Roman'; color:#0080C0;font-weight:100;
	background-color:#E7EFF7;
	padding:5px 10px 5px 10px;
	border-radius:10px;
	border:1px ridge #E7EFF7;
}

.des_div{
	border:1px solid #92B9DA;
	border-radius:10px;
	min-height:170px;
	background:#FFFFFF;
	/*overflow:auto;*/
}
.image_style{ margin-top:10px; border: 1px solid #ddd; padding: 6px; background:#ffffff;}
/*.div_style{
	background:#0099CC; width:110px; font-size:12px; padding:5px; border-radius:10px 10px 0px 0px; border:1px ridge #999999; border-bottom:1px solid #FFFFFF;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
.div_style_active{
	background-color:#FFFFFF;
	color:#330000;
	font-weight:100;
}*/
.vid_img_span{
	margin:10px 0px 10px 5px;
	padding:5px 5px 5px 5px;
}

.letter_first{
	color:#FF0066; font-size:15px;
}
.letter_second{
	color:#FFFF66; font-size:15px;
}
.letter_third{
	color:#00CC00; font-size:15px;
}

 #foo {
    position: fixed;
    bottom: 0;
    right: 0;
  }
.editbutton_style{
	cursor:pointer;
}

.exam_header_style{
background: #0f7dca; /* Old browsers */

min-height:40px;
line-height:40px;
font-size:100%;
color:#FFFFFF;
height:100px;
}


.time_labele_style{
font-size:110%;
color:#000000;

}
.time_style{
font-size:120%;
color:#CC00CC;
}
.name_labele_style{
font-size:110%;
color:#000000;
}
.name_style{
font-size:120%;
color:#0033FF;
}
.unselect_style{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
border-radius:5px;
padding:5px;
width:30px;
height:30px;
cursor:pointer;
margin:4px;
color:#000000;
border:1px solid #dddddd;
}
.notanswered_style{
background: rgba(248,80,50,1);
background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );
border-radius:5px 5px 10px 10px;
padding:5px;
width:30px;
height:30px;
cursor:pointer;
color:#FFFFFF;
margin:4px;
}
.answered_style{
background: rgba(98,125,77,1);
background: -moz-linear-gradient(-45deg, rgba(98,125,77,1) 0%, rgba(103,181,29,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(98,125,77,1)), color-stop(100%, rgba(103,181,29,1)));
background: -webkit-linear-gradient(-45deg, rgba(98,125,77,1) 0%, rgba(103,181,29,1) 100%);
background: -o-linear-gradient(-45deg, rgba(98,125,77,1) 0%, rgba(103,181,29,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(98,125,77,1) 0%, rgba(103,181,29,1) 100%);
background: linear-gradient(135deg, rgba(98,125,77,1) 0%, rgba(103,181,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#67b51d', GradientType=1 );
border-radius:10px 10px 5px 5px ;
padding:5px;
width:30px;
height:30px;
cursor:pointer;
color:#FFFFFF;
margin:4px;
}

.answered_style{
background: rgba(98,125,77,1);
background: -moz-linear-gradient(-45deg, rgba(98,125,77,1) 0%, rgba(103,181,29,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(98,125,77,1)), color-stop(100%, rgba(103,181,29,1)));
background: -webkit-linear-gradient(-45deg, rgba(98,125,77,1) 0%, rgba(103,181,29,1) 100%);
background: -o-linear-gradient(-45deg, rgba(98,125,77,1) 0%, rgba(103,181,29,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(98,125,77,1) 0%, rgba(103,181,29,1) 100%);
background: linear-gradient(135deg, rgba(98,125,77,1) 0%, rgba(103,181,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#67b51d', GradientType=1 );
border-radius:10px 10px 5px 5px ;
padding:5px;
width:30px;
height:30px;
cursor:pointer;
color:#FFFFFF;
margin:4px;
}
.marked_style{
background: rgba(246,246,246,1);
background: -moz-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(145,104,193,1) 2%, rgba(145,104,193,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,1)), color-stop(2%, rgba(145,104,193,1)), color-stop(100%, rgba(145,104,193,1)));
background: -webkit-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(145,104,193,1) 2%, rgba(145,104,193,1) 100%);
background: -o-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(145,104,193,1) 2%, rgba(145,104,193,1) 100%);
background: -ms-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(145,104,193,1) 2%, rgba(145,104,193,1) 100%);
background: linear-gradient(to right, rgba(246,246,246,1) 0%, rgba(145,104,193,1) 2%, rgba(145,104,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#9168c1', GradientType=1 );
border-radius:100px ;
padding:5px;
width:30px;
height:30px;
cursor:pointer;
color:#FFFFFF;
margin:4px;
}


legend a {
  color: inherit;
  font-size:16px;
}
legend.legendStyle {
padding-left: 5px;
padding-right: 5px;


}
fieldset.fsStyle {

font-size: small;
font-weight: normal;
border: 1px solid #999999;
padding: 4px;
margin: 5px;
background:#F3FFF8;
}
legend.legendStyle {
font-size: 90%;
color: #888888;
background-color: transparent;
font-weight: bold;
}

legend {
width: auto;
border-bottom: 0px;
}

.activebtn{
	background:#f39c12;
	padding:10px;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #ddd;
	font-size:14px;
}



.completebtn{
	background:#0f7dca;
	padding:10px;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #ddd;
	font-size:14px;
	cursor:pointer;
}
.completebtn::before { 
   content: "\2713";
   background-color: #18BC9C;
   color: #fffff;
   font-weight: bold;
   border:1px solid #ddd;
   padding:5px;
   border-radius:100%;
   cursor:pointer;
}

.pendingbutton{
	background:#18BC9C;
	padding:10px;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #ddd;
	font-size:14px;
	cursor:pointer;
}

.contentmain_movingdiv{
	margin-top:-4%;
}
.hdiv {
  position: relative;
}
.hdiv:after {
  font-size: 200%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
}
.block-parent {
  border: 0px solid blue;
}

.float {
  float: left;

  height: 130px;
  width: 150px;
}

.header_logo{
    font-size: 24px !important;
    font-family: 'Monotype Corsiva' ;
    color: #FFFFFF !important;
	
}
.style2{
min-height:260px;
}

.imgsize{
width:100px; height:100px;
}
.margin{
margin-left:15px;
}

.Question_numbers_class{
min-height:350px; max-height:360px;  overflow-y:auto;
}
@media only screen and (max-width: 500px) {
.imgsize{
display:none;
}

.margin{
margin:0px;
}

.Question_numbers_class{
min-height:350px; max-height:360px;  overflow-y:auto;
min-width:100px;
}

.timer_container_div{

min-width:100px;
}

}	
.fancybox-lock {
overflow:hidden !important;
}
.btn-group-xs>.btn, .btn-xs {
padding: 1px 5px !important;
}