@font-face {
	font-family: "monospace";
	src: url("../fonts/monospace.ttf") format("truetype");
}
@font-face {
	font-family: "raleway";
	src: url("../fonts/raleway.regular.ttf") format("truetype");
}




:root{

	/*******************
        STANDARD COLORS
    	********************/
	--ltblue: #65c1ff;
	--blue: #3498db;
	--dkblue: #1e5e88;
	--vdkblue: #040480;
	--hintblue: #aad7f4;
	--orange: #e67e22;
	--dkorange: #d35400;
	--purple: #d35400;
	--dkpurple: #d35400;
	--green: #2ecc71;
	--dkgreen: #16a085;
	--ltgreen: #23c668;
	--grnblue: #1abc9c;
	--dkgrnblue: #16a085;
	--yellow: #f1c40f;
	--dkyellow: #f39c12;
	--hintyellow: #ffca77;
	--hintred: #f2cdc9;
	--hintgreen: #9cecbe;
	--vlight:#ffffff;


	box-sizing:border-box;

}


body{
	background-color: var(--body-bkgrd);
	color:var(--body-color);
	font-size:1rem;
	font-family:var(--body-font);

}





[contenteditable]{
	outline: 0px solid transparent;
}

.lds-rollover{
		cursor:pointer;
}
.lds-rollover:hover{
	  color:var(--rollover-hover);
}
.lds-noborder{
	border:0;
}
.lds-container{
	color: var(--lds-color);
	position:relative;
	margin:auto;
	background-color:var(--lds-bkgrd);
	padding:var(--lds-padding);
	height:auto;
	font-size:1rem;
	font-family:var(--lds-font);
	min-height:100%;
	line-height:var(--linespacing);
	outline: 0px solid transparent;  /*to prevent annoying border on focus*/
	box-sizing:border-box;
}
.lds-qcontainer{
	padding-top:0.5rem;
	width:100%;
	border:0px;
	border-bottom:1px solid var(--lds-color);
	padding-bottom:0.5rem;
	min-height:4rem;
}
.lds-section{} /* no style - marker between headings */
.lds-tocelt{}/* clickable elt in toc */

.lds-qcontainer-border{
	border:3px solid orange;
}
.lds-comment{
	/* no style marker for comment span */
}
.lds-commentitem{
	cursor:pointer;
	/*marker for <img> for a comment */
}


.lds-dropdown{
		position:relative;
}
.lds-popup{
	z-index:500;
	/*  marker to identify all open popups */
}
.lds-emojidiv{
	z-index:600;			/* needs to be on top of popups */
	position:absolute;
	width:130px;
	background-color:white;
}
.lds-coverdiv{
	z-index:499;	/*  must be behind popups */
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}


/***********************

	RESPONSIVE ELEMENTS

***************************/
@media screen and (max-aspect-ratio: 1/1) /*portrait*/ {
	:root{
		--ctxmenu-fontsize: 1rem;
		--ctxmenu-padding-top:5px;
		--ctxmenu-padding-bottom:10px;
	}
	.lds-comment-content{
		position:absolute;
		max-width:80%;
		max-height:50%;
	}

	.lds-toolboxcell{
		text-align:center;
		position:relative;
		width:1.2rem;
		height:1.2rem;
		border:1px solid #c0c0c0;
		display:inline-block;
		user-select:none;
	}
	.lds-alert{
		border-radius:10px;
		border:1px solid #a0a0a0;
		overflow:auto;
		position:fixed;
		max-width:80%;
		max-height:40%;
		padding:8px;
		z-index:1000;
		overflow-wrap:break-word;
		cursor:default;
		display:table;
	}

	.lds-container{
		width:var(--lds-widthP);
	}


	.lds-width30{width:50%;margin-left:25%;position:relative;}
	.lds-width40{width:60%;margin-left:20%;position:relative;}
	.lds-width50{width:70%;margin-left:15%;position:relative;}
	.lds-width60{width:80%;margin-left:10%;position:relative;}
	.lds-width70{width:90%;margin-left:5%;position:relative;}
	.lds-width80{width:100%;margin-left:10%;position:relative;}
	.lds-width85{width:100%;margin-left:7%;position:relative;}
	.lds-width90{width:100%;margin-left:5%;position:relative;}
	.lds-width95{width:100%;margin-left:3%;position:relative;}
	.lds-width100{width:100%;position:relative;}
	img.v-small{
		width:20%;
	}
	img.small{
		width:40%;
	}
	img.medium{
		width:50%;
	}
	img.large{
		width:90%;
	}
	img.x-large{
		width:100%;
	}
	img.xx-large{
		width:100%;
	}

	.lds-toc{
		width:100%;
		height:100%
	}




}
@media screen and (min-aspect-ratio: 1/1) /*landscape*/ {
	:root{
		--ctxmenu-fontsize:1rem;
		--ctxmenu-padding-top:5px;
		--ctxmenu-padding-bottom:5px;
	}

	.lds-container{
		width:var(--lds-widthL);
	}

	.lds-comment-content{
		max-width:40%;
		max-height:40%;
	}
	.lds-toolboxcell{
		text-align:center;
		position:relative;
		width:1.2rem;
		height:1.2rem;
		border:1px solid #c0c0c0;
		display:inline-block;
		user-select:none;
	}
	.lds-alert{
		border-radius:10px;
		border:1px solid #a0a0a0;
		overflow:auto;
		position:fixed;
		width:40%;
		max-height:20%;
		padding:8px;
		z-index:1000;
		overflow-wrap:break-word;
		cursor:default;
	}




	.lds-width30{width:30%;margin-left:35%;position:relative;}
	.lds-width40{width:40%;margin-left:30%;position:relative;}
	.lds-width50{width:50%;margin-left:25%;position:relative;}
	.lds-width60{width:60%;margin:auto;position:relative;}
	.lds-width70{width:70%;margin-left:15%;position:relative;}
	.lds-width80{width:80%;margin-left:10%;position:relative;}
	.lds-width85{width:86%;margin-left:7%;position:relative;}
	.lds-width90{width:90%;margin-left:5%;position:relative;}
	.lds-width95{width:94%;margin-left:3%;position:relative;}
	.lds-width100{width:100%;position:relative;}

	.lds-toc{
		width:50%;
		height:80%;
	}


	img.v-small{
		width:10%;
	}
	img.small{
		width:20%;
	}
	img.medium{
		width:40%;
	}
	img.large{
		width:60%;
	}
	img.x-large{
		width:80%;
	}
	img.xx-large{
		width:100%;
	}
}

/**************************************

		LDS styles

**************************************/
.lds-dropdown-content{
		border:2px solid var(--dark);
		min-height:3rem;
		padding:0.5rem;
		box-shadow:3px 3px;

}

.lds-main{
	color:var(--dark);
	background-color:white;
}
.lds-pad5, .lds-padding5 {padding:5px;}
.lds-pad10,.lds-padding10{padding:10px;}
.lds-pad15,.lds-padding15{padding:15px;}
.lds-pad20,.lds-padding20{padding:20px;}

.lds-menu{cursor:pointer;}
.lds-menuitem {
	text-align: left;
	font-weight: normal;
	font-weight: bold;
	float: left;
	cursor: pointer;
	margin-left:5px;
	margin-right:20px;
	display:inline-block;
}

.lds-headerbar{
	height:var(--menubar-height);
	line-height:var(--menubar-height);
	background-color:var(--menubar-bkcolor);
	color:var(--menubar-color);
	font-weight:bold;
	position:relative;
	z-index:500;
	text-align:center;
}

/*
top menubar for "hamburger" type menus
 */
.lds-menubar{
	border:0px;
	padding:0px;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	z-index:500;
	height:var(--menubar-height);
	background-color:var(--menubar-bkcolor);
	display:flex;
	align-items:center;
	color:var(--menubar-color);
	font-weight:bold;
	opacity:1.0;
	box-sizing:border-box;
}
.lds-menutext{
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
}
.lds-menutext:hover{
	border-bottom:3px solid var(--menubar-color);
}
.lds-menutext-nohover{
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
}
.lds-menubar-icon{
	cursor:pointer;
	height:var(--menuicon-height);
	width:var(--menuicon-height);
	margin-left:10px;
	padding-right:5px;
}


.lds-button {
	border-radius: 0.25em;
	font-size: 0.8em;
	display: inline-block;
	overflow: hidden;
	border:var(--button-border);
	cursor: pointer;
	height: 2em;
	line-height: 2em;
	text-align: center;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

.lds-button:hover {
	background-color: var(--button-bkgrd-hover);
	color: var(--button-color-hover);
}
.lds-link{
	cursor:pointer;
	text-decoration:underline;
	padding-right:8px;
	font-size:0.9em;
	color:var(--link-color);
}
.lds-link:hover{
	color:var(--link-hover);
}

.lds-alert{  /*marker only*/
	background-color:white;
	color:var(--dark);
	font-size:1rem;
}

.lds-alerticon{
	vertical-align:middle;
	display:table-cell;
	width:2em;
}
.lds-alertmsg{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

.lds-alertbutton{
	border:1px solid var(--dark);
	border-radius: 0.25em;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	padding-left: 0.3em;
	padding-right: 0.3em;
	vertical-align:middle;
	width:2em;
}

.lds-alertbutton:hover{
	background-color: var(--button-bkgrd-hover);
	color: var(--button-color-hover);
}



	width:2em;
}
.lds-inputcontainer{
	overflow:visible;
}
.lds-tagcontainer{
	/* marker for div containing any element eg a <UL> */
}



.lds-footer{
	font-size:0.7rem;
	position:fixed;
	bottom:30px;
	z-index:-100;
	text-align:center;
	color:inherit;
}



/*
	lds field styles
	used by Markup and QuestionEditor
*/


.lds32{
	width:32px;
	height:32px;
	display:inline-block;
	border:1px solid #a0a0a0;
}
.lds24{
	width:24px;
	height:24px;
	display:inline-block;
	border:1px solid #a0a0a0;
}


.lds-inlinediv {
	display: inline;
	line-height: 1.0rem;
	height: 1.0rem;
}
.lds-texticon{
	width:24px;
	cursor:pointer;
}

.lds-scroll{
	/* marker for goto top button */
}

lds-icon{
	height:1rem;
}
.lds-bookmark{
	height:1rem;
}
.lds-cursorpointer{
	cursor:pointer;
}
.lds-cursordefault{
	cursor:default;
}
.lds-image {
	margin: auto;
	text-align: center;
	min-width: 100px;
	min-height: 100px;
}
.lds-commenticon{
	height:1.1rem;
	cursor:pointer;
}

.lds-comment-content{
	/*border-radius:10px;*/
	border:1px solid #a0a0a0;
	border-radius:10px;
	text-align:left;
	overflow:auto;
	position:absolute;
	padding:1vh;
	z-index:500;
	overflow-wrap:break-word;
	cursor:default;
	display:none;
	min-width:40vw;
	max-width:60vw;
	min-height:3rem;
	max-height:50vh;
	line-height:1rem;
	background-color:white;
	/* width/height in media query */
}




.lds-blockdiv {
	display:block;

}

.lds-maths{
	display:table;
	padding:0px;
	line-height:1.1rem;

}
.lds-mathsrow{
	display:table-row;
	margin-top:3px;
}
.lds-mathscell{
	display:table-cell;
	vertical-align:middle;
	border:1px dotted var(--dark);
}

.lds-table {
	width: 100%;
	height: auto;
	position:relative;
}
.lds-tr{
	height:1.2rem;
}

.lds-headerstrip{
	height:var(--menu-height);
	line-height:var(--menu-height);
	background-color:var(--headerstrip-bkgrd);
	color:var(--headerstrip-color);
	font-weight:bold;
	margin:auto;
	text-align:center;
}

span.title{
	color:var(--lds-color);
	text-align:center;
	font-weight:bold;

}
.lds-cellpad10 td{
	padding:10px;
}
.lds-cellpad3 td{
	padding:3px;
}
.lds-cellpad5 td{
	padding:5px;
}
.lds-aligntop td{
	vertical-align:top;
}
.lds-alignmiddle td{
	vertical-align:middle;
}
.lds-alignbottom td{
	vertical-align:bottom;
}


.lds-embeddedtest{
	background-color:white;
	width:100%;
}


.lds-numcol{
	width:5%;	/* column containing question numbers */
	text-align:center;
	font-weight: bold;
}


.qcontainer{
	padding:5px;
	overflow-wrap:break-word;
}

.lds-inline{
	display:inline-block;
}
.lds-inputnum, .lds-inputshort, .lds-inputs {
	width: 14ch;
	height:1rem;
	line-height: 1rem;
}
.lds-inputmed, .lds-inputm {
	width: 40ch;
	height:1rem;
	line-height: 1rem;
}
.lds-inputtext, .lds-inputlong, .lds-inputl {
	width: 100%;
	height:1rem;
	line-height: 1rem;
}
.lds-longtext{
	width:100%;
	max-width:100%;
	font-size:1rem;
	line-height:1.5rem;
	min-height:7.5rem;
}
.lds-questiongroup{

	border:1px solid var(--dark);
	display:none;
}
.lds-qgroupicon{
	margin-bottom:-2px;
	height:1.0rem;
	cursor:pointer;
}
tr.qrow{
	width:100%;
	position:relative;
	height:100px;
}
td.lds-question{
	width:95%;
	vertical-align:top;
	height:100px;

}




.lds-mcqtick{
	width:1rem;
	display:none;
}


.lds-viewicon {
	width: 1rem;
	height: 1rem;
	cursor: pointer;
	padding-left:5px;
}

.lds-markspan, .lds-scorespan{
	font-weight:bold;
}
img.lds-tick {
	height: 1rem;
	width: 1rem;
	display: none;
	padding-left:5px;
}
.lds-textarea {
	width: 100%;
	height: 100px;
}

img.lds-inlineicon{
	display:inline-block;
	width: 1rem;
	height: 1rem;
	cursor: pointer;
	padding-left:5px;
}


.lds-explanation{
	min-height:3rem;
}

.lds-feedback{
	min-height:3rem;
	width:calc(100%-2px);
	border:1px solid var(--lds-color);
	background-color:#f0f0f0;
	padding:5px;
	margin-top:5px;
	position:relative;
	display:none;

}


.lds-feedbackinner{
	min-height:3rem;
}

.lds-embeddedtest{
	background-color:white;
	width:100%;
}
.lds-close{
	cursor:pointer;
	text-decoration: underline;
	font-size:0.8rem;
	text-align:right;
}




img.lds-tab{
	width:var(--lds-tabwidth);
}


.lds-versionheader{
	width:100%;
	display:flex;
	align-items:center;
	font-size:1.0rem;
	height:1.3rem;
	border:1px solid var(--dark);
	background-color: rgb(240, 248, 248);
}
.lds-version{
	width:100%;
	font-size:1.0em;
	display:flex;
	justify-content:left;
	align-items:center;
	height:1.8rem;
	border:1px solid var(--dark);
	background-color: rgb(240, 248, 248);
}
.lds-versionicon{
	height:1.2rem;
}
.lds-versiontab{
	display:inline-block;
	border-right:2px solid var(--dark);
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
}
.lds-vcc{  /*version content container */
	display:table;
	width:100%;
	table-layout:fixed;
}
.lds-versioncontent{
	border:1px solid var(--dark);
	display:none;
	padding:5px;
	display:none;
	max-width:0;
	min-height:3em;
	vertical-align:top;

}


.lds-openouticon{
	height:1.4rem;
	width:1.4rem;
	cursor:default;
}

.lds-openout-title{
		flex-grow:1;
		display:inline-block;
		text-align:left;
}

.lds-openoutheader{
	height:2.0rem;
	cursor:pointer;
	width:100%;
	background-color:#f0f0f0;
	border:1px solid var(--dark);
	cursor:"pointer";
	display: flex;
	justify-content: space-between; /* Distributes space between the items */
	align-items: center; /* Vertically centers the items */
}
.lds-openoutcontent{
	border:1px solid var(--dark);
	padding:5px;
	width:auto;
	display:none;
	min-height:2rem;
	height:auto;
	position:relative;
}

.lds-openout-title{
	text-align:left;
	font-weight:bold;
	padding-left:5px;
}
.lds-openout{
	width:100%;
 }
.lds-dropdownicon{
	height:1rem;
	cursor:pointer;
}
.lds-docicon{
	height:1.2rem;
	cursor:pointer;
}




.lds-post{ /*div containing a forum post*/
	color:var(--vdark);
	border-bottom:1px solid var(--dark);
	padding-bottom:10px;
}
.lds-post-title{	/* p containing title of a post */
	font-size:1.8rem;
	color:var(--dark);
}

.lds-symbol{ /* symbol element in symbols popup */
	width:24px;
	height:24px;
	text-align:center;
	line-height:30px;
	border:1px solid #a0a0a0;
	float:left;
}

.lds-selectedrow{
		border:3px solid orange;
}


table{
	color:inherit;
	font-size:inherit;
	border-collapse:collapse;
	box-sizing:border-box;
}