html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

body {
	margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

audio:not([controls]){display:none;height:0;}
[hidden], template {
	display: none;
}
a {
	background-color: transparent;
}

a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 13px;
	margin: 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg
:not
 
(
:root
 
)
{
overflow
:
 
hidden
;


}
figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button, input, optgroup, select, textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"]
	{
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	cursor: pointer;
	vertical-align: middle;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button
	{
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
	{
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
}

header {
	background-color: #323B47;
	height: 44px;
	color: #fff;
}

header h1 {
	float: left;
	line-height: 44px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: normal;
}

nav {
	float: right
}

ul.tabs {
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
	height: 44px;
	margin-right: 3px
}

ul.tabs li {
	float: left;
	margin: 0 1px;
	padding: 0;
	height: 44px;
	line-height: 41px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 13px;
	/*outline: none;*/
	width: 100px;
}

li.active {
	
}

ul>li:first-child.active {
	border-left: 0px solid #e5e9ea !important;
}

ul>li:last-child.active {
	border-right: 0px solid #e5e9ea !important;
}

ul.tabs li a:hover {
	background-color: #ebeced;
	font-weight: bold;
	color: #323a46
}

html ul.tabs li.active a:hover {
	background: #fff;
	color: #15a7b6;
}

html ul.tabs li.active a {
	color: #15a7b6;
	font-weight: bold;
	background: #fff;
}

section {
	padding: 10px 15px
}

section.big {
	padding: 10px 5px
}
/* #mainContainer {
	border: 1px solid #B9DCE2;
	height: 600px;
	margin: 0px auto;
	width: 800px;
} */
#mainContainer {
	border: 1px solid #B9DCE2;
	height: 665px !important;
	margin: 0px auto;
	width: 800px;
}

.content {
	margin-top: 5px;
	background: #f0f0f0;
	padding: 5px;
	height: 90px;
	overflow: auto;
	line-height: 18px;
	font-size: 13px
}

.content h4 {
	margin: 0;
	padding: 0;
}

.content ol {
	margin: 3px 0 5px 0;
	padding: 0 0 0 25px;
}

.content ol li {
	padding: 0 0 0 10px;
}

.areaactivity {
	width: 560px;
	float: left;
	margin-right: 4px;
	position: relative;
}

.areaactivity .graph {
	height: 390px;
	overflow: hidden;
	width: 565px;
	/* height: 430px; */
	 height: 420px; 
	/*background:url(../images/bg.jpg);*/
}
/* .areaactivity .controls {
	margin-top: 5px;
	height: 124px;
	background: #f0f0f0;
	padding: 10px
} */
.controls h4, .controls h5 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal
}

.areaaccordion {
	float: left;
	margin-left: 5px;
	width: 224px;
	height: 600px;
}

.block {
	/*width: 190px;*/
	width: 242px;
	margin: 9px;
	float: left;
}

.block.rt {
	float: right
}

.block::after, .clearfix {
	content: '';
	clear: both;
	display: block;
}

.block a {
	width: 16px;
	height: 16px;
	border: 1px solid #454948;
	border-radius: 3px;
	text-align: center;
	float: left;
	margin: 0px 5px 0 0;
	line-height: normal;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	padding: 3px;
	background: #cdcccc;
	border-color: #b0b0af;
}

.block a.inActive {
	background: #fff;
	border-color: #eee;
}

.block a.active {
	background: #1aa8b6;
	border-color: #454948;
	color: #fff;
}

.block div.field, input.field {
	border-radius: 3px;
	border: 1px solid #b0b0af;
	color: #f00;
	text-align: center;
	/*width: 80px;*/
	min-width: 80px;
	background: #fff;
	padding: 3px;
	font-style: italic;
	float: left;
}

.controls h5 {
	float: left;
	/*width: 70px;*/
	width: 147px;
	line-height: 24px;
}

.block div.field.small, input.field {
	width: 50px;
	float: right
}

.rangeslider, .rangeslider__fill {
	background: #888;
	display: block;
	height: 5px !important;
	width: 100%;
}

.rangeslider {
	position: relative;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.rangeslider__fill, .ui-slider-range {
	background: #1aa8b6;
	position: absolute;
	top: 0;
}

.rangeslider__handle, .ui-slider-handle {
	cursor: pointer !important;
	display: inline-block;
	width: 22px;
	height: 22px;
	position: absolute;
	top: -7px !important;
	background: url(../images/nav_but.png) no-repeat;
}

.rangeslider__handle:after {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

input[type="range"]:focus+.rangeslider .rangeslider__handle {
	-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
	-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
	box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.areaaccordion h2 {
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	margin: 0;
	background: #ebeced;
	margin-bottom: 2px;
	line-height: 20px;
	border: #ebeced 1px solid;
	cursor: pointer
}

.areaaccordion h2.active, .ui-accordion-header-active {
	color: #15a7b6 !important;
	font-weight: bold !important;
	background: #fff !important;
}

.areaaccordion .cont {
	border: #ebeced 1px solid;
	padding: 5px;
	margin-top: -2px;
	font-size: 13px;
	margin-bottom: 2px;
	height: 495px;
}

.areaaccordion .cont p {
	margin-top: 7px;/* 0 */
	margin-bottom: 10px;
	line-height: 18px
}

.areaaccordion .cont h5 {
	margin: 0 0 12px 0;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

.areaaccordion .cont p strong {
	color: #666
}

.questions div {
	/* padding-bottom: 10px; */
	padding-bottom: 1px;
}

label {
	display: block;
	 margin: 15px; 
	position: relative;
}

.submit-but, .next-but {
	font-size: 12px;
	font-weight: bold;
	/*width: 108px;*/
	border: 2px solid #15a7b6;
	color: #fff;
	/*padding: 10px 0px 11px 0px;*/
	padding: 2px 0px 2px 0px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-top: 0px;
	margin-left: 2px;
	float: left;
	background: #1aa8b6;
	cursor: pointer;
}

.next-but {
	border-color: #9bccd5;
	background: #fff;
	color: #1aa8b6;
	width: 100px
}

.questions {
	height: 371px;
}

.blue-text {
	color: #15a7b6 !important;
}

.equation-text {
	color: black !important;
}

/*questions*/
.questions {
	display: none;
	font-size: 12px;
	line-height: 15px;
}

#question1, #question2, #question3 {
	margin-bottom: 12px;
}

.questions.active {
	display: block;
}

.questions .correctOption {
	background: url("../images/correct.png") 50% 50% no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	left: -12px;
	top: 7px;
}

.questions .incorrectOption {
	background: url("../images/incorrect.png") 50% 50% no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	left: -13px;
	top: 7px;
}
/* .navigation{
	width:168px;
	margin:9px auto;
} */
.navigation::after {
	content: '';
	clear: both;
	display: block;
}

.quesNav {
	width: 16px;
	height: 16px;
	border: 1px solid #454948;
	border-radius: 8px;
	text-align: center;
	float: left;
	margin: 0px 4px;
	line-height: normal;
	text-decoration: none;
	color: #000;
}

.quesNav.inActive {
	background: #cdcccc;
	border-color: #b0b0af;
}

.quesNav.active {
	background: #1aa8b6;
	border-color: #454948;
	color: #fff;
}

.quesNav img {
	margin: 0px 0px;
	float: none;
}

.quesNav span {
	margin: 2px 0px;
}
/*questions*/
.vjs-default-skin .vjs-big-play-button {
	left: 40% !important;
	top: 42% !important;
}

.video-js {
	margin: auto;
}

.video-js .vjs-captions {
	color: #FFF !important /* Captions are #FF0 */;
}

.video-js .vjs-text-track {
	background-color: rgba(0, 0, 0, 0.7) !important;
}

#warning-message {
	position: absolute;
	width: 100%;
	height: 1200px;
	background-color: #eee;
	display: none;
	z-index: 100000;
	text-align: center;
	font-size: 25px;
	text-align: center;
}

/*@media only screen and (orientation:portrait)*/
@media only screen and (max-width:1000px) {
	.touch #mainContainer {
		display: none;
	}
	.touch #warning-message {
		display: block;
	}
}

input[type='radio'] {
	cursor: pointer;
	margin-top: 7px;
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	vertical-align: bottom;	
}

#y_chk {
	float: left;
	margin-right: 141px;
	margin-top: 9px;
	margin-left: 9px;
}

#chk_input {
	margin-top: 9px;
}

.areaactivity .controls {
	margin-top: -1px;
	height: 190px !important;
    background: #f0f0f0;
    padding-right: 15px;
    padding-left: 5px;
    position: relative;
    padding-top: 1px;
    padding-bottom: 1px;
}

.navigation {
	width: 210px;
	margin: 9px auto;
}

input.field {
	margin-right: 120px;
	margin-bottom: 15px;
	min-width: 50px;
	float: right;
}

.selectBox {
	position: absolute;
	margin: auto;
	margin-left: -10px;
}

.singleR {
	position: absolute;
	top: 94px;
	left: 170px;
}

.content {
	height: 147px !important;
}

.r4 {
	margin-top: -61px !important;
	margin-right: -114px;
}

.block {
	width: 250px;
}

.blockinput {
	margin-top: 0px;
	margin-bottom: 5px;
	position: relative;
}
.text_con {
	position: relative;
}

.button_text {
	font-style: italic;
	margin-left: -34px;
	cursor: pointer;
}

.bottom_btn {
	text-align: center;
	top: 152px;
	left: 270px;
}

.rangeslider__handle, .ui-slider-handle {
	background-position: center;
	top: -8px !important;
}

label {
	margin-left: 12px;
}

.questionParent p {
	margin: 0px;
	position: absolute;
	top: -2px;
	left: 15px;
	margin-left: 5px;
}

line {
	stroke-opacity: 1;
	stroke-width: 1px;
	fill-opacity: 0;
}

/**   new css adding element styles ***/
#tab2 {
	display: none
}
.row{
	display:block;
	  margin: 1%;  
	width: 100%;
}
.col-1{
	width: 20%;
	float: left;
}
.col-2{
	width: 50%;
	float: left;
}
.text-box{
	width: 96%;
}
#p1-1 , #p1-2 ,#p1-3 , #p1-4{
	margin-top: 15px !important;
}
.input1{
	/* margin-top: 24px !important; */
	margin-top: 10px !important;
}
td {
    text-align: right;
    padding-left: 1px;
    padding-right: 45px;
    padding-bottom: 2px;
}

.td-bgImage{
	width: 150px;
    height: 120px;
    padding-left: 10px;
    cursor: pointer;
    
}
.questions .correctOptionQ1 {
	background: url("../images/correct.png") 50% 50% no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	left: -12px;
	top: 23px;
}

.questions .incorrectOptionQ1 {
	background: url("../images/incorrect.png") 50% 50% no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	left: -13px;
	top: 23px;
}
.graph_op td{
	text-align: left;
}
.col-12{
	width: 30%;
	float: left;
}
.dialog-box{
	display: none;
}
.hyperbola_graph{
	margin-left: -2px;
	 font-size: 13.2px;
}
.ellipse_graph , .parabola_graph{
	 font-size: 13.2px;
}
#hyperbola_graph_op td{
	padding-left: 0px !important; 
    padding-right: 0px !important; 
}
#ellipse_graph_op td{
	padding-left: 0px !important; 
    padding-right: 0px !important; 
    font-size: 13.2px;  
}
#parabola_graph_op td{
	font-size: 13.2px;
}
.ellipse_var{
	font-size: 13.2px;
}
.sign_in_denominator{
 padding-right: 0px;
    padding-left: 3px;
    text-align: left;
    width: 30%;
}
.parabola_sign_in_denominator{
		padding-right: 0px;
    	padding-left: 3px;
    	text-align:left;
    	width:25%;
}
.trig_function{
	padding-right: 6px;
}
.parabola_equation{
	padding-right: 0px;
}
.ellipse_equation{
	padding-right: 0px;
}
.eqn{
	float: right;
    margin-top: -42px;
    margin-right: 2%;
    text-align: center;
   /*  font-size: 14.2px; */
}
.parabola_td{
	padding-right: 25px;
}
.MathJax, .MathJax_Display {
    vertical-align: baseline !important;
}
.mfrac{
	padding-top: 1px !important;
} 
.mn .parabola_eqn_q_val{/* font-size: 60% !important; */
 margin-left: -25%;
/* align:center; */}  
.parabola_eqn_sign,.ellipse_eqn_sign,.hyperbola_eqn_sign{
padding-left: 1px;
padding-right: 1px;
}
.questionsMathEquations{
width: 25%;
    float: right;
    text-align: center;
    margin-right: 64%;
}
.questionsMathSign{
	padding-left: 1px;
	padding-right: 1px;
}