@media screen and (orientation: portrait){
body{
	background-color: #ffffff !important;
	width: 768px !important;
	height: 1024px !important;
	margin: 0px auto !important;
}
#mainContainer {
    width: 768px !important;
    margin: 0px auto !important;
    height: 1024px !important;
}
#homePage{
	
overflow-x: hidden !important;
	
width: 768px !important;
	
height: 1024px !important;
}
.replaceBox-inner {
    background-color: #ffe5cc;
    border-radius: 12px;
    padding: 10px;
    position: absolute;
    overflow: auto;
    left: 0px;
    border: solid 2px #ff9525;
    outline: none;
    font-size: 100%;
    text-align: left;
    right: 0px;
    margin: 0px 21%;
    top: 140px;
    height: 14%;
}
input#startBtn {
    margin: 76% auto 0 1% !important;
    padding: 10px 15px !important;
    font-size: 100% !important;
    font-weight: bold !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    outline: none !important;
    background-color: #f07e01 !important;
    border: solid 1px #e85d00 !important;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 1) 0%, #f07e01 90%) !important;
    background: -moz-linear-gradient(rgba(255, 255, 255, 1) 0%, #f07e01 90%) !important;
    background: -o-linear-gradient(rgba(255, 255, 255, 1) 0%, #f07e01 90%) !important;
    background: -ms-linear-gradient(rgba(255, 255, 255, 1) 0%, #f07e01 90%) !important;
    background: linear-gradient(rgba(255, 255, 255, 1) 0%, #f07e01 90%) !important;
}
.alert-txt{
	position: relative;
	margin-top: 30px;
}
#lastQuest-btn{
	margin-left: 4px;
}
#saveTest-quest{
	margin-left: 4px;
}
.homeScreen_text{
	position: relative !important;
	margin: 40px auto !important;
}
.homeScreen_text .chapterTitle{
	font-size: 4em !important;
	line-height: 1.2em !important;
	text-align: center !important;
	text-indent: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-family: usablkn !important;
	color: #15adfe !important;
	position: absolute !important;
	left: 0px !important;
	right: 0px !important;
	top: -770px !important;
}
.homeScreen_text .chapterHeading{
	font-size: 2.8em !important;
	line-height: 1.2em !important;
	text-align: center !important;
	text-indent: 0px !important;
	margin-top: 16px !important;
	margin-bottom: 0px !important;
	font-family: times !important;
	color: #f07700 !important;
	position: absolute !important;
	left: 0px !important;
	right: 0px !important;
	top: -680px !important;
}
.pabsolute{
	position: absolute;
	right: 1%;
}
.heading {
    text-align: left;
    font-size: 100%;
    font-family: arial;
}
.iPageL1 #tree ~ .rtContainer #header {
    margin: 0px !important;
    height: 14em !important;
}
.iPageL1 #tree ~ .rtContainer #header ~ #questBase {
    margin: 0px !important;
}
.iPageL1 #tree ~ .rtContainer{
	 margin: 0px !important;
	 height: 1024px !important;
	 padding: 0px 0px 0px !important;
}
.iPageL1 #tree ~ .rtContainer .total_number{
	 top: 0px;
	 height: 40px;
	 line-height: 40px;
}
.selected-quest img {
    border: solid 1px white;
    border-radius: 10px;
    padding: 5px;
    background: white;
    width: 100%;
    height: 100%;
}
.select-tot-mark span {
    font-family: arial;
    font-weight: bold;
    color: #4d4d4c;
	font-size: 100%;	
}
div#addToBreadCrum {
    margin: -20px 0px 0px 0px;
}
.homeScreen {
    background-image: url(../images/Home-portrait.png) !important;
    background-size: 100% 100% !important;
    height: 1024px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    text-align: center !important;
    display: block !important;
    width: 768px !important;
}
span.hang {
    float: left;
    margin-left: -35px;
    padding-right: 0;
    width: 25px;
    text-align: right;
}
.alertBox-inner {
    top: 456px !important;
    height: 340px !important;
    width: 440px !important;
}
.addToPrintContainer{
    height: 1024px !important;
}
.addToPrintContainer #addPrintHeader #addToBreadCrum {
    margin: 0px 0px !important;
    top: 54px !important;
}
#addPrintHeader {
    height: 14em !important;
}
.iPage {
    height: 1024px !important;
}	
.iPageL1 {
    height: 1024px !important;
}	
.navigation {
    height: 1024px !important;
    display: block;
    margin: 0px;
    padding: 0px 0px 0px 0px !important;
}
.rtContainer {
    height: 1024px !important;
}
#header {
    height: 16.2em !important;
}
.logoSection {
    display: block;
    margin: 0px auto !important;
    float: none !important;
}
.iPageL1 #tree ~ .rtContainer #header .logoSection #headLogo {
    width: 120px !important;
    height: auto !important;
    top: 10px;
}
img#headLogo {
    display: block;
    position: relative;
    top: 30px;
    width: 150px !important;
    height: 100px !important;
}
.logoSection p {
    font-size: 350%;
    font-family: arial;
    margin-top: 10px;
    margin-bottom: 0;
    float: left;
}
.iPageL1 #tree ~ .rtContainer #header #wrapper-button {
    margin: 0px !important;
    top: 19px !important;
}
#wrapper-button {
	display: block;
	float: none !important;
	margin: 0px !important;
	top: 24% !important;
	position: relative;
}
.iPageL1 #tree ~ .rtContainer #header #wrapper-button .btn-prop {
    padding: 20px 7px !important;
}
.iPageL1 #tree ~ .rtContainer #header ~ #questBase .btn-prop {
    padding: 20px 7px !important;
    margin: 5px 5px;
}
.btn-prop {
    padding: 25px 10px !important;
}
.iPageL1 #tree ~ .rtContainer #header #wrapper-button .btn-prop .btn-prop-inner {
    padding: 17px 4px !important;
    margin: -17px -4px !important;
}
.btn-prop .btn-prop-inner {
    padding: 21px 7px !important;
    margin: -21px -7px !important;
}
.select-btn-prop-gray {
    padding: 5px 5px !important;
}
ul.breadcrumb {
    margin: 9px 0px 10px 0px !important;
}
div#questBase {
    margin: 25px 0px 0px 0px !important;
}
.total_number {
	background-color: rgb(255, 210, 129);
	margin: -1px !important;
	display: block;
	position: relative !important;
	line-height: 50px;
	text-align: center !important;
}
ul.breadcrumb li a {
    color: #931d19;
    text-decoration: none;
    font-family: arial;
}
div.folderLogo {
    /* margin: 5px 5px; */
    width: 29% !important;
}
img.folderImg {
    /* width: 100px; */
    /* height: 100px; */
}
div.folderLogo p {
    margin: 5px 0px;
    padding: 0px 5px 5px 5px;
}
.jstree-node, .jstree-children, .jstree-container-ul {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px !important;
    margin-top: 5px !important;
}
.col3 > .column:nth-child(1) {
    float: left;
    width: 44%;
    margin-left: 15px;
    margin-right: 0px;
}
.col3 > .column:nth-child(2) {
    float: left;
    width: 14%;
    margin-left: 0;
    margin-right: 0px;
}
.col3 > .column:nth-child(3) {
    width: 38% !important;
    margin-left: 15px !important;
    margin-right: 0px !important;
}
.col3 span{
    /* font-size: 150%; */
    font-family: arial;
}
.title-quest {
    text-align: left;
    margin: 11px 17px 0px;
    font-size: 100%;
    font-family: arial;
}
.option-quest {
    margin: 8px 0px 8px 0px !important;
}
.col2{
    overflow: hidden;
}
.col2 > .column:nth-child(1) {
    width: 75% !important;
    margin-left: 35px !important;
    margin-right: 0px !important;
}
.col2 > .column:nth-child(2) {
    width: 10% !important;
    margin-left: 15px !important;
    margin-right: 0px !important;
}
.addToTestContainer{
    display: none;
    height: 1024px !important;
}
#addtestHeader {
    height: 14em !important;
    margin: 0px !important;
}
#addtestBase {
    margin: 0px !important;
}
.selected-full-quest{
    text-align: left;
    background-color: #eee;
    padding: 10px 20px 10px;
    margin: 8px 0 8px;
    font-size: 100%;
    font-family: arial;
    line-height: 120%;
}
input[data-txt="txt"], input[type="number"] {
    border-radius: 5px;
    border: 2px #b3b5b8 solid;
    background-color: white;
    cursor: pointer;
    font-size: 100%;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    margin: 2px;
    width: 50%;
}
.col5{
    overflow: hidden !important;
}
.col5 > .column:nth-child(1) {
    width: 51% !important;
    margin-left: 15px !important;
    margin-right: 0px !important;
}
.col5 > .column:nth-child(2) {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: 15% !important;
    text-align: center !important;
}
.col5 > .column:nth-child(3) {
    float: right !important;
    margin-left: 2px !important;
    margin-right: 0px !important;
}
.col5 > .column:nth-child(4) {
    float: right !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}
.col5 > .column:nth-child(5) {
    float: right !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}
.fright{
	float: right;
}
label{
    font-size: 100%;
    font-family: arial;
    vertical-align: middle;
}
.col2_allStr {
    overflow: hidden;
    margin-top: 1.6%;
}
.col2_allStr > .column:nth-child(1) {
    float: left;
    margin-left: 30%;
    margin-right: 0px;
    width: 20%;
}
.col2_allStr > .column:nth-child(2) {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    width: 20%;
}
span.quest-num {
    border-radius: 5px;
    border: 2px #b3b5b8 solid;
    background-color: white;
    cursor: pointer;
    /* font-size: 150%; */
    padding: 19px 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    margin: 0px 0px;
}
.alertBox-inner .infoBox{
	overflow-y: hidden;
}
.alertBox-inner .infoBox > .infoBoxCol{
	margin-top: 190px !important;
}
.alertBox-inner .infoBox > .infoBoxCol:nth-child(2){
	margin-left: 5%;
}
.alertBox-inner .infoBox > .infoBoxCol .infoBoxColTxt{
	text-align: left;
	border: solid 2px #b2a191;
	font-size: 95%;
	border-radius: 15px;
	padding: 8px;
	margin-top: 3%;
	font-size: medium;
}
#breadCrum {
    margin: 0px !important;
    background-color: transparent !important;
    height: 0px !important;
}
button#shuffle-quest {
    margin-left: 4px;
}
.schoolInfo {
    margin-top: 2% !important;
    width: 80% !important;
    margin-bottom: 2% !important;
}
#addPrintHeader ~ .schoolInfo1 {
    margin-top: 10% !important;
}
#addPrintBase {
    margin-right: 0px !important;
}
}