/* Theme Structure CSS - Uses CSS variables for colors */
/* This file contains all structural CSS that doesn't vary by school */
/* Color values are defined in school-specific colors_school.css files */

/******************MISC************************/

.dataTables_wrapper,
#progress_report_content,
#gradebook_content,
#attendance_content,
#student_transcripts_content,
#fact_sheet_content,
#dashboard_content,
#general_settings_content {
	margin: 10px !important;
}

.blank {
	opacity: .5;
}

.blank:after {
	opacity: .5;
	float: left;
	margin-top: -240px;
	margin-left: 30px;
	font-size: 1.5em;
	content: 'NO DATA AVAILABLE';
}

.ui-tabs {
	padding: 6px !important;
}

#tabs h3 {
	font-size: 18px;
	margin-top: 12px;
}

#tabs h4 {
	font-size: 16px;
}

/******************TEXT************************/

a {
	color: #333333;
}

a:hover {
	color: #333333 !important;
}

#container a.bigredbutton:hover,
a.bigredbutton:hover,
.bigredbutton:hover,
#container a.bigredbutton,
a.bigredbutton,
.bigredbutton {
	color: #ffffff !important;
}

#widget_content a,
.money a,
.detail_header_section table td a,
.contact_card a,
.pop_up_details a,
ul.pop_up_list li a,
.add_event a,
.assignment_attr a,
.login_success a,
.directory_login_footer a,
.listing_details a.admin_edit .name,
.listing_details a.admin_edit,
.listing_details table td.person_name a,
.listing_details table td.relative_name a,
.task_header_container .task_content a,
td.donor.info_row table td.donor_donations table td a,
table.detail_table a,
table.display tr.row_selected td.info_row table.detail_table a,
td.student_contract.info_row table td.student_contract_history table td a,
table.row_details td a:hover,
table.detail_table a,
table.display tr.row_selected td.info_row table.detail_table a,
td.donor.info_row table td.donor_donations table td a {
	color: #333333 !important;
}

#table.display tbody tr:hover a.newbutton,
#table.display tbody tr.row_selected a.newbutton,
#table.display tbody tr.row_selected:hover td a.newbutton,
#table.display tbody tr.details:hover ul.ui-tabs-nav li.ui-state-default a,
#table.display tbody tr.details:hover table.detail_table td a,
#table.display tbody tr.details:hover table.donor_details td a,
#table.display tbody tr.details:hover .task_header_container .task_content a,
#table.display tbody tr.details:hover .detail_header_section td a,
#table.display tbody tr.details:hover td a {
	color: #333333 !important;
}

#table.display tbody tr:hover a,
#table.display tbody tr.row_selected a,
#table.display tbody tr.row_selected:hover td a,
#table.display tbody tr.details:hover table.detail_table tr.row_selected:hover td a,
#table.display tbody tr.details:hover a.more_info,
#table.display tbody tr.details:hover table.checklist a {
	color: white !important;
}

.count,
.groupName {
	color: #333333;
}

.ui-btn-down-c,
.task_due,
.note_created_by,
.file_created_by {
	color: #303030 !important;
}

.menu-pane li.menu-item.disabled a:hover {
	color: #999 !important;
}

table.progress_report_details tr td table.grade_table tr td.empty,
table.student_transcript_details tr td table.grade_table tr td.empty,
table.inquiry_details em {
	color: rgba(162, 162, 162, 0.35) !important;
}


/******************BACKGROUNDS*****************/

#content {
	background-image: none !important;
}

#sidebar {
	background-image: none !important;
	background-color: rgb(250, 250, 250) !important;
}

.sidebar_item:hover {
	background-image: none !important;
	background-color: rgb(240, 240, 240);
}

.directory_group_name.sel,
.directory_group_name,
#directory_listings {
	background-image: none !important;
	background-color: #eaeaea;
}

.detail_field_type_list a:hover {
	background-image: none !important;
	background-color: #000;
}

#hub.widget {
	background-color: var(--color_60_40) !important;
}

.listing.sel,
.edit_group:hover,
.save_group:hover,
.remove_group:hover,
.cancel_edit_group:hover,
table.events_data td.date .date_info {
	background-color: var(--color_35_50) !important;
}

.listing.sel:hover {
	background-image: none !important;
	background-color: var(--color_35_60) !important;
}

.new_note,
.new_file,
.holidaySelected,
.daySelected,
.listing:hover,
.edit_group,
.save_group,
.remove_group,
.cancel_edit_group {
	background-color: var(--color_15_75) !important;
}

.task_due input,
.task_header_container,
.new_task_container,
.task_container,
.comment_revisions_container,
div.notes,
div.files,
div.tests,
.email_history_container,
.new_note_container,
.new_file_container,
.note_container,
.file_container,
.notes,
.files,
.tests,
.progress_report_row:hover,
.comment_table tr td div.comment,
#gradebook_table tr td div.comment,
#lesson_tracking_table tr td div.comment,
.ui-icon-arrow-r {
	background-image: none !important;
	background-color: var(--color_35_75);
}

.highlight,
tr.details,
table:not(#lesson_tracking_table) tr.row_selected,
table:not(#lesson_tracking_table) tr.row_selected:hover,
table:not(#lesson_tracking_table) tr.row_selected td,
table:not(#lesson_tracking_table) tr.row_selected:hover td,
tr.student_progress_report,
tr.student_interim_report,
tr.student_transcript,
tr.fact_sheet,
tr.student_info {
	background-image: none !important;
	background-color: var(--color_50_75) !important;
}

table tr.even:hover,
table tr.odd:hover,
.menu-pane li.menu-item a:hover,
.menu-pane li.menu-item.active a,
.menu-pane li.menu-item.def a {
	background-image: none !important;
	background-color: var(--color_35_75) !important;
}

.menu-pane li.menu-item.disabled a,
.menu-pane li.menu-item.disabled:hover a,
.menu-pane li.menu-item.disabled a:hover {
	background-image: none !important;
	background-color: transparent !important;
}

table tr.even,
#directory_listings,
.donor_type_section,
.detail_field_input.dark {
	background-image: none !important;
	background-color: #f6f6f6 !important;
}

tr.even td.frozen_col_student_name,
tr.even td.frozen_col_open_close {
	background-image: none !important;
	background-color: #f6f6f6 !important;
}

tr.even:hover td.frozen_col_student_name,
tr.odd:hover td.frozen_col_student_name,
tr.even:hover td.frozen_col_open_close,
tr.odd:hover td.frozen_col_open_close {
	background-image: none !important;
	background-color: var(--color_35_75) !important;
}

tr.row_selected td.frozen_col_student_name,
tr.row_selected td.frozen_col_open_close,
tr.row_selected:hover td.frozen_col_student_name,
tr.row_selected:hover td.frozen_col_open_close {
	background-image: none !important;
	background-color: var(--color_50_75) !important;
}

#tabs ul li.ui-state-default.ui-tabs-selected {
	background-image: none !important;
	background-color: white !important;
}

#tabs ul.ui-widget-header {
	background-image: none !important;
	background-color: rgb(210, 210, 210) !important;
}

#header {
	background-image: none !important;
	background-color: var(--color_70_0) !important;
}

.expanded_button,
.big_ass_save_button,
.add_to_group_button,
.remove_from_group_button,
.save_location_button,
.request_submit,
.input.request_submit,
#popup_email_form a.button,
.ui-li-divider,
.ui-button-active,
.ui-btn-active {
	/* Modern gradient with CSS variables - vendor prefixes for older browsers */
	background: -moz-linear-gradient(top, var(--color_50_50) 0%, var(--color_60_50) 100%) !important;
	background: -webkit-linear-gradient(top, var(--color_50_50) 0%, var(--color_60_50) 100%) !important;
	background: linear-gradient(to bottom, var(--color_50_50) 0%, var(--color_60_50) 100%) !important;
}

.expanded_button:hover,
.big_ass_save_button:hover,
.add_to_group_button:hover,
.save_location_button:hover,
.remove_from_group_button:hover,
.request_submit:hover,
.input.request_submit:hover,
#popup_email_form a.button:hover {
	background-image: none !important;
	background-color: var(--color_55_50) !important;
}

.subgroup .directory_group_name,
.subgroup .directory_group_name.sel,
.sidebar_item.sel,
.sidebar_item.sel:hover,
#directory_group_list .category_heading,
#directory_group_list .category_heading.sel {
	border-top: 1px solid var(--color_50_40) !important;
	border-bottom: 1px solid var(--color_55_40) !important;
	background-image: none !important;
	background-color: var(--color_50_40) !important;
	text-shadow: none !important;
}

#directory_group_list .category_heading {
	border-top: 1px solid var(--color_40_60) !important;
	border-bottom: 1px solid var(--color_35_60) !important;
	background-image: none !important;
	background-color: var(--color_35_60) !important;
	text-shadow: none !important;
}

.directory_group_name.sel,
.directory_group_name,
.menu-pane li.menu-item a:hover,
.menu-pane li.menu-item.active a,
.menu-pane li.menu-item.def a,
.ui-btn-down-c {
	background-image: none !important;
	background-color: var(--color_10_75) !important;
}

.ui-widget-header {
	background-image: none !important;
	background-color: #e0e0e0 !important;
}

.ui-state-default {
	background-image: none !important;
	background-color: #eeeeee !important;
}

.ui-focus {
	-moz-box-shadow: 0px 0px 12px #bbb;
	-webkit-box-shadow: 0px 0px 12px #bbb;
	box-shadow: 0px 0px 12px #bbb;
}

/******************BORDERS*********************/

body {
	border-top: 1px solid var(--color_60_25);
}

.calendar_list_item,
.empty_category,
.sidebar_item,
#directory_group_list .directory_selectAll,
#directory_group_list .directory_group {
	border-top: 1px solid rgba(255, 255, 255, 0) !important;
	border-bottom: 1px solid rgb(235, 235, 235) !important;
}

#hub.widget .widget_body .widget_content .hub_column h2 span a.newbutton.nofloat {
	border-top-color: var(--color_60_70) !important;
	border-bottom-color: var(--color_60_70) !important;
}

#hub.widget .widget_body .widget_content .hub_column h2 span a.newbutton.nofloat:first-child {
	border-left-color: var(--color_60_70) !important;
}

#hub.widget .widget_body .widget_content .hub_column h2 span a.newbutton.nofloat:last-child {
	border-right-color: var(--color_60_70) !important;
}

#todos,
.buddies,
#email_history,
#notes {
	border-top: 1px dashed var(--color_35_75);
}

.big_pop_up_header,
.pop_up_heading,
#table_wrapper.quickstats #tabs h3,
#rss_feeds_content h3 {
	border-bottom: 3px solid #333333 !important;
}

table.recommendations textarea,
table.checklist input.checklist_date,
.task_edit textarea,
.note_edit textarea,
.file_edit input[type=text] {
	border: 1px solid var(--color_65_50) !important;
}

.expanded_button,
.big_ass_save_button,
.add_to_group_button,
.save_location_button,
.remove_from_group_button,
.request_submit,
.input.request_submit,
#popup_email_form a.button {
	border: 1px solid var(--color_85_50) !important;
}

.expanded_button:hover,
.big_ass_save_button:hover,
.add_to_group_button:hover,
.save_location_button:hover,
.remove_from_group_button:hover,
.request_submit:hover,
.input.request_submit:hover,
#popup_email_form a.button:hover {
	border-color: #000 !important;
}

table.row_details td a:hover,
.task_header_container .task_content a {
	border-color: #333333 !important;
}

.ui-widget-header,
#dashboard_content table {
	border: 1px solid #bbbbbb !important;
}

.ui-widget-default,
.ui-state-default {
	border-top: none !important;
}

#ui-datepicker-div .ui-widget-default,
#ui-datepicker-div .ui-state-default {
	border-top: 1px solid #ddd !important;
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active {
	border: 1px solid #888 !important;
}

#tabs ul li.ui-state-default {
	border-top: 1px solid rgb(211, 211, 211) !important;
}

#tabs ul li.ui-tabs-selected,
#tabs ul li.ui-state-default:hover {
	border-top: 1px solid rgb(170, 170, 170) !important;
}

table.display {
	border-right: 1px solid #bbbbbb !important;
	border-left: 1px solid #bbbbbb !important;
}

#dashboard_content table {
	border-top: none !important;
	border-bottom: none !important;
}

/* Border radius utilities */
.ui-corner-tl,
.ui-corner-top,
.ui-corner-left,
.ui-corner-all {
	border-top-left-radius: 3px !important;
}

.ui-corner-tr,
.ui-corner-top,
.ui-corner-right,
.ui-corner-all {
	border-top-right-radius: 3px !important;
}

.ui-corner-bl .ui-corner-bottom,
.ui-corner-left,
.ui-corner-all {
	border-bottom-left-radius: 3px !important;
}

.ui-corner-br,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-all {
	border-bottom-right-radius: 3px !important;
}

#widget,
.ui-corner-all {
	border-radius: 3px !important;
}

#total_header th {
	border-top: none !important;
	border-color: rgb(190, 190, 190) !important;
}

.ui-widget-header.details_footer th {
	border-color: rgb(190, 190, 190) !important;
}

.ui-widget-header th:last-child,
th:last-child.ui-state-default {
	border-right: none !important;
}

#tabs ul.ui-widget-header,
.expanded_button,
.big_ass_save_button,
.add_to_group_button,
.save_location_button,
.remove_from_group_button,
.request_submit,
.input.request_submit,
#popup_email_form a.button {
	border-radius: 2px !important;
}