#main_menu_fs_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	padding-top: 2em;
	width: 100%;
	height: 100%;
	z-index: 21001;
	background-color: rgba(255,255,255,0.9);
}
#main_menu_fs_close_wrapper {
	position: fixed;
	top: .8em;
	right: .8em;
	font-size: 20px;
}

.main_menu_item {
	text-transform: uppercase;
	display: inline-block;
	font-family: open sans;
	font-size: 12px;
	font-weight: 500;
	margin-left: 1.5em;
}

#main_menu_btn {
	margin-right: .8em;
	border: 1px solid #eeeeee;
	padding: .3em .6em;
	border-radius: .25em
}

.dtonly {
	display: initial;
}

.mobonly {
	display: none;
}


.faded {
	color: #808080;
}

.js_button {
	cursor: pointer;
}

.hiddenWhenInactive {
	opacity:0;
}
.ForceVisible {
	opacity:1;	
}

.tab_nav {
	text-align: center;
}

tr.spaceBefore>td {
  padding-top: 1em;
}

.secondary_info {
	font-size: 13px;
	color: #808080;
}

.sWrap {
	white-space: nowrap;
}
.caret {
	position: relative;
	font-size: 8px;
	right: 25px;
	top: -3px;
	display: inline-block;
	color: #808080;
	pointer-events: none;
}

.add_box {
	padding: 1em 2em; 
	border: 1px solid #eeeeee;
	border-radius: 3px; 
	background-color: #f8f8f8;
	margin-bottom: 1em;
}

.invite_box {
	padding: 1em;
	border: 1px solid #eeeeee;
	border-radius: 3px; 
	background-color: #f8f8f8;
	text-align: center;
}

.table_list_question_counter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 2em; 
	height: 2em;
	background-color: #dadada;
	color: white;
	border-radius: 50%;
	font-size: 11px;
}

.table_list_expert_question_counter_answered {
	background-color: #c1dd52;
	color: white;
	border: none;
}

.ask_experts_comment_class {
	background-color: green;
	color: rgba(255,255,255,0.95);
	border: none;
}

.table_list_expert_question_counter_unanswered {
	background-color: #fc6c48;
	color: white;
	border: none;
}

.table_list_question_counter_unanswered {
	background-color: #fc6c48;
	color: white;
	border: none;
}
.table_list_question_counter_teacher_material {
	background-color: orange;
	color: yellow;
	border: none;
}

.comment_content_field {
	width: 100%; 
	height: 2.5em;
}
.comment_content_field_focused {
	height: 150px;
}
.table_list_question_counter_answered_student {
	background-color: #c1dd52;
	color: white;
	border: none;
}

.table_list_question_counter_answered {
	background-color: #dadada;
	color: white;
	border: none;
}
.cjm_table td.title_row {
	background-color: #e0e8ef;
	border-color: #e0e8ef;
	font-size: 13px;
	color: #8e9eac;
}

.progress_book_tab {
	font-size: 13px;
	margin-right: .5em;
	padding:.25em 1em;
	border-radius: 1em;
	display: inline-block; 
}

.progress_book_tab:first-child {
	padding-left: 0;
}
.progress_book_tab_selected {
	padding-left: 1em;
	background-color: #333333; color: white;
}

.comments_byline {
	font-size: 13px;
}
.comments_byline_secondary {
	color: #808080;
}

.comment_label {
	color: #333333;
	background-color: #aaaaaa;
	border: 1px solid #808080;
	border-radius: 3px;
	padding: .1em .5em;
}

.comment_unanswered {
	background-color: #fc6c48;
	color: white;
	border: none;
}

.tooltip-inner{max-width:500px;}
.error {
	background-color: rgba(200,0,0,0.2);
	border-left: 5px solid #aa0000;
	color: #aa0000;
	padding: 1em 1em 1em 40px;
	margin: 1em 0;
}

.page_header {
	font-family: "Open Sans", "Roboto Slab", "Georgia", "Times New Roman";
	font-size: 18px;
	margin: 0 0 1em 0;
	text-align: center;
	font-weight: 400;
	
}

body, input, select, table, textarea {
	font-family: "Roboto Slab", "Georgia", "Times New Roman";
	font-weight: 300;
	font-size: 16px;
}

.chapter_ref {
	cursor: pointer;
	color: #0084b4;
}

ul {
	margin: 0;
}

strong {
	font-weight: 400;
}

body {
	padding-top: 20px;
	padding-bottom: 3em;
	background-color: #f9fbfc;
	/*font-family: "Roboto", "Helvetica Neue", "Helvectica", "Arial";*/
	color: #333c48;
	/*background-color: #fafafa;*/
	-webkit-text-size-adjust: none;
   	/*-webkit-user-select: none;*/
	-webkit-tap-highlight-color: transparent;
}

.teacher_only {
	border-left: 5px solid green;
	padding: 1em 0;
	color: #555555;
	background-color: rgba(0,255,0, 0.05);
}

.question_answer {
	cursor: pointer;
}

.section_title{
	font-family: "Open Sans", "Roboto Slab", "Georgia", "Times New Roman";
	font-weight: 400;
	padding: 0 40px;
	margin: 1em 0 0.25em;
	text-align: left;
	font-size: 32px;
}

.page_header_top_padding {
	margin-top: 80px;
}

.comment_circle_wrapper {
	background-color: white;
	width: 30px;
	height: 30px;
	display: inline-block; 
	cursor: pointer;
	color: #aaaaaa;
	border: none;
	border-radius: 50%;
}
.comment_circle {
	display: table-cell; 
	width: 30px;
	height: 30px;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
}

.section_kind_1 {
	font-family: "Open Sans", "Roboto Slab", "Georgia", "Times New Roman";
	font-weight: 400;
	margin-top: 1.5em;
	padding: 0 40px;
	font-size: 24px;
	line-height: 1.5;
}

.section_kind_2 {
	font-family: "Open Sans", "Roboto Slab", "Georgia", "Times New Roman";
	font-weight: 400;
	margin-top: 1.5em;
	padding: 0 40px;
	font-size: 22px;
	line-height: 1.5;
}

.section_kind_3 {
	font-family: "Open Sans", "Roboto Slab", "Georgia", "Times New Roman";
	font-weight: 400;
	font-size: 18px;
	margin-top: 1.5em;
	padding: 0 40px;
	line-height: 1.5;
}

.section_kind_10 {
	padding: .5em 40px .5em;
	line-height: 1.7;
}

.section_kind_11 {
	color: #808080;
	font-style: italic;
	margin-top: 1em;
	padding: 0 40px;
	font-size: 14px;
	line-height: 1.5;
}

.section_kind_12 {
	/*infobox*/
	margin: 2em 40px;
	padding: 1em;
	border: 1px solid #333333;
	font-size: 14px;
	line-height: 1.5;
	background-color: white;
}

.section_kind_12_header {
	/*infobox*/
	font-weight: bold;
}

.quote_sign {
	color: #a8c2c8;
	margin-bottom: .5em;
}
.section_kind_20 {
	margin: 1.5em 0 1.5em;
	text-align: center;
	background-color: #ebf0f3;
	padding: 2em 2em 2.5em;
	font-size: 18px;
	line-height: 1.5;
}

.section_kind_50 {
	margin-top: 1em;
}
.js_action {
	color: #808080;
	text-decoration: underline;
}

.section_kind_100 {
	text-align: left;
	margin: 1.5em 0;	
	z-index: 1000;
}

.section_kind_100_full_column {
	max-width: 100%;
	
}
.section_kind_100_half_left {
	max-width: 48%;
	float: left;
	padding-right: 1em;
	padding-bottom: 1em;
}
.section_kind_100_half_right {
	max-width: 48%;
	float: right;
	padding-left: 1em;
	padding-bottom: 1em;
}

.section_media_description {
	margin-top: .5em;
	padding-left: .5em;
	color: #9d9d9d;
	line-height: 1.5;
	font-size: 13px;
	font-style: italic;
}
.section_credit_text {
	cursor: default;
	color: #9d9d9d;
	line-height: 1.5;
	font-size: 11px;
	padding-left: .5em;

}

.section_credit_url a {
	color: #9d9d9d;
	line-height: 1.5;
	font-size: 11px;
	padding-left: .5em;
}
.section_credit_url a:hover {
	text-decoration: underline;
}

.comment_counter_badge {
	padding: .5em .5em; 
	display: inline-block; 
	position:relative; 
	left: -2em; 
	top: -3em; 
	border-radius: 10px; 
	font-size: 8px;
	border: 1px solid #999999;
	background-color: #aaaaaa;
	color: #333333;
	min-width: 1.25em;
	text-align: center;
}

.self_evaluation_section {
	margin: 1em 0;
	clear: both;
}
.self_evaluation_question {
	font-weight: 400;
	padding: 0 40px;
	margin-bottom: 1.25em;
}
.self_evaluation_progress_ {
	background-color: none;
	color: #aaaaaa;
	border: 1px solid #aaaaaa;
}

.self_evaluation_progress_1 {
	background-color: #ffe8e8;
	color: #ff2727;
	border: 1px solid #ff2727;
}

.self_evaluation_progress_2 {
	background-color: #fffce8;
	color: #ffd528;
	border: 1px solid #ffd528;
}

.self_evaluation_progress_3 {
	background-color: #edface;
	color: #afe825;
	border: 1px solid #afe825;
}


/* Här börjar självvärderingen */
	.self_evaluation_button {
		display: inline-block;
		border: 1px solid #808080;
		border-radius: 1px;
		width: 32%;
		margin-right: 1.67%;
		cursor: pointer;
		box-shadow: 0 2px 0 rgba(0,0,0,.1);
		font-size: 14px;
	}
	
	.self_evaluation_button_inner {
		padding: .5em 1em;
		text-align: center;
	}

	.self_evaluation_button_1 {
		color: red;
		border-color: red;
	}

	.self_evaluation_button_2 {
		color: orange;
		border-color: orange;
	}

	.self_evaluation_button_3 {
		color: #33cc33;
		border-color: #33cc33;
	}

	.self_evaluation_button_1_selected {
		color: #801a00;
		background-color: #ff3300;
		box-shadow: none;
		position: relative;
		top: 1px;
	}
	.self_evaluation_button_2_selected {
		color:  #805300;
		background-color: orange;
		box-shadow: none;
		position: relative;
		top: 1px;
	}
	.self_evaluation_button_3_selected {
		color:  #1f7a1f;
		background-color: #33cc33;
		box-shadow: none;
		position: relative;
		top: 1px;
	}
		
	#self_evaluation {
		max-width: 600px;
		white-space: nowrap;
		padding: 0 40px;
	}

/* Här slutar självvärderingen */



#status_bar {
	position: fixed;
	width:100%;
	padding: .5em;
	left: 0;
	bottom: 0;
	display: none;
	text-align: center;
	background-color: orange;
	color: black;
}

.pre_contents {

}
.contents {
	max-width: 640px;
	text-align: left;
	width: 100%;
}

.contents_table table {
	/*background-color: bluw;*/
	font-size: 14px;
	border: 1px solid #dddddd;
}

.contents_table tr:nth-child(even) {
	background-color: #f5f5f5;
}
.contents_table tr:nth-child(odd) {
	background-color: transparent;
}
.contents_table td {
	padding: .5em;
}
.contents_table th {
	padding: .5em;
	text-align: left;
	color: #aaaaaa;
	font-weight: 100;
	text-transform: uppercase;
}

.js_text_btn {
	cursor: pointer;
	color: #0084b4;
}
.js_text_btn:hover {
	color: #0084b4;
	text-decoration: underline;
}
.underline {
	text-decoration: underline;
}

.blue {
	color: #0084b4;
}

.form_kind_1 {
	font-size: 18px;
}

.form_kind_2 {
	font-size: 16px;
}

.form_kind_11 {
	font-family: "Century";
	font-style: italic;
}

.form_kind_3 {
	font-weight: 500;
}

.table_divider {
	background-color: pink;
	border: none;
}

.input_error {
	border-color: red;
}

.input_warning {
	border-color: orange;
}

.color_tag {
	font-size: 9px;
	text-transform: uppercase;
	border-radius: 3px;
	padding: .3em 1em .3em;
	color: white;
	text-align: center;
	display: inline-block;
	background-color: darkgray;
	border: 1px solid gray;
}

.teacher {
	border-color: purple;
	background-color: #87528B;
}

.student {
	background-color: green;
	border-color: darkgreen;
}

.label {
	margin-top: .5em;
	text-transform: uppercase;
	font-size: 11px;
	color: #808080;
}

.label_description {
	margin: .5em 0 0 0;
	font-size: 11px;
	color: #808080;
}
.clickable-row {
	cursor: pointer;
}
.clickable-row:hover {
	background-color: #fafafa;
}

.label_action_shortcut_box {

background-color: #f5f5f5; border: 1px solid #aaaaaa; text-align: center; border-radius: 2px; padding: 1em; margin: 1em 0;
}

.user_image {
	display: table-cell; 
	vertical-align: middle;
	text-align: center;
	color: #aaaaaa;
	width: 33px; 
	height: 35px; 
	border: 1px solid #dedede; 
	font-size: 12px;
	border-radius: 33px; 
	background-size: cover; 
   	-webkit-user-select: none;

}
select {
	background-color: white;
}

a.blue_link {
	color: #0084b4;
}
.btn {
	border-radius: 2px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
}

.btn:hover {
	box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
}

.btn:disabled {
	cursor: default;
	opacity: .25;
}

.btn_primary {
	background: rgba(255,0,0, 0.05);
}


.cjm_table a:hover {
	color: #0084b4;
}

.cjm_table {

}

.admin_table {
	white-space: nowrap;
	font-size: 12px;
}

.admin_table th {
	border: none;
	color: #aaaaaa;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 300;
	text-align: left;
	padding: .5em;
	cursor: default;

}
.admin_table td {
	padding: .5em;
}

.admin_table tr:nth-child(even)  {
	background-color: rgba(0,0,0,0.05);
}


.cjm_table th {
	border: none;
	color: #aaaaaa;
	font-size: 13px;
	font-weight: 300;
	text-align: left;
	padding: .75em;
	white-space: nowrap;
}

.contents_table tbody th {
	border-top: 1px solid #eeeeee;
}


.cjm_table td {
	background-color: white;
	border-top: 1px solid #eeeeee;
	padding: .75em;
}

.cjm_table td:first-child {
	border-left: 1px solid #eeeeee;
}

.cjm_table td:last-child {
	border-right: 1px solid #eeeeee;
}

.cjm_table tr:nth-child(1) td:first-child {
	border-radius: 2px 0 0 0;
}

.cjm_table tr:nth-child(1) td:last-child {
	border-radius: 0 2px 0 0;
}

.cjm_table tr:last-child td {
	border-bottom: 1px solid #eeeeee;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

.cjm_table tr:last-child td:first-child {
	border-radius: 0 0 0 2px;
}
.cjm_table tr:last-child td:last-child {
	border-radius: 0 0 2px 0;
}

.plurili_list {
}
.plurili_list_item {
	border: 1px solid #eeeeee;
	border-top: none;
	padding: .75em;

}

.plurili_list_item:hover {
	background-color: #fafafa;
	cursor: pointer;
}

.plurili_list_item:first-child { 
	border-top: 1px solid #eeeeee;
    border-radius: 2px 2px 0 0;
} 
.plurili_list_item:last-child { 
    border-radius: 0 0 2px 2px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
} 

a:hover {
	border-bottom: none;
}

.warning_input {
	border: 1px solid orange;
}

.btn_text {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	cursor: pointer;
}
.btn_text:hover {
	color: black;
	border-bottom: 1px solid pink;
}

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

/*td {
	padding: .5em 2em .5em 0;
}*/

.right {
	text-align: right;
}
.center {
	text-align: center;
}

table.data_list_table td {
	padding: 0.5em 0.5em 0.5em 0;
	vertical-align: top;
}

.full_top_border {
	border-top: 1px solid #d8d8d8;
}

.faded_top_border {
	border-top: 1px solid #f8f8f8;
}

.no_top_border {
	border-top: none;
}

td.new_row {
	border-top: 1px solid #eeeeee;
}

.i18nH1 {
	font-size: 21px;
}

.i18nBtn {
	padding: .5em 1em; 
	border: 1px solid #efefef;
	border-radius: 2em;
}
.i18nBtn:hover {
	border: 1px solid #dfdfdf;
	background-color: #efefef;
}

#menu_outer_wrapper {
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid #cccccc;
	/*box-shadow: 0px 1px 0 rgba(0,0,0,0.1);*/
	height: 50px;
	width: 100%;
	/*background-color: rgba(255,255,255,0.95);*/
	background-color: white;
	z-index: 10000;
}

#menu_inner_wrapper {
	display:table-cell;
	vertical-align:middle;
}

#menu_content {
	width:100%;
	color: white;
}

.no_decoration {
	text-decoration: none;
	border: none;
}
.no_decoration:hover {
	text-decoration: none;
	border: none;
}

.breadcrumbs {
	display: inline-block;
	min-width: 5em;
}

.strikethrough {
	text-decoration: line-through;
}

.failed {
	color: #aa0000;
}
.completed {
	color: #008800;
}



.sortable-placeholder{
			border: 1px dashed #dddddd;
			border-radius: 2px;
			margin: .5em 0;
			outline: none;
			background-color: rgba(0,0,0,0.05);
}


		
.mobile_only{
	display: none;
}

.hidden{
	display: none;
}

.fullscreen_overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
}
.fullscreen_overlay_content {
	position: relative;
	top: 0;
	left: 0;
	margin: 6em auto;
	text-align: center;
	width: 90%;
	max-width: 640px;
}

.content-area-inline-form {
	padding: 0;
	margin: 0;
	display: inline-block;
}
.content-area-inline-form select {
	background-color: transparent; 
	font-size: 13px;
	color: #333333;
	padding:.25em 1em;
	border-radius: 1em;
	border: 1px solid #cccccc;
}

.inline-form {
	padding: 0;
	margin: 0;
	display: inline-block;
}

.inline-form select {
	border: 1px solid orange;
	background-color: orange;
	color: white;
	border-radius: 50%;
	font-size: 13px;
	text-align: center;
	padding: 6px;
}
		
@media screen and (max-width: 550px) {
    body, input, select, table, textarea {
        font-size: 14px;
    }
    .contents table {
		/*background-color: bluw;*/
		font-size: 11px;
	}
	
	.dtonly {
		display: none;
	}
	
	.mobonly {
		display: initial;
	}
	
	.main_menu_item {
		text-transform: uppercase;
		display: block;
		font-family: open sans;
		font-size: 14px;
		font-weight: 500;
		margin-left: 1.5em;
		margin-top: 1.5em;
	}


	/*
	.section_kind_100_full_column {
		max-width: 100%;
	}
	.section_kind_100_half_left {
		max-width: 100%;
		float: none;
		padding-right: 0;
		padding-bottom: 0;
	}
	.section_kind_100_half_right {
		max-width: 100%;
		float: none;
		padding-left: 0;
		padding-bottom: 0;
	}*/

}
@media print {
	body {
		padding: 2em;
		margin: 2em;
	}
	#menu_outer_wrapper, #force_student_view_bottom_bar, #chapter_navigation {
		display: none !important;
	}
}