@import url(fonts.css);
@import url(interactive.css);
@import url(answer.css);
*{box-sizing: border-box;}
body{
	overflow: hidden;
	width: 1280px;
	height: 720px;
	margin: 0px;
	background-color: gray;
}
body > div{
    overflow: hidden;
    width: 1280px;
    height: 720px;
    margin: 0px;
    background-image: url(../images/Composition-small.jpg);
    background-repeat: no-repeat;
}

/*-----manual column layout------------*/
div.col2-option{
	overflow: hidden;
	margin-left: 25px;
}
div.col2-option > .column{
    float: left;
    width: 48%;
    /* border: solid 1px green; */
    margin-left: 0px;
}
div.col3-option{
	overflow: hidden;
	margin-left: 26px;
}
div.col3-option > .column{
    float: left;
    width: 32%;
    border: solid 1px green;
    margin-left: 0px;
}
div.col4-option{
	overflow: hidden;
	margin-left: 25px;
}
div.col4-option > .column{
    float: left;
    width: 24%;
    /* border: solid 1px green; */
    margin-left: 0px;
}
/*---------------------------------*/

/*-----Auto column layout------------*/
.column1{
	position: absolute;
	width: 495px;
	left: 70px;
	top: 60px;
	/*border: 1px solid red;*/
}
.column2{
	position: absolute;
	width: 507px;
    left: 716px;
    top: 50px;
	/*border: 1px solid red;*/
}


.autoCol div:nth-child(1){
	column-span: all;
-webkit-column-span: all;
-moz-column-span: all;
-ms-column-span: all;
-o-column-span: all;
	height: 20px;
	overflow: hidden;
}

.autoCol div:nth-child(1) > .column:nth-child(1){
    float: left;
    width: 500px;
    height: 20px;
    margin-left: 0px;
}
.autoCol div:nth-child(1) > .column:nth-child(2){
    float: left;
    width: 500px;
    height: 20px;
    margin-left: 130px;
}


/*-----Single column layout------------*/
.autoCol1{
    width: 1130px;
    height: 640px;
    margin: 35px auto;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 25px;
	box-shadow: 2px 2px 10px #6b6b6b, -2px 2px 10px #6b6b6b, 2px -2px 10px #6b6b6b, -2px -2px 10px #6b6b6b;
-webkit-box-shadow: 2px 2px 10px #6b6b6b, -2px 2px 10px #6b6b6b, 2px -2px 10px #6b6b6b, -2px -2px 10px #6b6b6b;
-moz-box-shadow: 2px 2px 10px #6b6b6b, -2px 2px 10px #6b6b6b, 2px -2px 10px #6b6b6b, -2px -2px 10px #6b6b6b;
-ms-box-shadow: 2px 2px 10px #6b6b6b, -2px 2px 10px #6b6b6b, 2px -2px 10px #6b6b6b, -2px -2px 10px #6b6b6b;
-o-box-shadow: 2px 2px 10px #6b6b6b, -2px 2px 10px #6b6b6b, 2px -2px 10px #6b6b6b, -2px -2px 10px #6b6b6b;
}
.bodyContent{
	position: relative;
	margin: 20px 8px 20px 17px;
	border: solid 0px red;
	height: 880px;
	overflow: hidden;
	overflow-wrap: break-word;
	overflow: -moz-hidden-unscrollable;
	font-size: 19px;
	line-height: 25px;
	font-family: "calibri";
	text-align: left;
    outline: solid 0px;
    resize: none;
}

.bodyContent_i{
    position: relative;
    margin: 15px auto;
}
.bodyContent_button{
    position: relative;
    margin: 15px auto;
	text-align: center;
}
.rubric_head{
	font-size: 19px;
	font-family: "calibri";
	line-height: 25px;
	margin-top: 24px;
	margin-bottom: 0px;
	text-align: center;
	margin-left: 9px;
}
.rubric{
	font-size: 16px;
    font-family: "calibri";
    line-height: 23px;
    margin-top: 13px;
    margin-bottom: 5px;
    width: 434px;
    margin-left: 31px;
}

.rubric_question {
	font-family: "calibri";
	font-size: 13px;
	line-height: 20px;
	margin: 3px 0px 0px 27px;
}
.rubric_question_head{
	font-size: 15px;
	font-family: "calibri";
	line-height: 19px;
	margin-top: 17px;
	margin-bottom: 10px;
	text-indent:-8px;
	margin-left: 11px;
}

.rubric_ques_option {
	font-family: "calibri";
	font-size: 13px;
	line-height: 19px;
	margin: 0px 0px 0px 45px;
}
.rubric_ques_option_in {
	font-family: "calibri";
	font-size: 13px;
	line-height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 26px;
}

.rubric_ques_option_col {
	font-family: "calibri";
	font-size: 13px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
}
.rubric_question_input {
	margin: 0px 0px 0px 29px;
}




.ml10{margin-left: 10px;}
.ml-50{margin-left: -50px;}
.ml-165{margin-left: -165px;}
.ml-125{margin-left: -125px;}
.ml-47{margin-left: -47px;}

.wd45{width: 45px;}
.wd435{width: 435px;}
.wd419{width: 419px;}
.wd450{width: 450px;}
.wd175{width: 175px;}
.wd197{width: 197px;}
.wd250{width: 250px;}

.mt61{margin-top: 19px;}
.mt6{margin-top: 232px;}
.ml6{margin-left: 6px;}
.ml10{margin-left: 10px;}
.ml13{margin-left: 13px;}
.ml30{margin-left: 30px;}
.ml37{margin-left: 37px;}
.ml40{margin-left: 40px;}
.ml48{margin-left: 48px;}
.ml42{margin-left: 42px;}
.ml45{margin-left: 45px;}
.ml29{margin-left: 29px;}
.ml22{margin-left: 22px;}
.ml-50{margin-left: -50px;}
.ml-20{margin-left: -20px;}
.ml-17{margin-left: -17px;}

.float_right1{float: right;right: 300px;position: absolute;}
.float_right2{float: right;right: 20px;position: absolute;}
.float_right3{float: right;right: 150px;position: absolute;}

.new_btn1{position: absolute;top: 36px;left: -20px;}
.new_btn2{position: absolute;top: 135px;left: -20px;}
.new_btn3{position: absolute;top: 158px;left: -20px;}
.new_btn4{position: absolute;top: 257px;left: -20px;}
.new_btn5{position: absolute;top: 337px;left: -20px;}
.new_btn6{position: absolute;top: 381px;left: -20px;}
.new_btn7{position: absolute;top: 424px;left: -20px;}
.new_btn8{position: absolute;top: 524px;left: -20px;}


.float-left{float: left;margin-left: -21.5px;margin-top: 2px;}
.float_right1{float: right;margin-right: 182px;}
.float_right2{float: right;margin-right: 312px;}
.col{
	display: block;
	column-count: 3;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-ms-column-count: 3;
	-o-column-count: 3;
}

.bullet {
    background-color: /*#bf3436;*/#fff;
    background-image: url(common_assests/images/bullet.png);
    background-size: 100% 100%;
    height: 16px;
    width: 16px;
    text-align: center;
    vertical-align: 0px;
    border-radius: 30px;
    float: left;
    margin-left: -25px;
    margin-top: .7pt;
    background-repeat: no-repeat;
    /* background-position: 0px 0px; */
    font-size: 13px;
    color: #000;
    line-height: 15px;
	font-weight: bold;
}
.bullet01 {
    background-color: /*#bf3436;*/#fff;
    background-image: url(common_assests/images/bullet.png);
    background-size: 100% 100%;
    height: 16px;
    width: 16px;
    text-align: center;
    vertical-align: 0px;
    border-radius: 30px;
    float: left;
    margin-left: -25px;
    margin-top: 1.7pt;
    background-repeat: no-repeat;
    /* background-position: 0px 0px; */
    font-size: 13px;
    color: #000;
    line-height: 15px;
	font-weight: bold;
}

.bullet1 {
	float: left;
	margin-left: -18px;
}