@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:400|Barlow:400,700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

.material_icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }


a { text-decoration: none; }
body { margin:0; font-family: Barlow, san-serif; background-color: var(--secondary-center); color: var(--text-secondary); }
button { padding: 10px 20px; background-color: var(--primary-center); color: var(--text-primary); border: 0; margin: 10px 0; font-size: 1em; }
button.cancel { margin-left: 10px; background-color: var(--tertiary-center); color: var(--text-tertiary); }
html, body { height: 100%; }
input,textarea { color:inherit; }
/* input[type=number]:invalid { background-color:var(--binary-off-light); } */
select { font-family: Barlow, sans-serif; font-size: 1em; border: 0; -webkit-appearance: none; border-radius: 0; margin: 0; background-color: inherit; color: inherit; }
ul { margin-top:0; margin-bottom:0; }

.title, h1 { font-size: 2em; font-weight: normal; }
h2 { font-size: 1.8em; font-weight: normal; margin-bottom: 0; }
h3 { font-size: 1.5em; font-weight: normal; color: var(--text-tertiary-accent1); margin-bottom: 0; }
h4 { font-size: 1.2em; font-weight: normal; margin-bottom: 0; }
.warn { color: var(--text-warn); }

.page_padding { margin:20px 20px 0; }

#app { display: flex; flex-direction: column; overflow: auto; height: 100vh; }
.back_button { margin-right:15px; padding:15px; }
.card_container { display:flex; justify-content:center; flex-wrap: wrap; padding: 15px; }
.card { background-color: var(--tertiary-center); color: var(--text-tertiary); border:1px solid var(--secondary-dark); cursor:pointer; transition-duration: 0.2s; border-radius: var(--border-radius); }
.card:hover { box-shadow: 0px 0px 4px var(--shadow); }
.card_buttons_item_button { font-size: 2em; color: var(--text-tertiary-accent1); }
.card_buttons_item_more { flex-grow: 1; text-align: right; margin-right: 0; }
.card_title { font-family:"Barlow Condensed", san-serif; padding:10px 20px; border-radius: var(--border-radius) var(--border-radius) 0 0; }
.card_graph_circle { opacity: 0.2; }
.card_graph_circle circle { fill: var(--primary-darker); }
.card_graph_scale_line { fill:var(--primary-lightest); }
.card_graph_scale_text { font-family: "Barlow Condensed"; font-size:0.8em; fill:var(--primary-lightest); }
.card_stats, .card_buttons { padding:10px 20px; display:flex; flex-wrap:wrap; }
.card_stats_item, .card_buttons_item { margin-right:10px; }
.card_stats_item_title, .card_buttons_item_title { font-family:"Barlow Condensed", san-serif; text-transform: uppercase; color: var(--text-tertiary-accent1); font-size:0.8em; }
.card_stats_item_stat { font-size:1.3em; }
#content_container { flex-grow: 1; }
.filter_category { font-family:"Barlow Condensed", san-serif; text-transform: uppercase; color: var(--primary-lighter); font-size:0.8em; margin: 10px 15px; white-space: nowrap; }
.filter_count_container { display: flex; }
.filter_count { padding-right:3px; }
.filter_selection.filter_input, .filter_selection.filter_range { background: var(--primary-light); color: var(--text-primary); margin: 10px 15px; padding: 0 5px; }
.filter_selection.filter_input input, .filter_selection.filter_range input { background: transparent; margin: 0px; padding: 5px; border: 0; color: var(--text-primary); font-family: Barlow, san-serif; font-size: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.filter_selection.filter_input input::placeholder, .filter_selection.filter_range input::placeholder { color:var(--primary-lighter); }
.filter_selection.filter_input input { width: 100%; }
.filter_selection.filter_range input { width: 50%; }
.fixwidth_title, .settings_title { padding:15px 15px 0; display: flex; align-items: center; }
.delete_click_hover_button .hover_button_title { padding:15px; }
.delete_click_hover_button .hover_button_dropdown { margin-top:0 !important; background-color:var(--binary-off-light); color: var(--binary-off); }
.delete_click_hover_button button.delete { background-color:var(--binary-off); color: var(--binary-off-light); }
.hover_button, .click_hover_button, .title_button { display:inline-block; position:relative; background-color:var(--primary-center); color:var(--text-primary); cursor:pointer; border-radius: var(--border-radius); }
.hover_button:hover, .click_hover_button.hover { border-radius: var(--border-radius) var(--border-radius) 0 0; }
.hover_button_dropdown { background-color:var(--primary-center); cursor:pointer; z-index:2; }
.hover_button_title { display: flex; align-items:center; z-index:1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
.hover_button_title .material_icons { padding-right:3px; }
.hover_selection .material_icons, .hover_dropdown_item_inline .material_icons, .settings_checks .material_icons, .settings_radios .material_icons { padding-right:3px; }
.hover_selection, .hover_dropdown_item_inline { display: flex; align-items: center; }
.hover_selection, .hover_dropdown_item { padding: 10px 15px; white-space: nowrap; }
.list_container { background-color:var(--tertiary-center); margin: 0 15px; color: var(--text-tertiary); }
.list_footer { margin: 0 15px; background-color: var(--secondary-dark); color: var(--text-secondary); padding:3px 10px; font-family: "Barlow Condensed"; font-size:0.8em; border-radius: 0 0 var(--border-radius) var(--border-radius); }
.list_header { background-color: var(--secondary-dark); color: var(--text-secondary); border-bottom: 1px solid var(--primary-lightest); padding:3px 10px; font-family: "Barlow Condensed"; font-size:0.8em; border-radius: var(--border-radius) var(--border-radius) 0 0; }
.list_header_sortable { display:flex; align-items: center; cursor:pointer; }
.list_header_sortable:hover .list_header_sort { display: block; padding-left: 3px; }
.list_header_sort { display:none; }
.list_item { border-bottom: 1px solid var(--primary-lightest); padding: 10px; }
.list_item:nth-child(even) { background-color: var(--secondary-light); }
.list_item:hover { background-color:var(--secondary-center);}
.mimic_container { padding: 5px; background-color: var(--primary-center); color: var(--text-primary); }
.mimic_disable { display: inline-flex; align-items: center; padding:5px; border-radius: var(--border-radius); }
.mimic_disable:hover { background-color: var(--primary-light); }
.mimic_container .material_icons { padding-right: 5px; }
#nav_container { width: 100%; position: sticky; left: 0; z-index: 100; }
#nav_container, .nav_bar .nav_selection .nav_dropdown { background-color: var(--primary-center);  }
.nav_bar { display: flex; z-index:100; }
.nav_bar .nav_selection, .nav_bar .nav_item, .nav_dropdown_close_items, .nav_login_small > .nav_selection, .hover_button_close_items { color: var(--text-primary); float: left; padding: 10px 15px; position: relative; text-decoration: none; transition-duration: 0.5s;  }
.nav_bar > .nav_selection { padding: 7px 15px 15px;}
.nav_bar > .nav_selected .underline_uncolored { margin-top:2px; border-radius: 1px; border: 1px solid var(--primary-center); }
.nav_dropdown { z-index:100; }
.nav_dropdown .nav_selection { cursor: pointer; }
.nav_dropdown .nav_selection, .nav_dropdown .nav_selection { display:block; float:none; }
.nav_dropdown_close_items, .hover_button_close_items { display: flex; align-items: center; justify-content: space-around; width: 100%; box-sizing: border-box; }
.nav_logo_b { fill:var(--logo-b); }
.nav_logo_l { fill:var(--logo-l); }
.nav_dropdown_close_text, .hover_button_close_text { flex-grow: 1; }
.nav_selection.nav_icon { display: inline-flex; flex-direction: column; justify-content:center; }
.nav_selection_students { display: inline-flex; flex-wrap:wrap; }
.nav_menu__public_push { flex-grow: 1; }
.nav_icon .material_icons { font-size: 1.6em; }
.nav_separator, .hover_separator { margin:0 15px; border-radius: 1px; border: 1px solid var(--primary-lighter); }
.nav_title { display:flex; align-items:flex-end; height:100%; font-size:1.4em; }
.nav_class { font-size: 1.6em; }
.nav_label, .hover_label { color: var(--primary-lighter); font-family:"Barlow Condensed", san-serif; margin: 5px 15px; text-transform: uppercase; }
.section_container { background-color: var(--tertiary-center); color: var(--text-tertiary); margin: 15px 0; border-radius: var(--border-radius); }
.section_divider_title { background-color: var(--secondary-dark); color: var(--text-secondary); margin: 15px 0; padding: 5px 15px; font-size: 0.8em; }
.section_title { background-color: var(--primary-center); color: var(--text-primary); display: flex; align-items: center; border-radius: var(--border-radius) var(--border-radius) 0 0; }
.section_title_text { padding: 5px 15px; font-size: 0.8em; flex-grow:1; }
.settings_checks, .settings_radios { display: inline-flex; align-items: center; color: var(--text-tertiary-accent1); cursor: pointer; border-radius: var(--border-radius); }
.settings_checks.checked, .settings_checks:hover, .settings_radios.checked, .settings_radios:hover { color: var(--text-tertiary); }
.settings_checks_stacked { display:flex; }
.settings_field_container { border-bottom:1px solid var(--text-tertiary-accent1); margin:15px; display: flex; align-items: baseline; }
.settings_field_container .settings_field_input, .settings_read_only_container .settings_field_input { padding-left: 6px; width: 100%; }
.settings_field_container_stack { margin:15px; display: flex; flex-direction: column; }
.settings_field_container_stack_input { border-bottom:1px solid var(--text-tertiary-accent1); margin:15px; display: flex; flex-direction: column; }
.settings_field_grow { flex-grow: 1; }
.settings_field_title { font-family:"Barlow Condensed", san-serif; color: var(--text-tertiary-accent1); font-size:0.8em; white-space: nowrap; }
.settings_field_input input { background: transparent; width: 100%; margin: 0; border: 0; padding: 0; font-family: Barlow, san-serif; font-size: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.settings_read_only_container { padding:15px; display: flex; align-items: baseline; }
.settings_theme_selection { padding:0; }
.settings_theme_selection_name { padding: 10px 15px; flex-grow:1; }
.settings_theme_selection_secondary { padding: 10px 15px; min-width:50px; }
.sheet { border-collapse: collapse;/*  height: 100%; */ }
.sheet td, .sheet th { padding: 0; text-align: left; height: inherit; }
.sheet tr { height: 1px; }
.sheet tr:nth-child(even) { background-color: var(--secondary-light); }
.sheet tr:nth-child(odd) { background-color: var(--tertiary-center); }
.sheet_container { clear:both; height: 100%; padding: 0 10px 10px; box-sizing: border-box; }
.sheet_container thead { position: sticky; top: -1px; z-index: 2; vertical-align: bottom; }
.sheet_container th { font-family:"Barlow Condensed", san-serif; font-weight: 400; background-color: var(--secondary-center); }
.sheet_container thead tr th:first-of-type { left: 0; z-index: 3; border:0; }
.sheet_container tbody tr td:first-of-type, .sheet_container thead tr th:first-of-type { position: sticky; left: -1px; z-index: 1; background-color: var(--secondary-center); }
.sheet_last_row { height:100% !important; }
#title_container { width: 100%; position: sticky; left: 0; z-index: 50; }
.title_hover_button { padding:15px; margin:15px; }
.title_hover_button .hover_button_dropdown { z-index:90; }
.underline_colored { margin-top:2px; border-radius: 1px; border: 1px solid; }
.underline_uncolored { margin-top:2px; border-radius: 1px; border: 1px solid var(--primary-center); }
.value_error { display:inline-block; background-color:var(--binary-off-light); color: var(--binary-off); padding:5px; font-size:0.9em; }

.parallax_back { -webkit-transform: translateZ(-300px) scale(1.4); transform: translateZ(-300px) scale(1.4); z-index: 3; }
.parallax_base { -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 4; }
.parallax_deep { -webkit-transform: translateZ(-600px) scale(3); transform: translateZ(-600px) scale(3); z-index: 2; }
.parallax_fore { -webkit-transform: translateZ(90px) scale(.9); transform: translateZ(90px) scale(.9); z-index: 1; }
.parallax_group { position: relative; min-height: 450px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.parallax_img { background-color:#fff; background-size:cover; background-position: center; }
.parallax_layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.pane1 { min-height:80vh; z-index: 5; /* slide over group 2 */ }
.pane1 .parallax_base { background-color:var(--secondary-center); }
.pane1 .parallax_fore { /* pointer-events:none; */ }
.pane1 .parallax_fore .parallax_message { position:absolute; bottom:10px; padding:0 30px; color:#fff; text-shadow: 0 0 10px rgba(0,0,0,.5); font-weight: 700; opacity:0.9; text-transform: uppercase; }
.pane1_img1 { background-image: url('/images/pencil_board.jpeg'); }
.pane2 { z-index: 3; /* slide under groups 1 and 3 */ }
.pane2 .parallax_fore { /* color:#fff; padding: 50vh 20px; font-size:1.5em; */ }
.pane2 .parallax_base { background-color: var(--secondary-dark); }
.pane3 { z-index: 4; /* slide over group 2 and 4 */ }
.pane3 .parallax_base { background-color: var(--secondary-center); }
.pane4 {  z-index: 2; }
.pane4_img1 { background-image: url('/images/shelf_rug.jpeg'); }
.pane4 .parallax_deep { background-color: var(--secondary-dark); }
.pane5 { z-index: 3; }
.pane5 .parallax_base { background-color: var(--secondary-center); }
.pane6 { z-index: 2; }
.pane6 .parallax_base { background-color: var(--secondary-dark); }
.pane7 { z-index: 3; }
.pane7 .parallax_base { background-color: var(--secondary-center); }

.pane2 .parallax_base, .pane3 .parallax_base, .pane4 .parallax_base, .pane5 .parallax_base, .pane6 .parallax_base { position: relative; height:100%; }

.public_app {  overflow-x: hidden !important; -webkit-perspective: 1000px;  perspective: 1000px; }

.public_card_container .card_title { font-size: 2em; }
.public_card_container img { width: 100% }
.public_floating_title { padding:0 30px; font-weight:700; color:var(--primary-light); opacity:0.5; }
.public_learn_more { position:absolute; bottom:10px; right:10px; }
.public_learn_more .hover_button_title { padding: 15px; font-weight: 700; font-size: 2em; }
.public_nav_container { z-index: 7; /* slide over group 1 */ }


@media (max-width: 595px) { .card { margin-bottom:15px; width:100%; } }
@media (min-width: 596px) { .card { margin:15px; min-width:250px; flex-basis:0; } }

@media (max-width: 767px) {

	.hover_button_dropdown { margin-top: 15px; }
	.nav_bar, .hover_button_dropdown { visibility: hidden; opacity: 0; position: absolute; transition: opacity 0.5s ease; left: 0; display: none; background-color: var(--primary-center); }
	.nav_bar_container { cursor: pointer; display: flex; align-items: center; }
	.nav_bar_container > .nav_bar { align-self: flex-start; margin-top: 70px; }
	.nav_bar_container.hover > .nav_bar, .hover_button.hover > .hover_button_dropdown, .click_hover_button.hover > .hover_button_dropdown { padding:0; visibility: visible; opacity: 1; display: flex; flex-direction: column; }
	#nav_menu__logo_lg, #nav_menu__classes_lg, #nav_menu__reports_lg { display:none; }
	.nav_bar .nav_selection > .underline_uncolored { border-color: var(--primary-lighter); }
	.nav_selection_small { display: flex;min-height: 50px;color: var(--text-primary);padding: 10px; align-items:center; flex-grow: 1; }
	.settings_checks, .settings_radios { padding: 8px 8px 8px 0; }
	.settings_checks .material_icons, .settings_radios .material_icons { font-size:1.6em; }
	.settings_field_input input { font-size: 1.5em; }
	.underline_colored, .underline_uncolored { display:none; }
	.nav_selection_small > .nav_class { padding-left:10px; }

	.pane1 .parallax_fore .parallax_message { font-size:2.3em; }
	.public_card_container { padding-top:130px; padding-bottom:140px; }
	.public_floating_title { margin-top:-40px; font-size:2.5em; }
	.public_learn_more { margin-bottom:-40px; }

	@media (hover: hover) {
		.nav_bar_container:hover > .nav_bar, .hover_button:hover > .hover_button_dropdown { padding:0; visibility: visible; opacity: 1; display: flex; flex-direction: column; }
		.nav_bar_container:hover > .nav_bar { align-self: flex-start; margin-top: 70px; }
		.nav_dropdown_close, .hover_button .hover_button_close { display:none; }
	}
}

@media (min-width: 768px) {

	.fixwidth_container, .grid_container, .settings_container { padding:0 15px; }
	.nav_bar_container { margin:0 auto;  }
	.nav_bar .nav_selection .nav_dropdown, .hover_button .hover_button_dropdown, .click_hover_button .hover_button_dropdown { visibility: hidden; opacity: 0; min-width: 300px; position: absolute; transition: all 0.5s ease, margin-left 0s; margin-top: 15px; left: 0; display: none; }
	.nav_bar .nav_selection.hover, .hover_button.hover, .click_hover_button.hover, .hover_button .hover_selection.hover { background-color: var(--primary-light);}
	.nav_bar .nav_selection.hover > .nav_dropdown, .hover_button.hover > .hover_button_dropdown, .click_hover_button.hover > .hover_button_dropdown { padding:0; visibility: visible; opacity: 1; display: block; border-radius: 0 0 var(--border-radius) var(--border-radius); }
	.nav_bar .nav_selection.hover > .underline_uncolored { border-color: var(--primary-lighter); }
	.nav_bar > .nav_selected .underline_uncolored { border-color: var(--primary-lightest); }
	.nav_logo { margin:3px 0 -3px; }
	#nav_menu__thisclass, #nav_menu__classes_sm, #nav_menu__reports_sm, #nav_menu__logo_sm { display:none; }
	.nav_selection_small, .nav_login_small { display: none; }
	.settings_basic_section { display: flex; }
	.settings_checks, .settings_radios { margin-right: 3px; }
	.settings_field_input input { font-size: 1em; }
	.underline_colored { border-color: var(--tertiary-center); }

	.pane1 .parallax_fore .parallax_message { font-size:4em; }
	.parallax_group { height:50vh; }
	.public_card_container { padding-top:100px; }
	.public_floating_title { margin-top:-40px; font-size:4em; }

	@media only screen {
		.fixwidth_container, .fixwidth_title, .settings_container, .settings_title { max-width:994px; margin:0 auto; }
	}

	@media (hover: hover) {
		.nav_bar .nav_selection:hover > .nav_dropdown, .nav_bar .nav_selection:focus-within > .nav_dropdown,
		.nav_bar .nav_selection .nav_dropdown:hover, .nav_bar .nav_selection .nav_dropdown:focus-within,
		.hover_button:hover > .hover_button_dropdown, .hover_button:focus-within > .hover_button_dropdown,
		.hover_button .hover_button_dropdown:hover, .hover_button .hover_button_dropdown:hover { padding:0; visibility: visible; opacity: 1; display: block; border-radius: 0 0 var(--border-radius) var(--border-radius); }
		.nav_bar .nav_selection:hover, .nav_bar .nav_selection:focus-within,
		.click_hover_button .hover_selection:hover, .click_hover_button .hover_selection:focus-within,
		.hover_button:hover, .hover_button .hover_selection:hover, .hover_button .hover_selection:focus-within, .title_button:hover { background-color: var(--primary-light); }
		.nav_bar .nav_selection:hover > .underline_uncolored,
		.nav_bar .nav_selection:focus-within > .underline_uncolored { border-color: var(--primary-lighter); }
		.nav_dropdown_close, .hover_button .hover_button_close { display: none; }
		.nav_dropdown .nav_selection:hover, .hover_selection:hover { border-radius: var(--border-radius); }
	}

	.hover_button:hover .hover_button_dropdown, .click_hover_button.hover .hover_button_dropdown { border-top-right-radius: var(--border-radius); }
	.hover_button[data-dropdown-right-align="true"]:hover .hover_button_dropdown, .click_hover_button[data-dropdown-right-align="true"].hover .hover_button_dropdown { border-top-left-radius: var(--border-radius); border-top-right-radius: 0; }
	.hover_button[data-dropdown-align-side="left"][data-dropdown-right-align="true"]:hover .hover_button_dropdown, .click_hover_button[data-dropdown-align-side="left"][data-dropdown-right-align="true"].hover .hover_button_dropdown { border-top-left-radius: var(--border-radius); border-top-right-radius: 0; border-bottom-right-radius: 0; }

}

.card_buttons_item_more .hover_button { background-color:inherit; }
.card_buttons_item_more .hover_button:hover, .card_buttons_item_more .hover_button .hover_button_dropdown { color: var(--text-tertiary-accent1); background-color: var(--tertiary-center); max-width: 220px; }
.card_buttons_item_more .hover_button:hover .hover_button_title { color: var(--text-tertiary); background-color: var(--primary-lightest); }
.card_buttons_item_more .hover_button .hover_button_dropdown { margin-top: 0; margin-left:-180px; max-width:210px; min-width:210px; border:1px solid var(--primary-lightest); }
.card_buttons_item_more .hover_button .hover_selection:hover { background-color: var(--primary-lightest); border-radius: var(--border-radius); }
.card_buttons_item_more .hover_button .hover_button_close_items { color: var(--text-tertiary-accent1); text-align:left; }

/* content building */
.content_building_container { display:flex; flex-direction:column; margin:20vh auto; width:320px;  }
.content_building_icon { font-size:5em; }
.content_building_icon, .content_building_text { text-align: center; color:var(--primary-lighter); }

/* loading */
.content_loading_container { display:flex; flex-direction:column; margin:20vh auto; width:128px;  }
.content_loading_icon { width:128px; height:128px; }
.content_loading_icon_circle { stroke:var(--primary-lightest); }
.content_loading_icon_path { stroke:var(--primary-center); }
@keyframes content_loading_icon_spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.content_loading_icon { animation: content_loading_icon_spinner 1s linear infinite; }
.nav_loading_container { font-size: 1.6em; padding:7px 15px 15px; color:var(--text-primary); }

/* content error */
.content_error_container { display:flex; flex-direction:column; margin:20vh auto; width:320px;  }
.content_error_icon { font-size:5em; }
.content_error_icon, .content_error_text { text-align: center; color: var(--text-warn); }

/* content saving */
.nav_saving_container { padding:10px; color: var(--text-primary); display: none; justify-content: flex-end; align-items: center; position: fixed; top: 10px; right: 25px; box-shadow: 0px 0px 4px var(--shadow); border-radius: 10px; z-index:101; background-color: var(--primary-center); }
.nav_saving_icon { width:16px; height:16px; }
.nav_saving_icon_circle { stroke:var(--primary-lightest); }
.nav_saving_icon_path { stroke:var(--primary-light); }
@keyframes nav_saving_icon_spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.nav_saving_icon { animation: content_loading_icon_spinner 1s linear infinite; }
.nav_saving_label { padding-left:5px; }

/* theme colors */
/* .theme_[name] { background-color: (primary-center); color: (text-primary); } .theme_[name]_secondary { background-color: (secondary-center); } */
@media only screen and (prefers-color-scheme: light) {
	.theme_banana { background-color: #fcea79; color:#312300; } .theme_banana_secondary { background-color: #563d00; }
	.theme_coral { background-color: #ff6666; color:#ffcbcc; } .theme_coral_secondary { background-color: #ffc28d; }
	.theme_desert { background-color: #79481f; color:#eac8ac; } .theme_desert_secondary { background-color: #eac8ac; }
	.theme_overcast_green { background-color: #006B00; color:#D6FBD6; } .theme_overcast_green_secondary { background-color: #f4f4f4; }
	.theme_overcast_orange { background-color: #eb8524; color:#ffddbd; } .theme_overcast_orange_secondary { background-color: #f4f4f4; }
	.theme_purple_cream { background-color: #4F2673; color:#DCC8ED; } .theme_purple_cream_secondary { background-color: #FFF6D5; }
	.theme_sea_blue { background-color: #4f94b9; color:#d6ebf7; } .theme_sea_blue_secondary { background-color: #f3fbff; }
	.theme_sea_blue_dark { background-color: #4f94b9; color:#1b5977; } .theme_sea_blue_dark_secondary { background-color: #0c3042; }
}
@media only screen and (prefers-color-scheme: dark) {
	.theme_banana { background-color: #fcea79; color:#312300; } .theme_banana_secondary { background-color: #563d00; }
	.theme_coral { background-color: #8f2525; color:#4a0001; } .theme_coral_secondary { background-color: #643208; }
	.theme_desert { background-color: #e4ba98; color:#140900; } .theme_desert_secondary { background-color: #311600; }
	.theme_overcast_green { background-color: #006B00; color:#D6FBD6; } .theme_overcast_green_secondary { background-color: #f4f4f4; }
	.theme_overcast_orange { background-color: #eb8524; color:#ffddbd; } .theme_overcast_orange_secondary { background-color: #f4f4f4; }
	.theme_purple_cream { background-color: #4F2673; color:#DCC8ED; } .theme_purple_cream_secondary { background-color: #FFF6D5; }
	.theme_sea_blue { background-color: #4f94b9; color:#d6ebf7; } .theme_sea_blue_secondary { background-color: #f3fbff; }
	.theme_sea_blue_dark { background-color: #4f94b9; color:#1b5977; } .theme_sea_blue_dark_secondary { background-color: #0c3042; }
}


/* flatpicker overrides */
.flatpickr-calendar { background: var(--tertiary-center); color: var(--text-tertiary); border-radius:0; box-shadow: 0px 0px 4px var(--shadow); font-size:0.9em; }
.flatpickr-calendar.arrowTop:after { border-bottom-color: var(--primary-lightest); }
.flatpickr-calendar.arrowTop:before { border-bottom: 0; }
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { color: var(--primary-center); }
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: var(--primary-center); color: var(--text-primary); border-color: var(--primary-center); }
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { background-color: var(--primary-lightest); border-color: var(--primary-lightest); }
.flatpickr-months { background: var(--primary-lightest); padding-bottom: 3px; }
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--primary-light); }
span.flatpickr-weekday { color: var(--primary-light); font-weight: normal; }


@media only print {

	body { width:900px; color: var(--text-secondary) !important; }

	#app { overflow:inherit; height: auto; }
	#nav_container { border-bottom:2px solid var(--primary-dark); }

	.delete_click_hover_button, .hover_button .hover_button_dropdown, .click_hover_button .hover_button_dropdown,
	#nav_menu__assessments, #nav_menu__classes_lg .nav_dropdown, #nav_menu__classes_lg .underline_colored, #nav_menu__classes_lg .material_icons, #nav_menu__classes_sm, #nav_menu__logo_lg .nav_dropdown, #nav_menu__logo_sm, #nav_menu__reports_lg .nav_dropdown, #nav_menu__reports_lg .underline_colored, #nav_menu__reports_lg .material_icons, #nav_menu__students, #nav_menu__terms, #nav_menu__thisclass,
	.nav_saving_container, .nav_selection_small, .nav_login_small,
	.title_button, .title_hover_button { display:none; }
	.fixwidth_container, .fixwidth_title { padding-left:0; padding-right:0; }

	@page { margin: 1cm; }
	img, h1, h2, h3 { page-break-inside: avoid; }
	p, h1, h2, h3 { orphans: 3; widows: 3; }
	h1, h2, h3 { page-break-after: avoid; }

}