body {font-family: Source Sans Pro, sans-serif; }

#portal-header {
	background-color: #2D5321;
}

#portal-header::after {
	border-bottom: 1px dotted #E23D29;
}

.account_box {
	border: 1px solid #E23D29;
}

.account_box_expand {
	border: 1px solid #E23D29;
}

.account_box_expand .user_name {
	border-top: 1px dotted #E23D29;
}

#coloniallogo {
/*	position: absolute;*/
	position: fixed;
	bottom: 15px;
	width: 200px;
	z-index: 6;
}


#portal-content .swiper-tabs .swiper-slide .fa-fw {
/*	position: absolute;
	left: 8px;
	top: 7px;*/
}

.top_profile .profile_name {
	font-family: Source Sans Pro;
}

.top_profile .profile_role {
	font-family: Source Sans Pro;
}


#portal-base {
	background-color: #2D5321;
}
#help-link {
	color: #f1be48;
}

.paperwork_options {
	margin-bottom: 1em;
	border: 1px solid #888;
	border-radius: 3px;
	padding: .6em;
}

.paperwork_options .fa-w-12 {
	font-size: 4em;
	display: inline-block;
	margin-right: .25em;
}

.paperwork_options .option_text {
	display: inline-block;
	font-size: 1.2em;
}

.paperwork_options .option_text a, .paperwork_options .option_text span {
	display: inline-block;
	margin-right: .5em;
	font-size: 0.9em;
}

.paperwork_options .option_text span {
	font-weight: 200;
}

.paperwork_form_view > p {
	font-weight: 200;
	font-size: 0.8em;
}

.form_set {
	display: inline-block;
	border: 1px solid #888;
	padding: 5px;
	border-radius: 3px;
	vertical-align: top;
	min-width: 4em;
	margin-right: 1em;
}

.form_set.long {

}

.form_set .submitted_value {
	font-weight: 400;
	border-bottom: 1px dotted #888;
	padding-bottom: 2px;
}

.form_set.long .submitted_value {
	border-bottom: 0px;
	padding: 5px 0px 0px;
	font-weight: 200;

}

.form_set .form_label {
	font-size: 0.7em;
	font-weight: 500;
	padding: 3px 0px 0px;
}

.form_set.long .form_label {
	border-bottom: 1px dotted #888;
	font-size: 0.9em;
	padding: 0px 0px 5px;
	
}



a {
	color: #6C4279;
}

a:visited {
	color: #6C4279;
}

.content_embed .link-button {
	text-align: left;
	height: auto;
}

.content_embed .link-button .title, .content_embed .link-button .fa-fw {
	display: inline-block;
	font-size: 1.1em;
	vertical-align: middle;
	margin-right: .1em;
}

.tabs .link-button, .swiper-tabs .link-button {
	height: 5px;
}
.tabs .link-button .fa-fw, .swiper-tabs .link-button .fa-fw {
	font-size: 1em;
}

.tabs .link-button .title, .swiper-tabs .link-button .title {
	display: inline-block;
	font-size: 1em;
	vertical-align: top;
}

.ajax_post_wrap {
	white-space: nowrap;
}
.ajax_post_status {
	margin-left: .2em;
}

.class_plan th.col02,.class_plan th.col03 {
/*	width: 12em;
/**/
}

.class-stub td {
	font-weight: 600;
}

.proposal-review td {
	font-weight: 400;
}

.proposal-base td {
	font-weight: 200;
}

.proposal-archived td.col01 {
	font-weight: 300;
	text-decoration: line-through;
}

.class_plan td.col05 {
	font-weight: 400;
	white-space: nowrap;
}

.class_plan td a:link {
	border-right: 1px dotted #888;
}

.class_plan td a:link, .class_plan td .current_status {
/*	display: inline-block;*/
	margin: -0.6em 0.4em -0.6em -0.4em;
	padding: .6em .6em;
}

.class_plan td .current_status:empty {
	padding: 0px;
}

tr.unread td {
	font-weight: 600;
}

.class-info .class_state {
	float: right;
	font-size: 2em;
	padding: 0px 5px;
	color: #800000;
	font-weight: 600;
}

.class-final .class_state  {
	display: none;
}

.class-draft, .class-stub {
	background-color: #f0f0f0;
	margin: 0px -7px;
	padding: 5px 5px;
	border: 2px dotted black;
	border-radius: 3px;
}

.class-draft h3, .class-stub h3 {
	margin-top: .2em;
}

.ranking_checkbox {
	display: inline-block; width: 16em;
	vertical-align: top;
}


.sub_preamble {
	margin: .4em 0 .2em 10%;
	font-size: .8em;
}


@media (prefers-color-scheme: dark) {
	body, .form-public, .login_form, .form-public li > label {
		font-family: Source Sans Pro, sans-serif;
	}
	
	a:link {
		color: #BEA7C6;
	}
	
	a:visited {
		color: #BEA7C6;
	}	
	
	a:hover {
		color: #AEC6A7;
	}		
	

#portal-content .swiper-tabs .swiper-slide a.link-button {
	border-color: #282828;
}	
	

	
	.class-draft, .class-stub {
		background-color: #444;
		border: 2px dotted white;
	}
	
}