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

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

.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: #e61939; color: white; }

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

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

.datatable th, .labeltable.datamatch th {background-color: #e61939; color: white; }

.datatable td, .labeltable.datamatch td {border-top: 1px dotted #88dcbc;}
.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: #e0f4ff;}

.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: #fae8be;
}

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

#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: #ffcb08;
}



#portal-content .tabs, #portal-content .swiper-tabs {
	background-color: #c1e9ff;
}

#portal-content .tabs.level_key_topaz, #portal-content .swiper-tabs.level_key_topaz {
	background-color: #f1be48;
	color: black;
} 

#portal-content .tabs.level_key_sapphire, #portal-content .swiper-tabs.level_key_sapphire {
	background-color: #f4a6d7;
	color: black;
} 

#portal-content .tabs.level_key_emerald, #portal-content .swiper-tabs.level_key_emerald {
	background-color: #154734;
	color: #f1be48;	
}

#portal-content .tabs.level_key_diamond, #portal-content .swiper-tabs.level_key_diamond {
	background-color: #76232f;
	color: white;	
}

#portal-content .tabs a, #portal-content .swiper-tabs .swiper-slide a  {
	background-color: #e0f4ff;
}

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

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

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

#portal-base div {
	color: black;
}


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


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

.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 #fae8be;
	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;
/*	border: 1px solid #22b24c;
	background-color: #f7fdf9;*/
	border-radius: 8px;
}

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

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

.inline-menu a {
	border-radius: 8px;
}

.inline-menu a .fa-fw {
/*	color: #1b8e3c;*/
	color: #777;
}

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


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

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

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

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

.link-button.level_key_emerald .fa-fw, .link-button.level_key_diamond .fa-fw, .link-button.level_key_ed .fa-fw {
	color: #f1be48;
}

.link-button.level_key_topaz .fa-fw, .link-button.level_key_sapphire .fa-fw, .link-button.level_key_ts .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;
}

div.context_links a.level_key_topaz {
	background-color: #f1be48;
	color: black;	
}

div.context_links a.level_key_sapphire {
	background-color: #f4a6d7;
	color: black;	
}

div.context_links a.level_key_emerald {
	background-color: #154734;
	color: #f1be48;	
}

div.context_links a.level_key_diamond {
	background-color: #76232f;
	color: #f1be48;	
}

div.context_links a.level_key_ed {
	background-color: #76232f;
	color: white;	
}


.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: #e61939;
	}
	
	.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: #e61939;
	}	

@media (prefers-color-scheme: dark) {
	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 {background-color: #e61939; color: white; }
	.datatable td, .labeltable.datamatch td {border-top: 1px dotted #e61939;}
	
	.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: #e61939;
	}	
	
	.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: black; }
	
	.item_num.item_required, p .item_required {
		 color: #eee;
	}
	
	.item_num.item_elective, p .item_elective {
		color: #f1be48;
	}	
	
	#portal-content .tabs, #portal-content .swiper-tabs {
		background-color: #434343;
	}

	#portal-content .tabs a, #portal-content .swiper-tabs .swiper-slide a  {
		background-color: #282828;
	}	
}





.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: #fae8be;
}
.form-public li > span{
    background: #F8F8F8;
    color: #888;
}

.form-public input[type="submit"],
.form-public input[type="button"]{
 /*   background: #2471FF;*/
 	background: #e61939;
/*    border-bottom: 3px solid #5994FF;*/
    border-bottom: 3px solid #288864;
/*    color: #D2E2FF;*/
	color: white;
}
.form-public input[type="submit"]:hover,
.form-public input[type="button"]:hover{
/*    background: #6B9FFF;*/
   border-bottom-color: #288864;
   background: #F1BE48;
    color:black;
}


.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-public li table td.even {background-color: #333;}
}



.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: #81e79f;
}

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

.link-button.level_puggles .fa-fw, .menu_item.level_puggles .fa-fw {
	color: lightblue;
}

.link-button.level_puggles, .menu_item.level_puggles {
	border-color: lightblue;
}

.link-button.level_cubbies .fa-fw, .menu_item.level_cubbies .fa-fw {
	color: #0083cb;
}

.link-button.level_cubbies, .menu_item.level_cubbies {
	border-color: #0083cb;
}

.link-button.level_sparks .fa-fw, .menu_item.level_sparks .fa-fw {
	color: #e61939;
}

.link-button.level_sparks, .menu_item.level_sparks {
	border-color: #e61939;
}

.link-button.level_tt .fa-fw, .menu_item.level_tt .fa-fw {
	color: #22b24c;
}

.link-button.level_tt, .menu_item.level_tt {
	border-color: #22b24c;
}

.status_list h2 {
	background-color: #22b24c;
}

    .theme-tool215 {
      --fa-secondary-opacity: 0.6;
      --fa-primary-color: #e61939;
      --fa-secondary-color: #0083cb;
/*      --fa-secondary-color: #ffd64f;*/
    }
@media (prefers-color-scheme: dark) {
    .theme-tool215 {
      --fa-primary-color: #22b24c;
      --fa-secondary-color: #0083cb;
      --fa-primary-opacity: 0.7;
      --fa-secondary-opacity: 0.5;
    }
}   

.status_list_item > div.name {
	font-family: basic-sans;
}

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

	.status_list h2 {
		color: white;
		background-color: #e61939;
	}

	.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;
	}
	
	.link-button.level_cubbies .fa-fw, .menu_item.level_cubbies .fa-fw, .link-button.level_puggles .fa-fw, .menu_item.level_puggles .fa-fw {
		color: lightblue;
	}	
	
	.link-button.level_sparks .fa-fw, .menu_item.level_sparks .fa-fw {
		color: pink;
	}	
}


@media (prefers-color-scheme: dark) {
	body, .form-public {
		background-color: #333;
		color: #ddd;
		font-family: Source Sans Pro, sans-serif;
	}
	
	#headout {
		background-color: #444;
	}
	
	p.message {
		border: 1px dotted #eee;
		background-color: #444;
	}	
	
	p.error_message {
		background-color: darkred;
	}
	
	a:link {
		color: skyblue;
	}
	
	a:visited {
		color: skyblue;
	}	
	
	a:hover {
		color: lightblue;
	}
	
	.button_group a {
		background-color: #444;
	}
	
	.button_group a:hover {
		background-color: #777;
	}
	
	div.large .button_group a span {
		color: #ccc;
	}
	
	.labeltable td.even {
		background-color: #282828;
	}
	
	.start_item {
		background-color: #393939;	
	}
	
	#wrap .content h1 .links a {
		background-color: darkgoldenrod;
		color: black;
	}
	
	.formitemnest {
		background-color: #393939;		
	}
	
	.formitemnest:hover {
		background-color: #555;
	}	
	
	.datatable th {
		color: black;
	}
	
	.datatable td.odd {
		background-color: #444;
	}
	
	.datatable td.even {
		background-color: #393939;
	}	
	
	.formitem input:matches([type="text"], [type="password"], [type="email"], [type="tel"], [type="date"]) {
		background-color: #999;
		border: 1px solid #bbb;
		padding: 2px;
	}
	
	.formitem select {
		background-color: #999;
		border: 1px solid #bbb;
	}
	
	.form_wrap_group .base {
		background-color: #333;
	}

	
	.club_cubbies .labeltable td.even, .club_cubbies .datatable td.even, .club_cubbies .queue_card ul li a, .club_cubbies .button_group a, .club_cubbies .start_item, .club_cubbies #crumb .change .options a:link, .club_cubbies .profile_line .who {
		background-color: #555;
	}
	
	.club_sparks .labeltable td.even, .club_sparks .datatable td.even, .club_sparks .queue_card ul li a, .club_sparks .button_group a, .club_sparks .start_item, .club_sparks #crumb .change .options a:link, .club_sparks .profile_line .who {
		background-color: #555;
	}
	
.club_tt .labeltable td.even, .club_tt .datatable td.even, .club_tt .queue_card ul li a, .club_tt .button_group a, .club_tt .start_item, .club_tt #crumb .change .options a:link, .club_tt .profile_line .who {
		background-color: #555;
	}	
	
.club_ctrack .labeltable td.even, .club_ctrack .datatable td.even, .club_ctrack .queue_card ul li a, .club_ctrack .button_group a, .club_ctrack .start_item,  .club_ctrack #crumb .change .options a:link, .club_ctrack .profile_line .who  {background-color: #555;}

.club_trailblazers .labeltable td.even, .club_trailblazers .datatable td.even, .club_trailblazers .queue_card ul li a, .club_trailblazers .button_group a, .club_trailblazers .start_item,  .club_trailblazers #crumb .change .options a:link, .club_trailblazers .profile_line .who  {background-color: #555;}
	
	
	textarea.copyandpaste {
		color: white;
		background-color: #555;
	}
	
	.form_wrap_group p {
		background-color: #555;
	}
	
	#links {
		border-top: 1px dotted #777;
	}
	
	#crumb, #wrap .content h1 {
		border-bottom: 1px dotted #606060;
	}
	
	.account_box {
		background-color: #484848;
		border: 1px dotted darkred;
	}
	
	.section_picker_grouping {
		background-color: #484848;
	}
	
	.section_picker {
		background-color: #444;
	}
	
	.section_picker:hover, .formitemnest:hover {
		background-color: darkgoldenrod;
	}
	
	.datatable td.odd.completed {background-color: #303030;}
	.datatable td.even.completed {background-color: #383838;}
	
	.section_picker .details { color: #bbb;}
	
	.datatable td.subhead {
		#222;
	}
	
	
	.checkin_person.attend-h {
		background-color: #105926;
	}

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