.bodytable th, td {border-top: 1px solid #ccc;}
.bodytable th, th.head, td.head {background-color: #eee;}

.labeltable {border: 1px solid #ccc;}

.labeltable td.even {background-color: #EBECEB;}

.labeltable > tbody > tr > td.first, .labeltable > tr > td.first {border-right: 1px dotted #ccc;}
.labeltable.budget > tbody > tr > td.col02, .labeltable.budget > tr > td.col02 { border-right: 1px dotted #ccc; }

.form_wrap_group > h3, .form_wrap_quill > h3, .form_wrap_group .datatable th {	background-color: #AEC6A7; }

.form_wrap_group > h4 {background-color: #ccc; color: black; border-width: 0px;}

.datatable, .labeltable.datamatch {border: 1px solid #4F7942;}

.datatable th, .labeltable.datamatch th {background-color: #7A9F6F; }

.datatable td, .labeltable.datamatch td {border-top: 1px dotted #4F7942;}
.datatable td.subhead {background-color: #AEC6A7;}

.labeltable td.odd, .datatable td.odd, .datatable tr.odd td {background-color: white;}
.labeltable td.even, .datatable td.even, .datatable tr.even td {background-color: #EBECEB;}

.datatable.grid td {	border-left: 1px dotted #4F7942; }

.datatable.grid .static {	border: 1px dotted black; }

.datatable td.light {color: #333}

.section_nav {	background-color: #eee; }

.section_nav a {background-color: white; }

.section_nav a:hover {	background-color: #f0f0f0;}

.page_section {	border: 1px dotted #999; }

.page_section h3 {	border-bottom: 1px dotted #aaa;}

.form-public #split_table {border: 1px solid #DDDDDD; }

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

#sub-name #sidebar-toggle {
	color: white;
	background-color: rgba(255,255,255,0.2);
}

#sub-name #sidebar-toggle:hover {
	background-color: #aaa;
}

.account_box {
	background-color: white;
	border: 1px solid #E23D29;
}


.account_box_expand {
	background-color: white;
	border: 1px solid #E23D29;
}

.account_box_expand .account_box_icons a {
	color: black;
}

.account_box_expand .account_box_icons a:hover {
	color: red;
}

.account_box_expand .user_name {
	border-top: 1px dotted #E23D29;
}
.account_box_expand .account_box_details > a {
	border-top: 1px dotted #ccc;
}

.account_box_expand .account_box_details a:hover {
	background-color: lightyellow;
}

#troopname {
	color: white;
}
#portal-side {
	background-color: #eee;
}

#top_links li {
	background-color: rgba(255,255,255,0.8);
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}


#top_links li a:hover {
	background-color: white;
}

#portal-side:after {
/*	background-color: #f0f0f0;*/
	background-color: #d0d0d0;
}



#portal-content .tabs {
	background-color: #ddd;
} 


#portal-content .tabs a {
	background-color: #eee;
}

#portal-content .tabs a:hover {
	background-color: lightyellow;
}

#portal-content .tabs a.active {
	background-color: white;
}

#portal-content .offset {
	background-color: #fbfbfb;
}

#portal-base div {
	color: #ccc;
}


.login_form .direct_login {
	border-top: 1px dotted #eee;
}


.login_form {
	border-top: 1px dotted red;
	border-bottom: 1px dotted red;
	background-color: #f8f8f8;
}

.login_form .form-public {
    background-color: white;
}


.login_form h4 {
	border-bottom: 1px dotted #eee;
	color: #aaa;
}

h3.section {
	border-bottom: 1px dotted #ccc;
}

.agreement_text h3 {
	border-bottom: 1px solid #999;
}


.rendered_paperwork {
	border: 1px dotted #888;
}


.signature_block .signature {
	border-bottom: 1px solid black;
}


p.message, p.error_message  {
	border: 1px dotted #lightyellow;
	background-color: #eee;
}	

p.error_message {
	background-color: yellow;
}

#top_links a:hover .fa-fw {
	color: red;
}
.inline-menu .menu_item {
	border: 1px solid #ddd;
}

.inline-menu .info_changes .changes {
	border-top: 1px dotted #888;
}

.inline-menu a:hover {
	background-color: lightyellow;
	color: black;
}


.inline-menu a .fa-fw {
	color: #888;
}

.inline-menu a:hover .fa-fw {
	color: black;
}


.link-button {
	border: 1px solid #ddd;
}

.link-button:hover {
	background-color: lightyellow;
	color: black;
}

.link-button .fa-fw {
	color: #888;
}

.link-button:hover .fa-fw {
	color: black;
}

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


.class-info .class_state {
	color: #800000;
}
.class-draft, .class-stub {
	background-color: #f0f0f0;
}


#portal-content .search_form {
	border: 1px solid #ddd;
}

#portal-content > .post-button-inputs {
	border: 1px solid #ddd;
}


.fc-v-event.group_level_topaz, .fc-h-event.group_level_topaz  {
	background-color: gold;
}

.group_level_topaz .fc-daygrid-event-dot, .group_level_topaz .fc-list-event-dot, .fc-h-event.group_level_topaz  {
	border-color: gold;
}

.fc-v-event.group_level_sapphire, .fc-h-event.group_level_sapphire  {
	background-color: pink;
}

.group_level_sapphire .fc-daygrid-event-dot, .group_level_sapphire .fc-list-event-dot, .fc-h-event.group_level_sapphire {
	border-color: pink;
}

.fc-v-event.group_level_emerald, .fc-h-event.group_level_emerald  {
	background-color: darkgreen;
}

.group_level_emerald .fc-daygrid-event-dot, .group_level_emerald .fc-list-event-dot, .fc-h-event.group_level_emerald  {
	border-color: darkgreen;
}

.fc-v-event.group_level_diamond, .fc-h-event.group_level_diamond  {
	background-color: silver;
}

.group_level_diamond .fc-daygrid-event-dot, .group_level_diamond .fc-list-event-dot, .fc-h-event.group_level_diamond  {
	border-color: silver;
}

.transaction .trans_info.type .fa-fw {
	color: #76232f;
}

	.fa-stack {
		color: #154734;
	}
	
	.greyed .fa-stack {
		color: #ddd;
	}
	
	.greyed + .name {
		color: #555;
	}
	
	.item_num.item_required, p .item_required {
		 color: #76232f;
	}
	
	.item_num.item_elective, p .item_elective {
		color: #154734;
	}	
	
.status_list h2 {
	background-color: #2D5321;
	color: white;
}

.status_list_item > div.name {
	font-family: Source Sans Pro, sans-serif;
}	

.status_list_item .icon {
	float: none;
	border: 0px;
	padding: 0px;
	margin-bottom: 0px;
}


.inline-menu a .description {
	font-size: 0.85em;
}

.status_list_item div.status_task {
	font-family: Source Sans Pro, sans-serif;
}

.status_list_item div.status_task .snip_frament.snip_2 {
	font-weight: 200;
}

@media (prefers-color-scheme: dark) {
	.status_list h2 {
		color: white;
		background-color: #2D5321;
	}

	body, .form-public, .login_form, .form-public li > label {
		background-color: #333 !important;
		color: #ddd !important;
	}

	.form-public input, .form-public  textarea {
		background-color: #404040;
		color: white;
	}
	
	.form-public input[type="text"]:focus,
	.form-public input[type="date"]:focus,
	.form-public input[type="datetime"]:focus,
	.form-public input[type="tel"]:focus,
	.form-public input[type="email"]:focus,
	.form-public input[type="number"]:focus,
	.form-public input[type="search"]:focus,
	.form-public input[type="time"]:focus,
	.form-public input[type="url"]:focus,
	.form-public input[type="password"]:focus,
	.form-public textarea:focus,
	.form-public select:focus 
	{
		color: black;
	}	
	
	.form-public li > span {
		background-color: #303030 !important;
		color: #aaa !important;
	}
	
	.form-public li.subhead {
		background-color: #222 !important;
	}

	p.message, p.error_message  {
		border: 1px dotted #eee;
		background-color: #444;
	}	
	
	p.error_message {
		background-color: darkred;
	}
	

	.labeltable td.odd {
		background-color: #393939;
	}
	
	.labeltable td.even {
		background-color: #282828;
	}

	.labeltable th {
		color: black;
	}
	
	.datatable th, .labeltable.datamatch th, .bodytable th {
		color: black;
	}
	
	.datatable td.odd, .labeltable.datamatch td.odd {
		background-color: #444;
	}
	
	.datatable td.even, .labeltable.datamatch td.even  {
		background-color: #393939;
	}
	
	.datatable tr.odd td {
		background-color: #444;
	}
	
	.datatable tr.even td {
		background-color: #393939;
	}		
	
	.datatable td.subhead {
		#222;
	}
	
	.datatable td.light {color: #bbb}


	.formitem input:matches([type="text"], [type="password"], [type="email"], [type="tel"], [type="date"], [type="url"]), .formitem textarea {
		background-color: #999;
		border: 1px solid #bbb;
	}
	
	.formitem select {
		background-color: #999;
		border: 1px solid #bbb;
	}
	
	.form_wrap_group .base {
		background-color: #333;
	}
	
	.form_wrap_group > h3, .form_wrap_quill > h3 {
		background-color: #222;
	}	
	
	.form_wrap_group > h4 {background-color: #444; color: white;}

	
	.form_wrap_group p {
		background-color: #333 !important;
	}
	
	.form_wrap_group h3 + p {
		background-color: #444 !important;
	}
	
	.account_box {
		background-color: #484848;
		border: 1px dotted darkred;
	}
	
	.account_box_expand {
		background-color: #484848;
		border: 1px dotted darkred;
	}

	.account_box_expand .account_box_icons a {
		color: #ccc;
	}
	
	.account_box_expand .user_name {

		border-top: 1px dotted darkred;	
	}
	.account_box_expand .account_box_details a:hover {
		color: black;
	}	
	
	#portal-side {
		background-color: #444;
	}
	
	#portal-side:after {
		background-color: #303030;
	}	
	
	#portal-header::after {
		background-color: #282828;
	}	
	
	#top_links li {
		background-color: rgba(50,50,50,0.8);
		border-color: black;
	}	
				
	
	#top_links li a:hover {
		background-color: black;
	}
	
	#portal-content .tabs {
		background-color: #434343;
	}
	
	#portal-content .tabs a {
		background-color: #282828;	
	}
	
	#portal-content .tabs a.active {
		background-color: #333;
	}
	
	#portal-content .tabs a:hover {
		background-color: darkred;
	}
	
#portal-content .swiper-tabs > div.tab_view a {
	border: 0px;
}	

#portal-content .offset {
	background-color: #383838;
}

	
	.signature_block .signature {
		border-color: white;
	}
	
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
		color: #ccc;
	}
	
	table.dataTable tbody tr {
		background-color: #333;
	}
	
	.class-draft, .class-stub {
		background-color: #444;
		border: 2px dotted white;
	}
	
	div.dataTables_scrollBody {
		background-color: #333 !important;
	}
	
	.section_nav {
	background-color: #222;
	}

	.section_nav a {
		background-color: #444;
	}
	
	.section_nav a:hover {
		background-color: #333;
	}	
	
	.transaction.active {
		background-color: #154734;
	}	
	
	.transaction .log_message {
		background-color: #444;
	}
	
	.transaction .trans_info.type .fa-fw {
		color: #ccc;
	}	
	
	.fc-daygrid-day-bg .fc-event-title {
		color: black;
	}
	
	.content_minor {
		border-color: #303030;
	}
	
	.fa-stack {
		color: #aaa;
	}
	
	.fa-inverse {
		color: #333;
	}
	
	.greyed .fa-stack {
		color: #555;
	}
	
	.greyed + .name {
		color: #999;
	}	
	
	.status_list h2 { color: white; }
	
	.item_num.item_required, p .item_required {
		 color: #eee;
	}
	
	.item_num.item_elective, p .item_elective {
		color: #f1be48;
	}	
}





.form-public {
    background:#fff;
}
.form-public h1{
    color: #5C5C5C;
}
.form-public li{
    border:1px solid #DDDDDD;
}

.form-public li.subhead {
	background-color: #f9f9f9;
}


.form-public li > label{
    background: #FFFFFF;
    color: #888;
}



.form-public li input[type="hidden"] + div {
	color: #888;
}

.form-public.paperwork li input[type="hidden"] + div {
	color: #333;
}



.form-public input[type="text"],
.form-public input[type="date"],
.form-public input[type="datetime"],
.form-public input[type="tel"],
.form-public input[type="email"],
.form-public input[type="number"],
.form-public input[type="search"],
.form-public input[type="time"],
.form-public input[type="url"],
.form-public input[type="password"],
.form-public textarea,
.form-public select
{
    background-color: #fbfbfb;
}

.form-public input[type="text"]:focus,
.form-public input[type="date"]:focus,
.form-public input[type="datetime"]:focus,
.form-public input[type="tel"]:focus,
.form-public input[type="email"]:focus,
.form-public input[type="number"]:focus,
.form-public input[type="search"]:focus,
.form-public input[type="time"]:focus,
.form-public input[type="url"]:focus,
.form-public input[type="password"]:focus,
.form-public textarea:focus,
.form-public select:focus 
{
	background-color: lightyellow;
}
.form-public li > span{
    background: #F8F8F8;
    color: #888;
}

.form-public input[type="submit"],
.form-public input[type="button"]{
 /*   background: #2471FF;*/
 	background: #946f9f;
/*    border-bottom: 3px solid #5994FF;*/
    border-bottom: 3px solid #BEA7C6;
/*    color: #D2E2FF;*/
	color: white;
}
.form-public input[type="submit"]:hover,
.form-public input[type="button"]:hover{
/*    background: #6B9FFF;*/
   border-bottom-color: #6C4279;
   background: #6C4279;
    color:#fff;
}


.render_full .form-public li > label, .render_full .form-public li > span {
	color: #444;
}

.form-public li table td.even {background-color: #f8f8f8;}




@media (prefers-color-scheme: dark) {
	.form-public input[type="text"],
	.form-public input[type="date"],
	.form-public input[type="datetime"],
	.form-public input[type="tel"],
	.form-public input[type="email"],
	.form-public input[type="number"],
	.form-public input[type="search"],
	.form-public input[type="time"],
	.form-public input[type="url"],
	.form-public input[type="password"],
	.form-public textarea,
	.form-public select
	{

		background-color: #444;
	}
	
	.form-public.paperwork li input[type="hidden"] + div {
		color: #ccc;
	}	
}



.form_wrap_group, .form_wrap_quill {
	border: 1px solid #eee;
}

.form_wrap_group > h3, .form_wrap_quill > h3 {
	border-bottom: 1px solid #eee;
}

.form_wrap_group p {
	background-color: #fcfcfc;
}


.form_wrap_group .formgroup {
	border-bottom: 1px dotted #ccc;
}

.formitem {
	border-bottom: 1px dotted #ccc;
}

.formitem .ql-container p, .formitem .ql-container ol, .formitem .ql-container ul, , .formitem .ql-container h1, .formitem .ql-container h2, .formitem .ql-container h3, .formitem .ql-container h4  {
	background-color: #f8f8f8;
}



.formitemnest {
	border: 1px dotted #555;
	background-color: white;
}


.checkin_person.attend-h {
	background-color: #aee7d1;
}

.checkin_person.attend-a {
	background-color: #eabac1;
}

.inline-announcement {
	border-bottom: 2px solid #154734;
}

@media (prefers-color-scheme: dark) {

	.formitem .ql-container p, .formitem .ql-container ol, .formitem .ql-container ul, .formitem .ql-container h1, .formitem .ql-container h2, .formitem .ql-container h3, .formitem .ql-container h4  {
		background-color: #999 !important;
		color: black;
	}
	
	.checkin_person.attend-h {
		background-color: #154734;
	}

	.checkin_person.attend-a {
		background-color: #76232f;
	}	
	
	.inline-announcement {
		border-bottom: 2px solid #bbb;
	}

	.accent_icon .fa-fw {
		color: #222;

	}	
}