@use "../../../010-settings/" as *;

/* Modules/LearningModule */

.ilLMMenu {
	clear: both;
}

body.ilLMNoMenu .ilFixedTopSpacer {
	padding-top: 0px;
}

body.ilLMNoMenu .ilLeftNav {
	top: 0px;
}

button.ilAreaClose {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	cursor: pointer;
}

div.ilRightAreaSpace {
	width: 50%;
}

/* right area (used in learning modules) */
div#right_area {
	bottom:	0;
	width: 50%;
	right: 0px;
	top: 117px; // Used to be $il-header-height, which is no longer in use;
	position: fixed;
	/* padding: 5px; */
	background-color: $il-main-dark-bg;
	border-left: 3px solid $il-main-border-color;
	/* box-shadow: inset 0px 2px 2px #d0d0d0; */
	-webkit-overflow-scrolling: touch; /* Bug 11209 */
	overflow: hidden; /* Bug 11209 */
}

div#right_area iframe {
	-webkit-overflow-scrolling: touch; /* Bug 11209 */
	overflow: auto; /* Bug 11209 */
	border: none;
	width: 100%;
	height: 100%;
}

div#right_cont_area {
	bottom:	0;
	width: 50%;
	right: 0px;
	top: 117px; // Used to be $il-header-height, which is no longer in use;
	position: fixed;
	background-color: transparent;
	border-left: 3px solid $il-main-border-color;
	-webkit-overflow-scrolling: touch; /* Bug 11209 */
	overflow: hidden;
}

div#right_top_area {
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	border-bottom: 3px solid #e9e9e9;
	border-right: 3px solid #e9e9e9;
	-webkit-overflow-scrolling: touch; /* Bug 11209 */
	overflow: hidden;
	display: none;
}

div.ilRightContAreaSplit div#right_top_area {
	height: 50%;
}

div#right_top_area iframe {
	-webkit-overflow-scrolling: touch; /* Bug 11209 */
	overflow: auto; /* Bug 11209 */
	border: none;
	width: 100%;
	height: 100%;
}

div#right_bottom_area {
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-overflow-scrolling: touch; /* Bug 11209 */
	overflow: hidden;
	display: none;
	border-right: 3px solid #e9e9e9;
}

div.ilRightContAreaSplit div#right_bottom_area {
	top: 50%;
	height: 50%;
}


div#right_bottom_area iframe {
	-webkit-overflow-scrolling: touch; /* Bug 11209 */
	overflow: auto; /* Bug 11209 */
	border: none;
	width: 100%;
	height: 100%;
}

#il_expl2_jstree_cont_out_ilLMProgressTree img {
	width: 18px;
	height: 18px;
	margin-top: -3px;
}