.fancybox-overlay {
background-color: rgba(58,50,50,1);

}
.loading {
  background: transparent url('../common/styles/image/loader.gif') center no-repeat !important;
}
.box {
box-shadow:none;
}
.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 68px !important; border: 8px solid white; line-height: 88px; border-radius: 50%; vertical-align: middle; padding-top:2px }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; margin-top:7px; }

.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0;    width: 91%;margin-left: 35px;box-shadow: 0px 0px 3px 0px lightsteelblue; }

.box > .icon > .info > h3.title { font-family: "Quicksand",sans-serif !important; font-size: 28px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-family: "Quicksand",sans-serif !important; font-size: 15px; color: #666; line-height: 1.5em; margin: 20px;}
.box > .icon > .info > .more a { font-family: "Quicksand",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }




.classname {
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif !important;

}
.mobile_sec_header {
font-size:13px;
color:lightseagreen !important;

}
.assessment{
font-size: 20px;
}

.padding-block {
    padding-top: 28px;
    padding-bottom: 18px;
}
.border-bottom {
    border-bottom-color: #ededed;
}
.border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.message_div
{
width:70%;
}
.header_container_online1{
background:#0f7dca;
padding:10px;
}
.header_logo{
    font-size: 24px !important;
    font-family: 'Monotype Corsiva' !important;
    color: #FFFFFF !important;
	
}
.textareacls{
    resize: none;
	outline:none;
	padding:10px;
	margin:0;
	overflow:auto !important;
	width:100%;
	border:0;
	
}
.borderclass {
border:1px solid red !important;

}
/* ================ colors =====================*/
.mini-stat {
  padding: 15px;
  margin-bottom: 20px;
}

.mini-stat-icon {
  width: 60px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  text-align: center;
  font-size: 30px;
  background: none repeat scroll 0% 0% #EEE;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
  color: #FFF;
}




.mini-stat-info span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 7px;
}

.bg-facebook {
  background-color: #3b5998 !important;
  border: 1px solid #3b5998;
  color: white;
}

.fg-facebook {
  color: #3b5998 !important;
}

.bg-twitter {
  background-color: #00a0d1 !important;
  border: 1px solid #00a0d1;
  color: white;
}

.fg-twitter {
  color: #00a0d1 !important;
}

.bg-googleplus {
  background-color: #db4a39 !important;
  border: 1px solid #db4a39;
  color: white;
}

.fg-googleplus {
  color: #db4a39 !important;
}

.bg-bitbucket {
  background-color: #205081 !important;
  border: 1px solid #205081;
  color: white;
}

.fg-bitbucket {
  color: #205081 !important;
}

.btn-circle-lg1 {
    width: 115px;
    height: 112px;
  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;
  
}


.btn-circle-lg11{

  text-align: center;

  font-size: 12px;
  line-height: 17px;
 
  background:#6E8243;
  color:#ffffff;
  font-weight:bold;
 
  cursor:pointer;
  padding-bottom: 8px;
}
/*//////////////Login popup design //////////*/

*{
font-size:14px;

}

.exestylepopup {

height: auto !important;
}
.t01	{
    background-color: #eee; 
line-height:35px;

}

.tip_span{
font-size:12px !important;
}
.activegood{
 background-color: #17a668;
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;
   left: 0 !important;
   right: 0 !important;
   overflow:auto;

}
.btn-lg {
    font-size: 16px !important;
    line-height: 1.33;
    border-radius: 6px;
}
.btn {
color:#ffffff !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;
}
.referral_textbox{
border-radius:0px;

}
.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;  position:fixed; top:40%; 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: 100%;
    color: #FFFFFF;
	float:left;
  
}
.fancybox-inner {
height:auto !important;
}

@media all and (max-width: 1024px) {
.exestylepopup {width:500px;  position:fixed; top:40%; left:31%; border:10px solid #999; padding:10px;  margin-left:-50px;}
}
@media all and (max-width: 928px) {
.exestylepopup {width:500px;  position:fixed; top:40%; left:29%; border:10px solid #999; padding:10px;  margin-left:-50px;}
}
@media all and (max-width: 800px) {
.exestylepopup {width:600px !important;  position:absolute; top:45%; left:36%; border:10px solid #999; padding:10px;  margin-left:-50px;}
}
@media all and (max-width: 768px) {
.exestylepopup {width:605px !important;  position:fixed; top:32%; left:29%; border:10px solid #999; padding:10px;  margin-left:-50px;}
}

@media all and (max-width: 450px) {
.exestylepopup {width:325px !important;   position:absolute; top:29%; left:9%; border:10px solid #999; padding:10px;     margin-left:0px !important; }
.btn {
padding:5px;

}
.fancyclass_desc {
width:100%;
}
#m_scrollup {
margin-left:0px ;
margin-right:0px;
}
.test_nextbutton {
    margin-top: 9px;
}
.myclass_passage_head {
margin-left:0 !important;

}
.textareacls {
width: 44% !important;
}
.my_new_image {
width:100% !important;
overflow-y:hidden;

}
.quest_div{

overflow: auto !important;
}

#chart_wrap {
width: 250px;
    margin-left: -34px;
    }
.table_height {
min-height: 159px !important;
}	
.table>tbody>tr>td {
    padding: 8px 0px 0px !important;
}
.correctans{

width:30%;
}
.message_div
{
width:100%;
}
.fancybox-wrap {
    width: 66% !important;
    left: 70px !important;
}
.fancybox-inner {
width:100% !important;
height:auto !important;
}
.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:35%;
	margin-top:8px;
margin-bottom:8px;
}
.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%;
}
.nextquestionbutton {
float:left !important;
}

@media all and (max-width: 375px) {
.exestylepopup {width:325px !important;   position:absolute; top:29%; left:6%; border:10px solid #999; padding:10px;     margin-left:0px !important; }
#exestylepopupdiv{
overflow-x: hidden !important;
}
}
  
@media all and (max-width: 320px) {
.exestylepopup {width:325px !important;   position:absolute; top:41%; left:-2%; border:10px solid #999; padding:10px;     margin-left:0px !important; overflow-y:hidden}
#exestylepopupdiv{
overflow-x: hidden !important;
}
.btn {
    padding: 1px;
}
.tabs_container {
    width: 38%;

}
.div320 {
width:40%;

} 
#m_scrollup {
margin-left:-10px !important;;
margin-right:-10px !important;;
}
.textareacls {
width: 30% !important;
} 
}
.panal1{
min-width:90px;
}

.dashboard_image{
width:90px;
height:100px;
}
.text_style{
font-size:18px !important;
color:#FFFFFF;
}
.dashboard_divstyle{
/*background:#FFFFFF;*/
-webkit-box-shadow: 0px -1px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px -1px 5px 0px rgba(204,204,204,1);
box-shadow: 0px -1px 5px 0px rgba(204,204,204,1);
}
.div1{
background:#27a9e3;
}
.div1:hover{
background:#2195c9;
}
.div2{
background:#28b779
}
.div2:hover{
background:#17a668;
}
.div3{
background:#852b99
}
.div3:hover{
background:#741d88;
}
.div4{
background:#fa8565
}
.div4:hover{
background:#d66a4f;
}
.div5{
background:#ea2056;
}

.div_container{
/*-webkit-box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);*/
padding:10px;
border:2px solid #CCCCCC;
color:#0033CC;
width:94%;
}
.div_container1{
padding:15px 5px 15px 5px;
border-bottom:1px solid #e6e6e6;

color:#0033CC;
}
.bg1{
background:#f4f4f4;


/*background:url(common/styles/image/bakgrnd.png);*/
}
.bg2{
background:#f4f4f4;
}
.bg3{
background:#ffffff;
}
.bg4{
background:#f4f4f4;
}
.bg5{
background:#f4f4f4;
}
.bg6{

background:#f4f4f4;
}
.bg7{
background:#f4f4f4;
}
.bg8{

background:#f4f4f4;
}

.bg9{
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
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-8 */
color:#0000CC;

}
.title_style{
color:#0033CC;
/*border-bottom:1px solid #CCCCCC;*/
font-size:14px !important;
}
.contentstyle{
line-height:25px; color:#333333;
}
.inbox-content{
background:#FFFFFF;
}
.profile_image{
width:30px;
height:30px;
}
.tabledesign:hover{
background:#F2FFD7;
}
.tb1{
background:#f5d5df;
padding:10px;

cursor:pointer;
color:#333333;
border-radius:10px 10px 0px 0px;
margin-left:1px;

}

.tb2{
background:#e5f5f9;
padding:10px;
cursor:pointer;
color:#000000;
border-radius:10px 10px 0px 0px;
margin-left:2px;
}

.roster_slider{
background:#E6EFF7;
border-radius:10px;

}

.btn-squared-default{
font-size: 13px !important; 
}


.sucess_afterexam {
    padding: 10px;
    background: #fff;
    font-size: 16px !important;
    width: 100%;
  
}
.reftext {

margin-top: 0;color:#55518a; font-size:24px; font-family: 'Source Sans Pro',sans-serif !important;
}