/* 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_custom.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,
.ui-icon-arrow-r {
	background-image:none !important;
	background-color: var(--color_35_75);
}
.highlight,
tr.details,
table tr.row_selected,
table tr.row_selected:hover,
table tr.row_selected td,
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; 
}