@media only screen and (max-width:648px) {
.twoCols-left, .twoCols-right {
	width: 100% !important;
}
}
.tbl {
	border: 1px solid #CCC;
}
#timer_id {
	border: 2px solid #CCC;
	width: 100px;
	float: right;
	color: #FFF;
	background-color: red;
	font-size: 13px;
	padding: 3px;
	text-align: center;
}
#CountDownTimer {
	float: left;
	color: red;
	font-weight: 900;
	padding: 3px;
}
.progress-bar-background {
	background-color: #CCC;
	width: 100%;
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
}
.progress-bar-complete {
	/*background-color:#0F6;*/
	background-image: url("../images/progress_bar.png");
	width: 0%;
	position: relative;
	overflow: hidden;
	top: -12px;
	left: 0;
}
#progress-bar {
	width: 200px;
	height: 15px;
	overflow: hidden;
	border: 1px #F2F2F2 solid;
	float: none;
	text-align: left;
	/*margin-left: 280px;*/
	margin-top: 5px;
}
#showcount {
	border: none;
	background-color: #FFF;
}
#submit_btn {
	width: 170px;
	float: right;/*background-color:#98C0F4;
	color:#0000CC;*/
}
.limit {
	display: none;
}
.list-footer {
	text-align: center !important;
}
.counter {
	text-align: center !important;
}
.navBox h1 {
	color: #FFF;
}
.navBox {
	border: 1px solid #135CAE;
	width: 200px;
}
.trBg {
	background: #F7F7F7;
}
#Questiondiv {
	/*overflow:scroll;
	overflow-x:hidden;*/
	border: 1px solid #CCC;
	padding: 10px;
	min-height: 400px;
	height: auto;
	/*background-image: url("/images/background.jpg");*/
	background-size: 100%;
	width: 98%;
	font-weight: bolder;
	color: black;
}
.process_id {
	background-image: url("../images/animated_progress.gif");
	width: 50px;
	height: 50px;
}
#gen_fbk, #instructions_div {
	background-color: #F7FBFF;
	border: 1px solid #FFF0F0;
	padding: 10px;
}
#exam_visible_after {
	background-color: #EDEDED;
	border: 2px solid #FBEAD9;
	padding: 10px;
	color: red;
	font-size: 14px;
}
#question_fbk {
	background-color: #F7FBFF;
	margin-left: 20px;
	padding: 3px;
	padding-bottom: 5px;
}
#err {
	color: red;
}
.qnTitle {
	background-color: #135CAE;
	color: #FFF;
	padding: 5px;
}
.eachQnBorder {
	border: 2px solid #135CAE;
	margin-bottom: 5px;
	padding: 3px;
}
.loaderDEL {
	border: 2px solid #FFE077;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 8px #666666;
	left: 50%;
	margin: -37px auto 0 -175px;
	padding: 10px 0 5px;
	position: fixed;
	text-align: center;
	top: 50%;
	width: 350px;
	z-index: 199;
}
.loader {
	border: 2px solid #FFE077;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 8px #666666;
	margin: 137px auto 0 175px;
	padding: 10px 0 5px;
	position: relative;
	text-align: center !important;
	vertical-align: middle;
	width: 350px;
}
.loader_img {
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center top;
	height: 32px;
}
.user_right {
	background-image: url("../images/user_right.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	height: 34px;
	width: 34px;
	float: left;
}
.user_wrong {
	background-image: url("../images/user_wrong.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	height: 34px;
	width: 34px;
	float: left;
}
.wrong {
	background-image: url("../images/wrong.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	height: 18px;
	width: 22px;
	float: left;
}
.right {
	background-image: url("../images/right.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	height: 18px;
	width: 22px;
	float: left;
}
#column_heading td.name {
	width: 120px;
}
#column_heading td.value {
	width: 23px !important;
}
#grid_preview_div table tr td table tr td, #grid_preview_div table tr td table tr {
	border: none;
}
.table td.name {
	width: 120px !important;
}
#column_heading td {
	margin: 0;
	padding: 2px;
}
#column_heading {
	width: auto;
}
/* CSS for Exam Views for Div's Layout */
.fltLeft {
	float: left;
}
.fltRight {
	float: right;
}
.clearFlt {
	clear: both;
}
.examPageDiv {
	border: 1px solid #CCCCCC;
	height: auto;
	padding: 6px;
	width: 98%;
}
.twoCols-left, .twoCols-right {
	float: left;
	padding: 3px;
	width: 49%;
}
.ques-title, .ques-wording {
	border-bottom: 1px solid #EEEEEE;
	font-weight: bold;
	padding: 8px 0;
}
.examPageDiv input[type="text"] {
	width: 150px;
}
.inlineLeft {
	float: left;
	padding: 3px;
	width: 40%;
}
.inlineRight {
	float: left;
	padding: 3px 0 3px 12px;
	width: 54%;
}
div#grid_preview_div div span {
	margin: 0;
}
.examPageButtonsDiv {
	padding: 6px;
	width: 98%;
}
.examPageButtonsDiv #divLeft {
	float: left;
	width: 33%;
}
.examPageButtonsDiv #divLeft #showcount {
	margin: 0;
	vertical-align: middle;
	width: 100px;
}
.examPageButtonsDiv #divMiddle {
	float: left;
}
.examPageButtonsDiv #divRight {
	float: right;
}
/* End of CSS for Exam Views for Div's Layout */

#courses {
	padding-left: 20px;
}
.showCourse {
	padding-left: 20px;
}
.lesson_title {
	padding-left: 20px;
}
#previewquestions {
	position: relative;
}
#ajaxLoader {
	background: #666666;
	filter: alpha(opacity=40); /* IE */
	-moz-opacity: 0.4; /* Mozilla */
	opacity: 0.4; /* CSS3 */
	height: calc(100% - 48px); /* IE9+ and future browsers */
	height: -moz-calc(100% - 48px); /* Firefox */
	height: -webkit-calc(100% - 48px); /* Chrome, Safari */
	width: calc(100% - 1px); /* IE9+ and future browsers */
	width: -moz-calc(100% - 1px); /* Firefox */
	width: -webkit-calc(100% - 1px); /* Chrome, Safari */
	position: absolute;
	z-index: -1;
}
#ajaxLoader .loader {
	background: #FFFFFF;
	left: 25%;
	margin: 0;
	position: relative;
	top: 50%;
}
.table-custom th {
	border-right: 1px solid #626262 !important;
	border-top: 1px solid #626262 !important;
	border-bottom: 1px solid #626262 !important;
}
.table-custom th:first-child {
	border-left: 1px solid #626262 !important;
}
.table-custom td {
	border-bottom: 1px solid #626262 !important;
	border-right: 1px solid #626262 !important;
}
.table-custom td:first-child {
	border-left: 1px solid #626262 !important;
}
#cp_name {
	font-size: 1.8em;
}
#cp_weighted_grade, #course_must_be_completed, #course_lesson_name, #lesson_desc, #lesson_pre_requisite, #lesson_pre_requisite_name, #about_lesson, #lesson_name_desc /*#cp_certificate, #period_valid_cp_certificate,*/ {
	padding-left: 25px;
}
#course_teacher, #course_assistant, #about_lesson_cp {
	padding-left: 50px;
}
#course_name {
	text-transform: none;
	font-size: 18px;
}
#cp_expired {
	color: #FF0000;
}
#dot_line {
	border-top: 1px dotted #CCC;
	margin: 12px 0;
}
#sol_line {
	border-top: 2px solid #666;
	margin: 10px 0;
}
#sol_line_top {
	margin-bottom: 15px;
	margin-top: 10px;
	border-top: 2px solid #666;
}
#cp_name, #start_date span, #end_date span, #cost span, #cp_course_name span, #cp_weighted_grade span, #course_must_be_completed span, #course_lesson_name span, #course_teacher span, #course_assistant span, #cp_certificate span, #period_valid_cp_certificate span, #course_name span, #course_desc span, #course_category span, #course_certificate span, #course_certification_valid_period span, #show_time span, #course_country span, #course_state span, #course_pre_requisite span, #course_one_or_all span, /*#lesson_name_desc span,*/ .lesson_name_bold, #lesson_desc span, #lesson_type span, #lesson_category span, #completed_lessons span, #lesson_weighting span, #lesson_must_be_completed span, #lesson_teacher span, #lesson_assistant span, #page_title span, #title span, #title_desc span, #select_category span, #list_cp span, #course_pre_requisite span, #lesson_pre_requisite span.lesson_pre_requisite_title, #prerequisites span {
	font-weight: bold;
}
.completed_lesson {
	color: green;
}
.expired_lesson, .not_started_lesson {
	color: red;
}
.inprogress_lesson {
	color: #135CAE;
}
.tblClass {
	border: 1px solid #CCC;
	line-height: 20px;
}
.oddTd {
	background: #F7F7F7;
}
.evenTd {
	background: #FFFFFF;
}
/* Tabs CSS */
dt, dd {
	line-height: 20px;
}
dl.tabs {
	float: left;
	margin-bottom: -1px;
}
dl.tabs dt.tabs {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	float: left;
	margin-left: 3px;
	padding: 0px !important;
	background: none !important;
}
div.current dd.tabs {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	clear: both;
	margin: 0;
	padding: 10px;
}
dl.tabs dt.open {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
dl.tabs dt.tabs h3 {
	font-size: 1.1em;
	margin: 0;
}
dl.tabs dt.open h3 a, dl.tabs dt.tabs h3 a:hover {
	color: #000000;
	text-decoration: none;
}
dl.tabs dt.open h3 a {
	font-weight: bold;
}
/* Tabs CSS */
.resulth2 {
	margin-left: 25px;
}
#poweredBy {
	display: none;
	font-size: 10px;
	font-weight: bold;
	margin: 10px 0;
	text-align: center;
}
#progressBarDiv {
	margin: 0 auto;
	width: 250px;
}
#progressBarDiv h6 {
	text-align: center;
}
#class_desc, #lesson_block_info, .course {
	height: auto;
	border-left: 1px #C0C0C0 solid;
	border-right: 1px #C0C0C0 solid;
	border-bottom: 1px #C0C0C0 solid;
	width: 580px;
	margin-left: 30px;
	margin-top: -5px;
	min-height: 60px;
}
.accordion-lesson {
	display: block;
	padding: 8px 35px;
}
.expandAll {
	padding-right: 15px;
}
.accordion-toggle {
	height: 36px;
	display: block;
}
/*******************************************/
#main_purchase_block {
	width: 700px;
	display: block;
}
.head_table, .str_row {
	width: 98%;
}
.head_table div, .str_row div {
	line-height: 30px;
}
.head_table {
	background: #F7F7F7;
	font-weight: bold;
}
div.no {
	width: 7%;
}
div.cpn {
	width: 39%;
}
div.start_date {
	width: 15%;
}
div.ens_date {
	width: 15%;
}
div.cost_sp {
	width: 10%;
}
div.emp {
	width: 13%;
	display: block;
	float: left;
	text-align: right;
}
.head_table .no, .head_table .cpn, .head_table .start_date, .head_table .ens_date, .head_table .cost_sp, .head_table .emp {
	display: block;
	float: left;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.head_table .emp {
	border-bottom: 1px solid #333;
	height: 32px;
}
.str_row .no, .str_row .cpn, .str_row .start_date, .str_row .ens_date, .str_row .cost_sp, .str_row .emp {
	display: block;
	float: left;
}
.str_row {
	border-bottom: 1px solid #333;
}
.no, .start_date, .ens_date, .cost_sp, .head_table .cpn {
	text-align: center;
}
.both {
	clear: both;
}
.str_row, .get_access_text {
	float: left;
	text-align: left;
}
#total_area {
	width: 100%;
}
#name_cp {
	margin: 0px 10px 10px 0px;
	float: left;
	border: 1px solid #c9c9c9;
	height: 130px;
	padding: 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#name_cp img {
	width: 100px;
}
.tabs .btn {
	background: #7F8C8D;
	border-radius: 4px 4px 4px 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	text-shadow: none !important;
	vertical-align: middle;
	text-decoration: none;
	opacity: 1;
	outline: none;
	cursor: pointer !important;
	height: 41px;
}
.tabs .btn:hover {
	background: #707D7E;
}
#course_name_guru img {
	margin-bottom: 3px;
}
.pre_requisite {
	padding-left: 35px;
}
dl.tabs dt a {
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 12px 12px 12px 12px;
	box-shadow: 0 -7px 6px 3px rgba(0, 0, 0, 0.05) inset;
	color: #444;
	font-size: 12px;
	font-weight: bold !important;
	margin-right: 3px;
	padding: 0px 8px;
	text-decoration: none;
	text-shadow: 2px 2px 1px #FFF;
	transition: all 0.25s ease 0s;
	display: inline-block;
	margin-bottom: 3px;
}
dl.tabs dt.closed a {
	color: #444;
	font-size: 12px;
	margin-bottom: 3px;
}
dl.tabs dt.open a {
	background: none repeat scroll 0 0 #333;
	box-shadow: 0 0 3px 0 #000 inset;
	color: #EEE !important;
	text-shadow: 0px 0px #000;
}
dl.tabs dt.open a:hover {
	box-shadow: 0 -20px 11px 3px rgba(0, 0, 0, 0.05) inset, 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
dl.tabs dt.tabs {
	border: none !important;
}
div.current #adminForm {
	margin-bottom: 0px !important;
}
div.current dd.tabs {
	border-top: none !important;
	-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
}
.call_2_action {
	background: none repeat scroll 0 0 #7CD8EF;
	border-radius: 4px 4px 4px 4px;
	margin: 10px 0;
	padding: 5px 10px;
	text-align: right;
}
div.call_2_action .btn-buy {
	background-color: #FFB752;
	border: none;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	text-decoration: none;
	opacity: 1;
	cursor: pointer !important;
	height: 41px;
}
div.call_2_action .btn-buy:hover {
	background-color: #E59729;
}
.tabs ul li {
	list-style: none;
}
.block_price {
	float: left;
	width: 38%;
	/*border-top: 1px solid #e5e5e5;*/
    /*border-right: 1px solid #e5e5e5;*/
	border-bottom: 1px solid #e5e5e5;
}
.block_price .price {
	background: #58C2C5;
	padding: 8px;
	border-top: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	color: #fff;
	font-weight: bold;
}
.period_cp_valid {
	width: 62%;
	float: left;
}
.period_cp_valid_val {
	border: 1px solid #a5a5a5;
	background: #58C2C5;
	padding: 8px;
	color: #fff;
	font-weight: bold;
}
.period_cp_valid_numb {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #a5a5a5;
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
}
.price_val {
	border-right: 1px solid #e5e5e5;
}
.period_cp_valid_numb, .price_val {
	padding: 8px;
}
.accordion-group {
	border: 1px solid #E5E5E5;
	width: 650px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-bottom: 1px solid #DDD !important;
}
/*************************** RESPONSIVE *****************************/
@media only screen and (max-width:720px) {
#main_purchase_block, .str_row {
	width: 500px;
}
div.no {
	width: 11%;
}
div.cpn {
	width: 31%;
}
div.emp {
	width: 16%;
	text-align: right;
}
}
@media only screen and (max-width:530px) {
#main_purchase_block, .str_row {
	width: 430px;
}
div.no {
	width: 7%;
}
div.cpn {
	width: 34%;
}
div.cost_sp {
	width: 8%;
}
div.emp {
	width: 18%;
	text-align: right;
}
}
/*body {
    background: #cacaca;
    margin: 0;
    padding: 20px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
}*/

#table_resp {
	display: table;
	width: 100%;
	background: #fff;
	margin: 0;
	box-sizing: border-box;
}
.caption {
	display: block;
	width: 100%;
	background: #64e0ef;
	height: 55px;
	padding-left: 10px;
	color: #fff;
	font-size: 20px;
	line-height: 55px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	box-sizing: border-box;
}
.header-row {
	background: #8b8b8b;
	color: #fff;
}
.cell {
	display: table-cell;
	padding: 6px;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
}
.primary {
	text-align: left;
}
input[type="radio"], input[type="checkbox"] {
/*display: none;*/
}
 @media only screen and (min-width: 760px) {
.lms_row {
	display: table-row;
}
}
 @media only screen and (max-width: 760px) {
body {
	padding: 0 !important;
}
#table_resp {
	display: block !important;
	margin: 44px 0 0 0 !important;
}
.caption {
	position: fixed !important;
	top: 0 !important;
	text-align: center !important;
	height: 44px !important;
	line-height: 44px !important;
	z-index: 5 !important;
	border-bottom: 2px solid #999 !important;
}
.row {
	position: relative !important;
	display: block !important;
	border-bottom: 1px solid #ccc !important;
}
.header-row {
	display: none !important;
}
.cell {
	display: block !important;
	border: none !important;
	position: relative !important;
	height: 45px !important;
	line-height: 45px !important;
	text-align: left !important;
}
.primary:after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	right: 20px !important;
	top: 18px !important;
	z-index: 2 !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 10px solid transparent !important;
	border-bottom: 10px solid transparent !important;
	border-right: 10px solid #ccc !important;
}
.cell:nth-of-type(n+2) {
	display: none !important;
}
input[type="radio"], input[type="checkbox"] {
	display: block !important;
	position: absolute !important;
	z-index: 1 !important;
	width: 99% !important;
	height: 100% !important;
	opacity: 0 !important;
}
input[type="radio"]:checked ~ .cell, input[type="checkbox"]:checked ~ .cell {
	display: block !important;
	border-bottom: 1px solid #eee !important;
}
input[type="radio"]:checked ~ .cell:nth-of-type(n+2), input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2) {
	background: #e0e0e0 !important;
}
input[type="radio"]:checked ~ .cell:nth-of-type(n+2):before, input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2):before {
	content: attr(data-label) !important;
	display: inline-block !important;
	width: 60px !important;
	background: #999 !important;
	border-radius: 10px !important;
	height: 20px !important;
	margin-right: 10px !important;
	font-size: 12px !important;
	line-height: 20px !important;
	text-align: center !important;
	color: white !important;
}
input[type="radio"]:checked ~ .primary, input[type="checkbox"]:checked ~ .primary {
	border-bottom: 2px solid #999 !important;
}
input[type="radio"]:checked ~ .primary:after, input[type="checkbox"]:checked ~ .primary:after {
	position: absolute !important;
	right: 18px !important;
	top: 22px !important;
	border-right: 10px solid transparent !important;
	border-left: 10px solid transparent !important;
	border-top: 10px solid #ccc !important;
	z-index: 2 !important;
}
#jsn-content {
	width: 100% !important;
}
#jsn-page {
	min-width: 100% !important;
}
}
/*************************** RESPONSIVE *****************************/

/* ###### Added these styles to show all at once styles in responsive mode on 07.08.14 ###### */
.radioCheckboxDiv input[type="radio"], .radioCheckboxDiv input[type="checkbox"] {
	height: 0 !important;
	margin-top: 0 !important;
	opacity: initial !important;
	width: 0 !important;
}
.radioCheckboxDiv span {
	margin-left: 15px;
}
@media only screen and (max-width:760px) { /* 620px */
	#Questiondiv table tr td {
		float: left;
		width: 200px !important;
	}
}

/* matching question type css */
.matching_sno1 {
	border: 1px solid #000;
	float: left;
	padding: 4px;
}
.matching_input {
	border: 1px solid #000;
	float: left;
	padding: 0 4px;
}
.matching_input input[type="text"] {
	height: 16px;
	margin-bottom: 0px;
	width: 12px !important;
}
.matching_answer1 {
	border: 1px solid #000;
	float: left;
	padding: 4px;
	width: 30%;
}
.matching_sno2 {
	border: 1px solid #000;
	float: left;
	padding: 4px;
}
.matching_answer2 {
	border: 1px solid #000;
	float: left;
	padding: 4px;
	width: 30%;
}
/* end of matching question type css */

/* multiple response question type css */
.multipleresponse_number {
	border: 1px solid #000;
	float: left;
	padding: 4px;
}
.multipleresponse_checkbox {
	border-right: 1px solid #000;
	float: left;
	padding: 7px;
}
@media only screen and (max-width:675px) {
	.multipleresponse_checkbox {
		padding: 7px 20px 20px 7px !important;
	}
}
.multipleresponse_checkbox input {
	vertical-align: top;
}
.multipleresponse_answer {
	border: 1px solid #000;
	padding: 4px 4px 4px 50px;
}
/* end of multiple response question type css */

/* jumbledSentence question type css */
.jumbledSentence {
	float: left;
}
.jumbledSentenceSno {
	float: left;
	line-height: 28px;
    margin-right: 10px;
}
/* end of jumbledSentence question type css */

/* grid question type css */
.rTable {
	display: block;
	width: 100%;
}
.rTableHeading, .rTableBody, .rTableFoot, .rTableRow {
	clear: both;
}
.rTableHead, .rTableFoot {
	background-color: #DDD;
	font-weight: bold;
}
.rTableCell, .rTableHead {
	border: 1px solid #999999;
	float: left;
	height: 17px;
	overflow: hidden;
	padding: 3px 0.8%;
	width: 14%;
}
.rTable:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* end of grid question type css */

/* selector question type css */
.selectorQuestion {
	float: left;
	margin-right: 10px;
    width: 50%;
}
.selector {
	float: left;
}
/* end of selector question type css */

/* ###### Added these styles to show all at once styles in responsive mode on 07.08.14 ###### */