.italicized { font-style: italic;}
.strong 	{ font-weight: var(--txt-wt-b);}

#infobox { padding:0; }
#infobox .options, #infobox p.indented, #infobox div.indented { margin-bottom: var(--spc-9) !important; }

body>.footer {
	height:17px;

}

#main ul.tabs {	list-style:none; padding:0;	margin: -9px 0 var(--spc-9);	height:27px; padding-left:63px;	border-bottom:1px solid var(--black-075); }
#main ul.tabs li { float:left; }
#main ul.tabs li a { display:block; padding: 5px var(--spc-6) var(--spc-3); text-decoration:none; }
#main ul.tabs li a:hover { background-color:var(--black-050); }
#main ul.tabs li a.current { border:1px solid var(--black-075); border-bottom:none; background:var(--white); padding-top: var(--spc-3); padding-bottom:5px; padding-left: var(--spc-5); padding-right: var(--spc-5);	cursor:default; }

#main a:hover,
#main .box label a:hover,
#main #col2 h4 a:hover,
.minical a:hover,
.minical a.ps2:hover,
.fb_content a:hover {
	text-decoration: underline;
	cursor: pointer;
}

.rightcontrols {
	float: right;
	text-align: right;
}

.editInfoErrors{
	color:var(--red-500);
	font-size: var(--txt-sz-2xs);
	position: absolute;
	top: 19px;
	left: 3px;
	display: none;
}

form div.formErrors,
#main #addEditForm div.formErrors{
	color:var(--red-500);
	font-size: var(--txt-sz-2xs);
	position: absolute;
	left: 0;
	display: none;
}

.no_border { border:none !important; }

#colwrap h4 {
	margin-left: var(--spc-6);
	margin-right: var(--spc-6);
}

.section label, #addBatchForm label { float:left; }

#infobox .options, #infobox p.indented, #infobox div.indented { margin-bottom: var(--spc-9) !important; }

#person_name, #org_name {
	margin-bottom: var(--spc-1);
	padding-top: var(--spc-10);
}

.bigname {
	font-size: var(--txt-sz-5xl);
	overflow-x: hidden;
	font-weight: var(--txt-wt-bl);
}

.profile_display_ids_programs { display:flex; align-items:center; gap: var(--spc-4); overflow:hidden; width: 100%; white-space:nowrap; }
.person_display_ids { display:inline-flex; gap: var(--spc-2); margin-top: var(--spc-4); flex-shrink:0; }
.person_display_id { font-size:var(--txt-sz-s); white-space:nowrap; padding: 1px var(--spc-3); background-color:var(--black-050); border-radius:4px; color:var(--txt-clr-mid) }
.profile_display_programs { font-size:var(--txt-sz-s); display:inline-flex; margin-top: var(--spc-4); flex:1 1 auto; min-width:0; overflow:hidden; }
.profile_display_program { flex:0 1 auto;  min-width:0;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.profile_top_right {
	float: right;
	position: relative;
	top: 18px;
	text-align: right;
	background-color: var(--black-050);
	padding-left: var(--spc-10);
	padding-bottom: var(--spc-5);
	background: linear-gradient(to right, rgba(var(--black-025-rgb),0) 0%, var(--black-025) 18px);
	padding-right: var(--spc-11);
	right:-36px;
}

.notes div { margin-top: var(--spc-9); }

.notes p {
	/*ie6 min-height hack*/
	min-height: 36px;
	height: auto !important;
	height: 36px;
}

.notes p span {
	display: block;
	color: var(--txt-clr-mid);
	margin-top: var(--spc-9);
}

.notes p span a { font-weight:var(--txt-wt-r); }

ul.smalltabs {
	margin: 0;
	padding: 0;
	height: 18px;
}

ul.smalltabs li { float:left; }

ul.smalltabs a {
	padding: 0 var(--spc-4);
	display: block;
	font-size:var(--txt-sz-s);
	line-height: 18px;
}

ul.smalltabs a.current {
	background-color: var(--black-050) !important;
	cursor: default;
}

ul.smalltabs a.current:hover{
	text-decoration: none !important;
}

#relationships .indented,
#student_info .indented,
#campus_life_info .indented,
#degrees .indented,
#recent_donations .indented {
	margin-bottom: 0;
}

#recent_donations .recent_donation {
	margin-bottom: var(--spc-7);
}

#recent_donations .recent_donation label {
	text-transform: none;
}

.notesadd {
	background-color: var(--black-025);
	clear: left;
	padding: 0 var(--spc-6);
	border: 1px solid var(--black-075);
	border-radius: 6px;
	margin-top: 0 !important;
	margin-bottom: var(--spc-9);
	padding-bottom: var(--spc-6);
}

.filterdiv,
#colwrap .filterdiv {
	margin-top: -17px;
	margin-bottom: var(--spc-9);
	margin-right: 0;
	margin-left: 0;
	padding: var(--spc-4) var(--spc-7) 5px;
	border-radius:3px;
	border: 1px solid var(--black-075);
}

div.underh4 {
	margin-top: -3px;
	margin-bottom: 17px;
}

.hascontrolbar div.filterdiv {
	margin-right: -18px;
	margin-left: -18px;
}

div.filterdiv a,
div.filterdiv a:hover {
	font-size: var(--txt-sz-m);
	color: var(--txt-clr-mid);
	text-decoration: none !important;
}

div.filterdiv form,
form.filters {
	padding: var(--spc-6) var(--spc-6) 5px;
	padding-bottom: var(--spc-6);
	margin: 0 -9px;
}

div.filterdiv label,
form.filters {
	color:var(--txt-clr-mid);
	text-transform: capitalize !important;
	display: table-cell;
}

.filterdiv .num_results { font-size:var(--txt-sz-m); color:var(--txt-clr-mid); }

.notesadd label {
	color:var(--txt-clr-mid);
	font-size: var(--txt-sz-s);
}

#facebox label {
	clear: left;
}

.notesadd form div { margin-bottom: 0; }

.notesadd textarea {
	width: 100%;
	height: 65px;
	margin: var(--spc-5) 0 -3px;
}

#prereqs ul li,
#members ul li {
	font-weight: var(--txt-wt-b);
}

#prereqs ul ul li,
#members ul ul li {
	font-weight: var(--txt-wt-r);
}

#prereqs ul ul li,
#links ul li,
#assignments ul li,
#lti_tools_div .options ul li {
	list-style: circle;
	margin-left: var(--spc-8);
}
#links .links-dropdown ul li {
	list-style: none;
	margin-left: 0;
}

#col1 div.options, #col2 div.options,
.col1 div.options, .col2 div.options {
	padding-bottom: 0 !important;
}

.filterdiv div.options {
	padding-bottom: var(--spc-6);
	display: table-cell;
	padding-left: var(--spc-6);
}

#facebox form div.radioButtons {
	margin: 0 0 0 123px;
	padding-bottom: var(--spc-1);
	position: relative;
}

#facebox .wider_form label { width:190px !important; }
#facebox .wider_form .options { margin-left:190px; }

form label {
	color: var(--txt-clr-base);
}
#settings #col1>label,
#settings #col1 .setting_container>label,
#settings #col1 #lti_tools_div>label,
#col1 #settings .setting_container>label,
#col1 .settings_form>.setting_container>label,
#settings .col1>label,
#settings .col1 .setting_container>label,
#settings .col1 #lti_tools_div>label,
.col1 #settings .setting_container>label,
.col1 .settings_form>.setting_container>label,
.settingForm-label {
	width: auto !important;
	float: none !important;
	font-size:var(--txt-sz-xl);
	font-weight:var(--txt-wt-sb);
}
#settings #col1>.options,
#settings #col1 .setting_container>.options,
#settings #col1 #lti_tools_div>.options,
#col1 #settings .setting_container>.options,
#col1 .settings_form>.setting_container>.options,
#settings .col1>.options,
#settings .col1 .setting_container>.options,
#settings .col1 #lti_tools_div>.options,
.col1 #settings .setting_container>.options,
.col1 .settings_form>.setting_container>.options {
	margin-left: 0 !important;
	margin-bottom: var(--spc-9);
	padding-bottom: var(--spc-9) !important;
	border-bottom:1px dotted var(--black-100);
}
#facebox #settings .setting_container>.options {
	margin-left: 0 !important;
	margin-bottom: var(--spc-9);
	padding-bottom: var(--spc-9) !important;
}
#col1 #settings .setting_container>.options,
.col1 #settings .setting_container>.options {
	border-bottom:none;
}
.setting_container>p.description>span {
	display:list-item;
	margin-left:20px;
}
#settings pre { font-family: monospace; }
#settings textarea { width:495px; }
#settings input[type="text"],
#settings input[type="password"],
#settings input[type="number"],
#settings input[type="tel"],
#settings input[type="email"],
#settings input[type="url"] {
	width:495px;
}
.description { color:var(--txt-clr-mid); font-size:var(--txt-sz-m); margin-bottom:0.25em; width:495px; }
.description a { color:inherit; text-decoration:underline; }
.fld-bdy .description { line-height:var(--lh-m); }


#facebox form .dpFormErrors,
#facebox form .formErrors {
	color:var(--red-500);
	font-size:var(--txt-sz-s);
	position: absolute;
	bottom: 3px;
	left: 0;
	display: none;
	white-space: nowrap;
}

.fld-bdy .formErrors {
	position: relative !important;
	bottom: 0 !important;
}

#facebox .editinfo .options .dpFormErrors {
	top: 0;
	left: -100px;
	margin-right: -100px;
	position: relative;
}

#facebox form .dpFormErrors {
	top: 0;
	left: -81px;
	margin-right: -81px;
	position: relative;
}

#facebox form .requirementErrors {
	color:var(--red-500);
	font-size: var(--txt-sz-2xs);
	position: absolute;
	bottom: 5px;
	left: 24px;
	display: none;
}

#facebox form .personFormErrors {
	color:var(--red-500);
	font-size: var(--txt-sz-2xs);
	position: absolute;
	bottom: 5px;
	left: 8px;
	display: none;
}

#facebox form .scheduleFormErrors {
	color:var(--red-500);
	font-size: var(--txt-sz-2xs);
	position: relative;
	bottom: 0;
	left: 82px;
	display: none;
}

#facebox form textarea { margin:0; }

.col2list {
	line-height:var(--lh-m);
}

.box table { margin-bottom:-1px; }
.box table.data { margin-bottom:var(--spc-9) !important; }

table input[type="text"], table input[type="number"] {
	text-align: right;
	width: 46px;
}

.fb_content input[type="text"] {
	text-align: left;
	width: 166px;
}

td p:last-child {
	margin-bottom: 0;
}

.gradebook thead td { padding:0 !important; }
.gradebook tbody td {
	height:35px;
	padding: var(--spc-2);
	box-sizing:border-box;
}

.gradebook-cell-percent,
.student_assignment_points {
	display:inline-block;
	width:49px;
	color:var(--txt-clr-mid);
	font-size:var(--txt-sz-s);
	line-height:24px;
}
.student_assignment_points {
	width: 34px;
}

.gradebook-scroller-left,
.gradebook-scroller-right,
.lesson-progress-scroller-left,
.lesson-progress-scroller-right,
.schedule-scroller-left,
.schedule-scroller-right  {
	cursor:pointer;
	position:absolute;
	bottom:0;
	width:14px;
	z-index:99;
	border-left:1px solid var(--black-100);
	border-right:1px solid var(--black-100);
	background-color:var(--black-035);
	transition-property:background-color;
	transition-duration:.2s;
}
.gradebook-scroller-left:hover,
.gradebook-scroller-right:hover,
.lesson-progress-scroller-left:hover,
.lesson-progress-scroller-right:hover,
.schedule-scroller-left:hover,
.schedule-scroller-right:hover{
	background-color: var(--black-025);
}
.gradebook-scroller-left-arrow,
.gradebook-scroller-right-arrow,
.lesson-progress-scroller-left-arrow,
.lesson-progress-scroller-right-arrow,
.schedule-scroller-left-arrow,
.schedule-scroller-right-arrow {
	position:absolute;
	left:-6px;
	top:50%;
	margin-top:-55%;
}
.gradebook-scroller-left,
.gradebook-scroller-right 		{ top:36px; }
.lesson-progress-scroller-left,
.lesson-progress-scroller-right,
.schedule-scroller-left,
.schedule-scroller-right 		{ top:0; }
.gradebook-scroller-left 		{ left:254px; }
.lesson-progress-scroller-left 	{ left:200px; }
.schedule-scroller-left 		{ left:0; }
.gradebook-scroller-right,
.lesson-progress-scroller-right,
.schedule-scroller-right 		{ right:0; }


#files ul { font-size:var(--txt-sz-s); line-height:var(--lh-base); text-transform:uppercase; font-weight:var(--txt-wt-b); }
#files ul a { color:var(--txt-clr-subtle); }
#files ul ul { margin-left: var(--spc-6);	text-transform:none; font-weight:var(--txt-wt-r); }

.file-meter { background:var(--black-050); height:9px; margin: var(--spc-2) 0; border-radius:6px; overflow:hidden; }
.file-meter div { height:100%; border-radius:6px;  }
.file-meter div.filesok { background-color:var(--green-700); }
.file-meter div.fileswarning { background-color:var(--yellow-300);}
.file-meter div.filesfull { background-color:var(--red-400);}



.loading { cursor: wait; }
td a img,
td span img {
	margin-bottom: -2px;
}

th img {
	margin-bottom: -1px;
}

.editinfo label {
	float: left;
	clear: left;
	width: 160px;
	margin-left: 10px;
}

.editinfo .options {
	margin: 0 0 0 123px;
	padding-bottom: var(--spc-9);
	position: relative;
}

#facebox #description p{
	padding: 0;
}
#facebox #image img{
	margin: 0 var(--spc-9) var(--spc-9) 0;
	float: left;
}

.finalinfofieldsetinset {
	width: 287px;
	overflow: scroll;
	max-height: 300px;
}

.onlineapplication { border-bottom:1px dotted var(--black-100); margin-bottom:var(--spc-9); }
.onlineapplication h5 { font-size:var(--txt-sz-m); }
.onlineapplication label { float:left; width:92px; color:var(--txt-clr-subtle); }

.container,
.faculty_container,
.multi_container{
	height: 90px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid var(--black-200);
	padding: var(--spc-2);
	background-color:var(--white);
}

#editAll .sync_container label,
#facebox .sync_container label,
#facebox .container label,
.container label {
	float: none;
	margin-left: 0;
	padding-left: 0;
	width: auto;
	display: inline;
	font-weight: var(--txt-wt-r);
	font-size: var(--txt-sz-s);
}

.bookdescription {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}

.bookdescription div { margin-left:126px; }

.nowrap,
.nowrap a{ white-space:nowrap !important; }

.notice { color:var(--gold-700); text-align:left; padding:0; margin:0; }

.form_errors_container {margin-bottom: var(--spc-7); }

#roles { margin-top:0; margin-left:81px; margin-bottom: var(--spc-2); }

#composecontrols {
	padding: 0 0 var(--spc-5);
	display: flex;
	flex-direction: column;
	gap: var(--spc-3);
}
.composecontrols-row { display:flex; gap: var(--spc-6); align-items:center; }
.composecontrols-row-r { display:flex; flex:1; }

#composecontrols_buttons { position:relative; z-index:1000; padding: var(--spc-7) 0; }
.js-email-compose .modalcontrols { margin:0; padding: var(--spc-7); position:static; }
#composecontrols label {
	display: block;
	width: 62px !important;
	text-align: right;
	font-weight:var(--txt-wt-b);
}

#composecontrols textarea {
	height: 28px;
	margin: 0;
	overflow:hidden;
	max-height: 100px;
	overflow-y: scroll;
}

#emailbody {
	border: none;

	font-size: 1em;
	height: 100%;
	overflow-x: hidden;
	width: 100%;
	padding: 0;
}

fieldset.left {	width:280px; margin-right:30px; float:left; }
fieldset.right { width:280px; }

#meetingDays{ margin-bottom: var(--spc-9); height:18px; }

#meetingDays label {
	margin-left: 1px;
	margin-right: var(--spc-2);
	float: none;
}

#meetingDays input { margin-left:5px !important; }
#meetingDays input:first-child { margin-left:0 !important; }

.chartbox {	height:423px; width:46%; margin-right:3%; margin-bottom: var(--spc-12); display:inline-block; vertical-align: top; }
.chartbox-full-width {	width:96%; margin-right:3%; margin-bottom:96px; display:inline-block; }

.newDropDown { float:right !important; position:relative; margin: 0 0 0 var(--spc-1) !important; z-index:9998; }
.newDropDown ul { display:none; position:absolute; top:30px; right:0; z-index:9998; border:1px solid var(--black-075); background-color:var(--white); padding: var(--spc-4); border-radius:6px; box-shadow:0 1px 6px rgba(var(--shadow-rgb),.15); }
.newDropDown ul li { float:none !important; margin:0 !important; }
.newDropDown ul li:first-child { border:none; }
.newDropDown ul li a { display:block; color:var(--black-600) !important; background-color:var(--white) !important; text-shadow:none !important; padding-bottom:0 !important; }
.newDropDown ul li a:hover { background-color:var(--black-050) !important; color:var(--txt-clr-mid) !important; }

.newDropDown ul:before {
	position: absolute;
	top: -7px;
	left: auto;
	right: 9px;
	content: '';
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid var(--black-100);
	display: inline-block;
}
.newDropDown ul:after {
	position: absolute;
	top: -6px;
	left: auto;
	right: 10px;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid var(--white);
	display: inline-block;
}

#actions { display:none; }

#editRolesDropdown ul li,
#editRolesDropdown ul li label,
#rolesDropdown ul li,
#rolesDropdown ul li label { display:inline-block; }

#rolesDropdown ul li { margin-bottom: var(--spc-2); }

#rolesDropdown,
#editRolesDropdown { width:300px; }

#rolesDropdown { top:18px; left:0; }
#editRolesDropdown { top:30px; left:0; }

#rolesDropdown input,
#editRolesDropdown input { float:left; margin-right: var(--spc-2); }

#rolesDropdown label,
#editRolesDropdown label {
	width:121px !important;
	clear:none;
	color: var(--txt-clr-mid) !important;
	font-weight: var(--txt-wt-r);
	text-transform: none !important;
	margin-bottom: 0;
	line-height: 16px !important;
}

#email_message_roles_ul li { border:none; }
#email_message_roles_ul label { font-weight:var(--txt-wt-r); }


/* PAGINATION */
.pagination { font-size:var(--txt-sz-m); height:auto; user-select:none;}
.pagination a, .pagination a:active { text-decoration:none; color:var(--black-800) !important; transition:all .1s ease-in-out;}
.pagination a, .pagination span { display:block; float:left; padding: var(--spc-1) var(--spc-5); margin-right: var(--spc-1); border-radius:3px; }
.pagination span { }
.pagination a:hover { background-color:var(--black-050); text-decoration:none !important; }
.pagination .current { cursor:default; color:var(--white); background-color:var(--txt-clr-mid); }

.pagination .prev::before { font-family:var(--fa-family-classic); content:'\f104'; }
.pagination .next::before { font-family:var(--fa-family-classic); content:'\f105'; }

.controlbar .pagination .current.prev, .controlbar .pagination .current.next,
.pagination .current.prev, .pagination .current.next { color:var(--txt-clr-mid); text-decoration:none; }
.pagination .current.prev, .pagination .current.next { color:var(--black-400);  background-color:transparent;}

.controlbar .pagination a { background-color:transparent; color:var(--txt-clr-mid); }
.controlbar .pagination a:hover { background-color:var(--black-075); }
.controlbar .pagination .current { background-color:var(--black-050); }
.controlbar .pagination .current.prev, .controlbar .pagination .current.next { color:var(--txt-clr-subtle); background-color:transparent; }
.controlbar .pagination a, .controlbar .pagination span { margin-right:0; }
/* END PAGINATION */

/*	DATA NINJA  */
.ninja_condition{ margin: var(--spc-6) 0 0 0; line-height: 28px; }

#ninja_groupby span .new_select { margin-right: var(--spc-2); }

.ninja_displaycol {	margin-bottom: var(--spc-9); }
.ninja_group>div:first-child { margin: 0 0 1em; padding: var(--spc-2) var(--spc-6) var(--spc-7); background-color: var(--black-035); position: relative; border-radius: 3px; }
.ninja_group_andor { margin-bottom: 1em; }
/*	END DATA NINJA  */

/* ACCOUNTING */
.void {	color: var(--white); background-color: var(--red-500); }
#main .void a {	color: var(--white); text-decoration: underline; }
.reversal {	color: var(--white); background-color: var(--gold-800); }
#main .reversal a { color: var(--white); text-decoration: underline; }
/* END ACCOUNTING */

.bold {	font-weight: var(--txt-wt-b); }

/* Contact info */
.inlineEdit { padding-bottom: var(--spc-9); position:relative; }
.inlineEdit p, .inlineEdit div { margin-bottom: 0; margin-right: var(--spc-7);}
.editing p, .editing div { margin-right:0; }
.bigname p { margin-bottom: var(--spc-9); }

.oldContactInfo, .hover .oldContactInfo {
	display: none;
	color: var(--gold-800);
}
.oldContactInfo, .hover .oldContactInfo, .oldContactInfo .controls { background-color: var(--gold-050) !important; }

.frozen .hover				{ background-color: transparent; }
.editing, .editing .controls{ background-color: var(--black-050) !important; padding-right:0;}
.controls, .editcontrols	{ font-weight:var(--txt-wt-r); position:absolute; bottom:0; right:0; line-height:var(--lh-base); font-size:var(--txt-sz-s); }

#contact_info .controls,
#other_info .controls,
#viewInfo .controls,
#members_parent .controls,
#assignments .controls,
#custom_info_fields_container  .controls
#custom_info_fields_container .controls
{ bottom:auto; top:0; background-color:var(--white); padding: 0 0 var(--spc-4) var(--spc-4); }

#contact_info .controls a,
#other_info .controls a,
#viewInfo .controls a,
#members_parent .controls a,
#assignments .controls a,
#contact_info .editcontrols a,
#other_info .editcontrols a,
#viewInfo .editcontrols a,
#members_parent .editcontrols a,
#custom_info_fields_container  .controls,
#settings  .editcontrols a
{ color:var(--txt-clr-mid); }

.editSection { border:1px solid var(--black-075); border-radius:3px; }
.editSection label { width:96px !important; }
#editQuestionForm div.options, #newChunk div.options, #editQuestionGroupForm div.options { padding-bottom: var(--spc-9) !important; }

#categoriesUl li, .answer li { margin-bottom: var(--spc-1); white-space: nowrap; line-height: 24px; }
#categoriesUl li { position:relative; }

.question_answer_options	{ display:flex; flex-direction:column; gap: var(--spc-1); white-space:nowrap; line-height:24px; }
.question_answer_options-order {  list-style:decimal; padding-left: var(--spc-9); }
.question_answer_options-multiple_choice input[type="text"] { width:64% !important; }
.question_answer_options-multiple_answer input[type="text"] { width:87% !important; }
.question_answer_options-short_answer input[type="text"] { width:68% !important; }
.question_answer_options-fill_in_the_blank input[type="text"] { width:77% !important; }
.question_answer_options-order input[type="text"] { width:100% !important; }

.inlineEdit form,
.info-field form	{ padding-bottom: var(--spc-9); margin-bottom:-18px; }
.bigname form		{ margin-bottom:0; }

.hoverable .is-locked,
.hoverable .is-synced,
.hoverable .is-primary,
.hoverable .is-not-primary,
.hoverable .is-not-locked,
.hoverable .is-not-synced {
	float:left; margin: var(--spc-1) 0 0 var(--spc-2);
}
.hoverable .is-not-locked,
.hoverable .is-not-synced,
.hoverable .is-not-primary {
	display:none;
}
.hoverable:hover .is-not-locked,
.hoverable:hover .is-not-synced,
.hoverable:hover .is-not-primary {
	display:inline-block;
}
.frozen .inlineEdit .controls,
.frozen .inlineEdit .is-not-primary,
.frozen .inlineEdit .is-not-locked,
.frozen .inlineEdit .is-not-synced {
	display:none !important;
}
.frozen .editing .displaydata {
	display:none !important;
}

.todos .inlineEdit { padding-bottom:0; padding-left: var(--spc-4); }
.todos .inlineEdit .controls { left:-40px; top:0; right:auto; bottom:auto; padding: 0 0 0 var(--spc-3); width:40px; background-color:var(--black-050);
								border-radius:9px 0 0 9px;
}

.sectionTitle { font-weight: var(--txt-wt-b); }

.deleteconfirm, .confirm_delete, .deleteconfirm .controls { background-color: var(--red-050) !important; }

/*	Online testing	*/
.orderable li { cursor:ns-resize; padding: var(--spc-2) var(--spc-4); margin-bottom: var(--spc-4); background-color:var(--black-050); border-radius:3px; }

div.correct, label.correct, p.correct, li.correct, span.correct, td.correct { color:var(--green-700); }
label.incorrect, p.incorrect, li.incorrect, span.incorrect, td.incorrect { color:var(--red-500); }

.blankslate { border-bottom:1px dotted var(--black-100);  }
.blankslate a { color:var(--txt-clr-mid); line-height:var(--lh-t); }
.blankslate a:hover, .blankslate a:active { color:var(--txt-clr-mid); border-bottom-color:var(--black-100); }

.pillchooser { font-size:var(--txt-sz-s); margin: var(--spc-6) 0; color:var(--txt-clr-mid); }
.pillchooser a { padding: 1px var(--spc-6); color:var(--txt-clr-mid); border-radius:4px; }
.pillchooser a:hover { text-decoration:none !important; background-color:var(--black-050); color:var(--txt-clr-mid); }
.pillchooser a.chosen { background-color:var(--black-650); color:var(--white); cursor:default !important; }

.payment { margin-bottom: var(--spc-4); padding: var(--spc-4) var(--spc-6); background-color:var(--black-050); }
.payment .dollar_payment { width:53px; }
.payment .percent_payment { width:34px; }

.days_after_div, .date_div { margin-bottom: var(--spc-6); }
.payment .amount{ display: none; }
.payment:first-child .amount{ display: inline !important; }
.payment .remove{ float:right; }
.payment:first-child .remove{ display: none; }
.payment label { width:76px !important; }
#col2 .payment div.options { margin-left:76px !important; }


.payment-plan-payment {
	margin-bottom: var(--spc-9);
}
.payment-plan-payment:first-child .amount{ display: inline !important; }
.payment-plan-payment:first-child .remove{ display: none; }

/* New  Profile Layout */
#main { min-height:332px; }
.singlecol { background-color:var(--white); position:relative; top:0; padding: 30px 42px var(--spc-9); min-height:296px; box-shadow:0 1px 0 rgba(var(--shadow-rgb),.1); }
#colwrap { width:100%; }
.student-tab-fullwidth #col1 { width:100%; padding-right:0; }

#main #col1 .box label { width:123px; }
#main #col1 .box p.indented, #main #col1 .box div.indented { margin-left:123px; }

#main #col1 .box.wide label { width:130px !important; }
#main #col1 .box.wide p.indented, #main #col1 .box.wide div.indented { margin-left:130px !important; }



#colwrap h4 { margin-left:0 !important; margin-right:0 !important; }

#col1 h4 { margin-left:0; margin-right:0; }
#col1 .box { padding-left:0; padding-right:0; }

.farleftcol { float:left; margin: var(--spc-9) var(--spc-11) var(--spc-9) 42px; width:160px; font-size:var(--txt-sz-s); line-height:var(--lh-m); white-space:normal; overflow-wrap: anywhere; position:relative; z-index:2; }
.farleftcol dl { list-style:disc; list-style-position:inside; }
.bigname { display:inline; }

.farleftcol .farleftcol_chunk { margin-bottom: var(--spc-9); }

.filterdiv { margin-top:0 !important; margin-right:0 !important; margin-left:0 !important; }
.tags dd { margin:0; }
#tags { margin-bottom: var(--spc-2); }
#tags.hover { background-color:transparent; }
#tags.hover .fa-tag { display:none; }
#tags .fa-trash-can { display:none; }
#tags.hover .fa-trash-can { display:inline-block; }
#tags.hover dd { background-image:none; }
#roles  { margin-bottom: var(--spc-2); margin-left:0; }



.truncation_block { overflow:hidden; } /* you'll need to set the height inline when using this class - more flexible */

#feed_options li label { font-weight:var(--txt-wt-r); }

.feed_event { font-size:var(--txt-sz-m); line-height:var(--lh-base);  border-bottom:1px solid var(--black-050); padding: var(--spc-6) var(--spc-2); margin: var(--spc-6) 0; position:relative; overflow-wrap: anywhere; }
.feed_event_file, .feed_read_more, .read_more { font-size:var(--txt-sz-m); }
.feed_event.hover { background-color:transparent !important; }
.feed_event .controls { top:9px; right:9px; }

.postedelsewhere, .completed_todo { margin-bottom: var(--spc-2); font-size:var(--txt-sz-s); padding: var(--spc-2) var(--spc-4); background-color:var(--black-025); }
.postedelsewhere { font-style:italic; }
.postedelsewhere a { font-style:normal; }
.completed_todo { border-width:1px 0; border-color:var(--black-050); border-style:solid; position:relative; }
.completed_todo .controls { position:absolute; top:0; right:0; background-color:var(--black-050) !important; padding: 0 var(--spc-2); }
.completed_todo .todo_name { text-decoration:line-through; }

.loadmore { display:block; background-color:var(--black-025); border:1px solid var(--black-100); color:var(--black-600); cursor:pointer; margin-top: var(--spc-9); text-align:center; border-radius:6px; line-height:24px; }
.loadmore:hover { background-color:var(--black-050); color:var(--black-600); text-decoration: none !important; }

.change_item { border-radius:6px; background-color:var(--black-025); border:1px solid var(--black-075); font-size:var(--txt-sz-s); margin: var(--spc-6) 0 var(--spc-4); padding: var(--spc-2) var(--spc-4); word-break: break-all;}

.reordering .lesson { background-color:var(--black-050); padding: var(--spc-4); }
.reordering .lesson img { position:relative; top:1px; }
.reordering_view { display:none; cursor:ns-resize; }
.reordering .ordered_view { display:none;  }
.reordering .reordering_view { display:block; }

.deleted_post { display:none; }

.showForPrintBlock { display:none; }

.no_additional_amount { background-color:var(--black-025); color:var(--txt-clr-mid); }
.no_additional_amount p { display:block !important; }

.fadeout { height:27px; position:absolute; bottom:0; left:0; right:0;
	background: linear-gradient(to bottom, rgba(var(--white-rgb),0) 0%,var(--white) 100%);
}

.alert { display:flex; align-items:center; gap: var(--spc-6); border-radius:4px; padding: var(--spc-4); color:var(--txt-clr-mid); }

.alert:hover { background-color:var(--black-050); text-decoration:none !important; }

.file_list { border:1px solid var(--black-075); height:350px; min-width:450px; margin-bottom: var(--spc-9); overflow:auto; }
.file_list>div { padding: var(--spc-2) var(--spc-4) 0; }
.file_list input { float:left; position:relative; top:2px; }
.file_list>div>div { margin-left:22px; }
.file_list label { float:none !important; }
.file_list>div>div>span { color:var(--txt-clr-subtle); font-size:var(--txt-sz-s); }

.vimeo-player,
.youtube-player,
.prezi-player {
	display:block;
}

.righttermbutton,
.lefttermbutton {
	text-align: center;
}
.manage_courses .choose_term {
	height: 24px;
	font-weight:var(--txt-wt-b);
	background: var(--black-050);
	border-radius: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--spc-6);
	padding: var(--spc-2) var(--spc-3);
}
.manage_courses .choose_term a { color:var(--black-800); }
.manage_courses .search_add_course { width:360px; }
.manage_courses .added_courses { margin-bottom: var(--spc-9); width:474px; min-height:48px;}
.manage_courses .added_courses>div { display:flex; gap: var(--spc-6); padding: var(--spc-8) 0; border-bottom:1px dotted var(--black-075); position:relative; }

.manage_courses .course_settings input[type="text"] { width:100px; }


.roster_new_students_container {
	margin-bottom: var(--spc-9);
}



#transferCredits div.options {
	margin-left: 110px !important;
	padding-bottom: 0 !important;
}

#transferCredits .editing label { width:110px !important; }



.remote_update_original { display: none; }

.survey_chunk { background-color:var(--white); border:1px solid var(--black-075); border-radius:3px; margin-bottom: var(--spc-6); }
.survey_chunk_body { padding: var(--spc-6); position:relative; }
.survey_chunk_body h4 { border:none !important; margin:0 !important; }
.survey_chunk_controls { position:relative; text-align:right; font-size:var(--txt-sz-xl); background-color:var(--black-025); padding: var(--spc-4) var(--spc-4); border-radius:0 0 2px 2px; }
.survey_chunk_reorder { position:absolute; bottom:9px; left:50%; cursor:ns-resize; transform: translateX(-50%);}
.survey_chunk ol li input { width:90% }
.survey_chunk .form_error { padding: var(--spc-4) var(--spc-6) 0; }

.application_chunk { background-color:var(--white); border:1px solid var(--black-075); border-radius:3px; margin-bottom: var(--spc-6); }
.application_chunk_body { padding: var(--spc-6); position:relative; }
#fields_container_div .application_chunk_body { padding-bottom:0; }
.application_chunk_body h4 { border:none !important; margin:0 !important; }
.application_preview .application_chunk_body h4 { border-bottom:1px var(--black-075) solid !important; margin:0 !important; }
.application_chunk_body p.indented, div.indented { margin-left: var(--spc-7); }
.application_chunk .application_chunk_reorder { position:absolute; bottom:3px; left:50%; cursor:ns-resize; }
.application_chunk ol li input { width:90% }
.application_chunk .form_error { padding: var(--spc-4) var(--spc-6) 0; }

.form_chunk { background-color:var(--white); border:1px solid var(--black-075); border-radius:3px; margin-bottom: var(--spc-6); }
.hidden_form_chunk { background-color:var(--yellow-050); border:1px solid var(--yellow-200); }
.form_chunk_body { padding: var(--spc-6); position:relative; }
.form_chunk_body h4 { border:none !important; margin:0 !important; }
.form_preview .form_chunk_body h4 { border-bottom:1px var(--black-075) solid !important; margin:0 !important; }
.form_chunk_body p.indented, div.indented { margin-left: var(--spc-7); }
.form_chunk_controls { position:relative; text-align:right; font-size:var(--txt-sz-xl); background-color:var(--black-025); padding: var(--spc-4); border-radius:0 0 2px 2px; }
.form_chunk .form_chunk_reorder { position:absolute; bottom:9px; font-size:.8em; left:50%; cursor:ns-resize; }
.form_chunk ol li input { width:90% }
.form_chunk .form_error { padding: var(--spc-4) var(--spc-6) 0; }
.form_inline_page_break { margin:32px 0; border-bottom: 1px dashed var(--black-075); }

.form_header_image { max-height: 150px; max-width: 100%; display: block; margin:0 auto 2em auto; }
.form_title { font-size:var(--txt-sz-5xl); margin:.5em 0 2em; font-weight: var(--txt-wt-b); text-align: center; line-height: var(--lh-m); }
.form_heading { font-size: var(--txt-sz-2xl); font-weight: var(--txt-wt-b); }
.form_section { margin-bottom: var(--spc-9); padding: var(--spc-5) var(--spc-5) var(--spc-8); position: relative; }
.form_content { font-size:var(--txt-sz-l); }
.form_section.office_use { background-color:var(--black-050); border-radius: 3px; }
.form_field_body input[type=number] { width:154px; }
.form_field_answer_list li { margin-bottom: var(--spc-4); }
.form_field_answer_list li label { margin-left: var(--spc-4); }
.form_field_body table.likert { font-size:var(--txt-sz-m); }
.form_field_body table.likert thead th { text-align:center; vertical-align:bottom; }
.form_field_body table.likert td,.form_field_body table th { border-bottom:none; }
.form_field_body table.multi_likert td,.form_field_body table.multi_likert th { border-bottom:1px solid var(--black-050); }
.form_field_body table.likert tbody th { background-color:var(--black-050); width:300px; font-weight:var(--txt-wt-r); padding: var(--spc-4); }
.form_field_body table.likert tbody .altrow th { background-color:var(--black-025); }
.form_field_body table.likert tbody td { text-align:center; }
.form_field_body table.likert tbody td label { padding: var(--spc-4) 25%; }
.form_field_body .donation_amount_option { width:100%; box-sizing:border-box;color:var(--txt-clr-mid); border-radius:4px; box-shadow:0 1px 0 rgba(var(--shadow-rgb),.1); line-height:24px; margin-bottom: var(--spc-6); padding: var(--spc-6); font-size:var(--txt-sz-l); background-color:var(--black-050); display: flex; align-items: center; justify-content: space-between; }
.form_field_name { font-size:var(--txt-sz-xl); font-weight: var(--txt-wt-b); margin-bottom: var(--spc-4); }
.form_field_description { color:var(--black-600); font-size:var(--txt-sz-m); margin-bottom: var(--spc-6);}
.form_field_ordered_option { list-style:decimal; margin-left: var(--spc-7); margin-bottom: var(--spc-6); white-space:normal; cursor: ns-resize; padding: var(--spc-2) var(--spc-4); background-color: var(--black-050); border-radius: 3px; }
.form_field_ordered_option.disabled:focus,
.form_field_ordered_option.disabled { cursor:default !important;  background-color: var(--black-050) !important; }
.form_field_answer_word_counter { display:flex; justify-content:flex-start; gap: var(--spc-9); font-size:var(--txt-sz-s); }
.form_subfield {margin-bottom: var(--spc-9);}
.form_subfield_label {float: none !important;}

.form_navigation { margin: var(--spc-12) 0 var(--spc-7); padding: var(--spc-9) 0 0; min-height:64px; position:relative; border-top:1px dotted var(--black-100); display: flex; justify-content: center; flex-direction: column; gap: var(--spc-5);}
.form_nav_container { display: flex; justify-content: space-between; align-items: center;}
.form_nav_left { min-width: 20%; display:flex; justify-content: flex-start; }
.form_nav_right { min-width: 20%; display:flex; justify-content: flex-end; }
.form_nav_center { min-width: 60%; }
.form_progress_bar { height: 3px; background-color:var(--black-050); min-width:100%; }
.form_progress_bar div { height: 3px; background-color:var(--blue-500); }
.form_progress_bar, .form_progress_bar div { border-radius:2px; }
.form_submit_container, .form_page_num, .form_reset { display: flex; justify-content: center;}
.form_status_information { display:flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--spc-9); margin-bottom: var(--spc-10); }

.lesson_chunk { background-color:var(--white); border:1px solid var(--black-075); border-radius:3px; margin-bottom: var(--spc-6); }
.lesson_chunk label.option_label {color:var(--txt-clr-subtle);}
.lesson_chunk_body { padding: var(--spc-6); position:relative; }
.lesson_chunk_body h4 { border:none !important; margin:0 !important; }
.lesson_chunk_controls { position:relative; text-align:right; font-size:var(--txt-sz-xl); background-color:var(--black-025); padding: var(--spc-4); border-radius:0 0 2px 2px; }
.lesson_chunk_reorder { position:absolute; bottom:9px; font-size:.8em; left:50%; cursor:ns-resize; }
.lesson_chunk ol li input { width:90% }
.lesson_chunk .form_error { padding: var(--spc-4) var(--spc-6) 0; }

.course_evaluation_question_parent { margin-bottom: var(--spc-11); }
.course_evaluation_question_body { margin-bottom: var(--spc-6); }
.course_evaluation_question_response { margin: 0 var(--spc-9); }
#evalSectionsDiv .course_evaluation_question_parent { margin-bottom:0; }

.course_evaluation_likert table { font-size:var(--txt-sz-m); }
.course_evaluation_likert table thead th { text-align:center; vertical-align:bottom; }
.course_evaluation_likert table td,.course_evaluation_likert table th { border-bottom:none; }
.course_evaluation_likert table.multi_likert td,.course_evaluation_likert table.multi_likert th { border-bottom:1px solid var(--black-050); }
.course_evaluation_likert table tbody th { background-color:var(--black-050); width:300px; font-weight:var(--txt-wt-r); padding: var(--spc-4); }
.course_evaluation_likert table tbody .altrow th { background-color:var(--black-025); }
.course_evaluation_likert table tbody td { text-align:center; }
.course_evaluation_likert table tbody td label { padding: var(--spc-4) 25%; }

.course_evaluation_question li input[type="radio"], .course_evaluation_question li input[type="checkbox"] { margin-right: var(--spc-2); }
.course_evaluation_short_answer input, .course_evaluation_essay textarea { width:100%; }

.course_evaluation_essay p, .course_evaluation_short_answer p { border-bottom:1px dotted var(--black-100); padding: var(--spc-7); margin-bottom: var(--spc-2); line-height:var(--lh-m); width:500px; }

.setup_course_evaluation_question { margin: var(--spc-6); }
.setup_course_evaluation_question ol { margin-bottom: var(--spc-6); list-style-type:decimal; padding-top: var(--spc-6);}
.setup_course_evaluation_question_body { clear:both; margin-bottom: var(--spc-6); }
.setup_course_evaluation_question_body textarea { width:100%; }

.top_eval_response, .top_eval_response .pill, .top_eval_response td, .top_eval_response td .pill { color:var(--green-800); }
.top_eval_response { background-color:var(--green-050) !important; }
.top_eval_response .pill { background-color:var(--green-100); }

.discussions-list td {
	height: 48px;
	border-bottom:1px dotted var(--black-100);
}

.discussion_post_read_indicator {position: absolute; top: 20px; left: -20px;}
.reply .discussion_post_read_indicator,
.reply .reply .discussion_post_read_indicator  {position: absolute; top: 26px; }
.reply .reply .discussion_post_read_indicator { left: -70px;}

.num_comments_bubble,
.num_comments_bubble_new {
	float:left;
	font-size:var(--txt-sz-xl);
	line-height:38px;
	text-align:center;
	width:38px;
	height:38px;
	border-radius:50%;
	border-width:1px;
	border-style:solid;
	border-color:var(--black-200);
	color:var(--txt-clr-mid);
	position:relative;
}
.num_comments_bubble_new {
	color:var(--white);
	background-color:var(--indigo-500);
	border-color:var(--indigo-500);
}

.pill_list a { background-color:var(--black-050); padding: 1px var(--spc-4); border-radius:4px; color:var(--txt-clr-mid); display:inline-block; margin-bottom: var(--spc-4); }
.pill_list a:hover { text-decoration:none !important; background-color:var(--black-075); }
.pill_list a span { font-size:var(--txt-sz-s);  padding: 0 var(--spc-4); color:var(--txt-clr-mid); }
.pill_list a.active_pill { background-color:var(--black-650); color:var(--white); }
.pill_list a.active_pill span { color:var(--black-050); }

.schedule_day {
	margin-top: var(--spc-11); position:relative;
}
.schedule_day:first-child{ margin-top: 0 }

.facilities_schedule_block,
.academic_term_schedule_block,
.planner_schedule_block {
	overflow: hidden !important;
	border-radius: 3px;
	padding: var(--spc-2);
	cursor: pointer;
	box-sizing: border-box;
}

.facilities_schedule_block {
	font-size: var(--txt-sz-xs);
	position: absolute;
	display: none;
	opacity: .8;
	color: var(--blue-900);
	background-color: var(--blue-200);
	border: 1px solid var(--blue-400);
}
.facilities_schedule_block:hover {
	opacity: 1;
}

.academic_term_schedule_block {
	font-size: var(--txt-sz-xs);
	position: absolute;
	display: none;
	opacity: .75;
	color: var(--blue-900);
	background-color: var(--blue-200);
	border: 1px solid var(--blue-400);
	width: 88px;
	text-decoration: none !important;
}
.academic_term_schedule_block:hover {
	opacity: 1;
}

.planner_schedule_block {
	opacity: .75;
	color: var(--blue-900);
	background-color: var(--blue-200);
	border: 1px solid var(--blue-400);
}
.planner_schedule_block:hover {
	opacity: 1;
}
.question p { font-size:var(--txt-sz-l); line-height:var(--lh-base); }
.answer ul { line-height:var(--lh-base); width:100%; }


.question-fill_in_the_blank p { line-height:2.4; margin-bottom:0; margin-top:1em; }
.question-fill_in_the_blank p:first-child { margin-top:0; }

.savedStatus { font-size:var(--txt-sz-s); }

#composeemail .defaultSkin table.mceLayout { border:none; }

ol.assignment_test { list-style-type:decimal; padding-left:2.1em; }

.transfer_institution_name{
	font-size: var(--txt-sz-xl);
}
.transfer_institution{
	display: flex;
	align-items: flex-start;
 }
.transfer_institution_actions,
.transfer_degree_actions {
	position: absolute;
	top:0;
	right:0;
}
.transfer_institution_info{
	flex: 1;
	margin-left: var(--spc-7);
	position: relative;
}
.transfer_degree{
	position: relative;
	margin-bottom: var(--spc-9);
}
.transfer_degree_name,
.transfer_section_heading {
	font-size: var(--txt-sz-l);
	font-weight: var(--txt-wt-b);
}
.transfer_degree_type {
	font-style: italic;
}
.transfer_degree_details{
	font-size: var(--txt-sz-s);
}
.transfer_institution_summary {
	margin-left: var(--spc-7);
}
.transfer_degree {
	margin-bottom: var(--spc-9);
}
.transfer_credit_summary {
	margin-bottom: 20px;
	display: flex;
	gap: var(--spc-11);
}
.transfer_credit_summary_status_container {
	display: flex;
	gap: var(--spc-9);
	justify-content: space-between;
}
.transfer_credit_summary_chunk_statuses {
	font-size: var(--txt-sz-s);
}
.transfer_credit_summary_chunk_statuses .transfer_credit_summary_status_name {
 	color: var(--txt-clr-subtle);
}
.transfer_credit_container {
	position:relative;
	padding-bottom: var(--spc-9);
	margin-bottom: var(--spc-9);
	border-bottom:1px dotted var(--black-100);
}
.transfer_credit_details {
	font-size: var(--txt-sz-s);
	display: flex;
	gap: var(--spc-11);
}
.transfer_credit_detail_column{
	display: flex;
	flex-flow: column;
	width: 196px;
	gap: var(--spc-1);
}
.transfer_credit_detail_item{
	display: flex;
	justify-content: space-between;
	gap: var(--spc-9);
}
.transfer_credit_name {
	font-weight: var(--txt-wt-b);
}
.transfer_credit_status {
	margin: var(--spc-2) 0;
}
.transfer_credit_applied {
	font-size:var(--txt-sz-s);
}
.transfer_credit_description {
	font-style: italic;
}
.transfer_credit_added {
	text-align:right;
	margin-top: var(--spc-4);
 }

/* Chat stuff */
.chat_table_wrapper {
	height: 300px;
	overflow-y: auto;
	border-top: 1px solid var(--black-050);
	min-height: 213px;
}
.chat_transcript .chat_table_wrapper {
	height: auto;
	min-height: auto;
}
.chat-compose {
	border:1px solid var(--black-100);
	border-radius:3px;
	height:42px;
	margin-top: var(--spc-6);
	margin-bottom: 0;
	width:100%;
}
.chat-compose-attachment,
.chat-compose-message-wrapper,
.chat-compose-send {
	border-bottom:none;
	padding:0;
}
.chat-compose-attachment,
.chat-compose-send {
	vertical-align:middle;
	background-color:var(--black-050);
}

.chat-compose-attachment {
	padding: 0 var(--spc-6);
	width:1px; /*as small as possible*/
	white-space:nowrap;
}
.chat-compose-message-wrapper{
	border-left:1px solid var(--black-100);
	border-right:1px solid var(--black-100);
}
.chat-compose-message {
	width: 100%;
	height: 42px;
	font-size: var(--txt-sz-m);
	border:none;
	display:block;
	resize:none;
}
.chat-compose-message:focus{
	box-shadow: none;
}
.chat-compose-send {
	width:48px !important;
	cursor:pointer;
	color:var(--txt-clr-mid);
	text-align:center;
}

.chat { margin:0; }

.chat_event td {
	padding: var(--spc-4) var(--spc-4) 5px;
	vertical-align: top;
	border-bottom: 1px solid var(--black-050);
	font-size: var(--txt-sz-m);
}
.chat_event a {
	text-decoration: underline;
}
.chat_event_date,
.chat_event_time {
	font-size: var(--txt-sz-s) !important;
	padding-bottom: var(--spc-1) !important;
	padding-top: var(--spc-7) !important;
}
.chat_event_date {
	text-align: right;
	font-weight: var(--txt-wt-b);
	color: var(--txt-clr-mid);
}
.chat_event_time {
	color:var(--txt-clr-mid);
}
.chat_event_actor {
	width: 15%;
	white-space: nowrap;
	font-weight: var(--txt-wt-b);
	text-align: right;
}
.chat_event_content {
	position: relative;
	overflow-wrap: anywhere;
	hyphens: auto;
}
.chat_message .chat_event_actor,
.chat_file .chat_event_actor {
	background-color: var(--black-050);
	border-right: 1px solid var(--black-075);
}
.chat_event.my_chat_event .chat_event_actor {
	background-color: var(--black-025);
}
.chat_event.instructor .chat_event_actor {
	background-color: var(--yellow-100);
}
.chat_sign_in td,
.chat_sign_out td {
	font-size: var(--txt-sz-s);
	border-bottom-color:var(--white);
	background-color: var(--blue-050) !important;
}
.delete_chat_message {
	position: absolute;
	top: 0;
	right: 3px;
	background-color: inherit !important;
	cursor: pointer;
}
.chat_event.deleted td {
	background-color: var(--red-100) !important;
}
.show_earlier_messages{
	padding: var(--spc-4);
	border-bottom:1px solid var(--black-050);
}

.chat_session {
	margin-bottom: var(--spc-9);
}
.chat_session_name {
	font-weight: var(--txt-wt-m);
	font-size: var(--txt-sz-l);
}
.chat_session_details {
	font-size:var(--txt-sz-s);
	color:var(--txt-clr-mid);
}

#currently_chatting {
	max-height: 168px;
	overflow-y: auto;
}
/** END Chat **/



.update_section_status { color:var(--white); border-radius:0 2px 0 4px; padding: 0 var(--spc-10) 1px var(--spc-6); }
.update_section_status:hover { text-decoration:none !important; }
.update_section_status:active { color:var(--white) !important; }

.update_section_status:after {
	position: absolute;
	top: 1px;
	left: auto;
	right: 6px;
	font-family:var(--fa-family-classic);
	content: '\f107';
	color: inherit;
}

.section_expanded_info .update_section_status { border-radius:3px; }
.section_expanded_info p.indented { margin-left: var(--spc-7); }



div.document_viewer_wrapper {
	padding: 0;
	overflow: hidden;
	position:relative;
}
div.document_viewer_wrapper div.iframe_overlay {
	position:absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display:none;
}
iframe.document_viewer {
	width:100%;
	height:530px;
	display: block;
	box-sizing:border-box;
}
iframe.document_viewer>html>body {
	background: transparent;
}
.embedded-document-preview .document_viewer {
	width: 800px;
}

.read-only-application .required_application_section { display:none; }
.read_only_application_info { margin-bottom: 45px; }
.read_only_application_info label { font-weight:var(--txt-wt-b); float:left; }
.read_only_application_info .indented { margin-left:140px; margin-bottom: var(--spc-7); }

.attendance-label{
	color:inherit !important;
	float:none !important;
	font-weight:var(--txt-wt-b);
	padding: 0 var(--spc-7);
	width:auto !important;
	text-align:center;
	display:inline-block;
}

.ninja_condition_loading_parent {margin-left: var(--spc-3);}

.course_comment_quote_container blockquote:before {
	content: '\201C';
	color: var(--black-300);
	font-size: 2.75em;
	line-height: 0.1em;
	margin-right: 0.1em;
	float: left;
	top: .4em;
	left: -.05em;
	position: relative;
	font-style: italic;
}

/* WYSIWYG */
.wysiwyg-container.wysiwyg-has-template-variable-options {
	position: relative;
}
.wysiwyg-container.wysiwyg-has-template-variable-options .template-variables-dropdown-icon-wrapper{
	position:absolute !important; top:5px; right:6px;
}
.wysiwyg-container.wysiwyg-has-template-variable-options.wysiwyg-has-toolbar .template-variables-dropdown-icon-wrapper{
	top:10px; z-index: 1;
}

/* Keep these in sync with inline_iframe.css! */
.template-variable {
  background-color:var(--black-050);
  padding: 1px var(--spc-2);
  border-radius: 3px;
  white-space: nowrap;
}
.template-variable.template-variable-error{
  color:var(--white);
  background-color:var(--red-400);
}

.template-variable-example, .template-variable-value {
	display:none;
}

.show-editable-content {
	background-color: var(--white);
	padding: var(--spc-4);
	border: 1px solid var(--black-075);
	border-radius: 3px;
}

.course-student-prominent-info-container {
	display:inline-block;
	background-color:var(--black-050);
	padding: var(--spc-4) var(--spc-6);
	border:1px solid var(--black-075);
	text-align:right;
	border-radius:3px;
}


.routing-symbol-l, .routing-symbol-r { position:absolute; top:0; line-height: var(--lh-base); }
.routing-symbol-l::before, .routing-symbol-r::before { content:"⑆"; font-size:var(--txt-sz-xl); }
.routing-symbol-l { left:3px; }
.routing-symbol-r { right:3px; }

.payment_method_selector {
	display: block;
	position: relative;
}
.payment_method_selector input {
	display: block;
	float: left;
	margin-top: 10px;
}
.payment_method_selector_box, .payment_method_selector_button {
	height:22px;
	width: 242px;
	border: solid 2px transparent;
	border-radius: var(--brdr-rad-btn);
	margin-left: 22px;
	margin-bottom: var(--spc-4);
	padding: 5px;
	cursor: pointer;
	color: var(--txt-clr-base);
	background-color: var(--black-050);
	opacity: 0.9;
	box-sizing: unset;
	text-align: center;
	font-size: var(--txt-sz-l);
	line-height: 22px;
}
.payment_method_selector_button:hover {
	opacity: 1;
	border: solid 2px var(--black-800);
}
.payment_method_selector_button:active {
	opacity: 0.6;
}
.payment_method_selector_box.selected {
	opacity: 1;
	border: solid 2px var(--black-800);
}
.payment_method_selector_image {
	margin-right: var(--spc-4);
}
.payment_method_selector_icon {
	position: relative;
	top: 1px;
	margin-right: var(--spc-4);
}
.payment_method_paypal {
	background-color: #ffc439; /*KEEP - PayPal Yellow*/
	text-align: center;
}
.payment_method_paypal.paypal-button-logo-icon {
	margin-left: 40px;
}
.paypal-button-logo-icon, .paypal-button-logo-text {
	height: 20px;
	padding-top: 1px;
	vertical-align: sub;
}

.link_lists .link_list { margin-bottom:27px; position:relative; }
.reordering .link_list, .reordering .link_list_link { background-color:var(--black-050); padding: var(--spc-4) !important; border:none !important;  }
.reordering .reordering_view { display:block;  }
.reordering .reordering_view img { position:relative; top:1px; }
.reordering .ordered_view { display:none;  }
.reordering_view { display:none; cursor:ns-resize; }

.link_list_links { min-height:18px; }
.link_list, .link_list_link { padding-bottom: var(--spc-6); margin-bottom: var(--spc-6) !important; }
.link_list_link { position:relative; border-bottom:1px dotted var(--black-200); padding-left: var(--spc-6); }
.link_list_link_name { margin-right:30px; }

.link_list_description, .link_description {  margin-right:30px; }
.link_description {  margin: var(--spc-2) 21px var(--spc-7) 21px; }

.link_lists .reordering { margin-top: var(--spc-2); }
.link_list_name { margin: 0 30px var(--spc-6) 0; font-size:var(--txt-sz-xl); }

.copy_block { background-color:var(--black-050); padding: var(--spc-6); color:var(--black-700); margin-bottom: var(--spc-9); font-size:var(--txt-sz-s); border-radius:3px; }

.integration_logo,
.integration_icon {
	overflow: hidden;
    height: 66px;
    width: 66px;
    border-radius: 10%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.integration_icon {
	background-color: var(--black-050);
}

.test_question_category {
	background-color: var(--black-050);
	margin-right: 1px;
	padding: 1px var(--spc-3);
	border-radius: 3px;
	color: var(--black-650);
}
.test_question_content p{
	margin-bottom: 0 !important;
	font-size: var(--txt-sz-m) !important;
}
.test_question_content img{
	max-width: 100%;
}
.question-number{
	 text-align:right; float:left; width:30px;
}
.question-radio {
	float:left; position:relative; top:3px;
}

.singlecol.has-left_menu {
	display: flex;
	flex-direction: row;
	padding-top: 30px;
}
/*.singlecol-new {
	padding:2em 42px 18px !important;
}*/
.left_menu{
	background-color: transparent !important;
	border: none;
	width: auto;
	flex-grow: 0;
	flex-shrink: 0;
	padding: 0;
	margin-right: var(--spc-11);
	white-space: nowrap;
}
.singlecol.has-left_menu #colwrap,
.singlecol.has-left_menu #custom_info_container {
	flex-grow: 10;
}
.singlecol.has-left_menu .column_header {
	margin:0 0 1.75em;
	padding: 0 0 var(--spc-9);
}
.singlecol.has-left_menu .with-left_menu .column_header {
	margin:0 0 1.75em;
	padding:0;
}
.singlecol.has-left_menu .columnnav-new {
	padding: 0 var(--spc-7);
	margin: 0 0 var(--spc-9);
}
.with-left_menu { flex:1; }


.course_offering_name {
	margin-top: var(--spc-10) !important;
	margin-bottom: var(--spc-9) !important;
	font-weight: var(--txt-wt-xb);
	white-space: normal;
	overflow-wrap: break-word;
}
.course_offering_left_col{
	width:130px !important;
}
.course_offering_singlecol{
	padding-left: 208px !important;
}
.course_offering_singlecol .column_header{
	margin-left: 0;
	margin-right: 0;
	padding: var(--spc-7);
}
.course_offering_singlecol .columnnav-new {
	margin-left: 0;
	margin-right: 0;
	padding: 0 var(--spc-7);
}
.course_offering_singlecol .column_header a{
	color:var(--black-650);
}
.course_thumbnail_wrap{
	width:100%;
	height:0;
	padding-bottom: 100%;
	position: relative;
}
.course_thumbnail{
	box-sizing:border-box;
	width:100%;
	background-color:var(--black-025);
	border-radius:5%;
	text-align:center;
	font-size: 78px;
	border:1px solid var(--black-075);
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
.course_thumbnail .image-link {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
}
.course_thumbnail_icon {
	vertical-align: middle;
}
.course_offering_menu{
	width:100%;
	box-sizing: border-box;
	margin-top: var(--spc-11);
	padding: 0;
	font-size: var(--txt-sz-m);
	background-color:transparent;
	border:none;
	border-radius: 3px;
}
.course_offering_menu ul li{
	padding: 0;
}
.course_offering_menu ul li .pill {
	float:right;
	line-height:16px;
}
.thumbnail_edit_overlay {
	transition:opacity .2s ease-in-out;
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: var(--txt-sz-s);
	background: rgba(var(--black-rgb),.5);
	right: 0;
	color:var(--white);
	line-height: 21px;
	text-align: center;
}
.course_thumbnail:hover .thumbnail_edit_overlay,
.course_book_thumbnail:hover .thumbnail_edit_overlay,
#picture:hover .thumbnail_edit_overlay{
	opacity: 1;
}

.registration-course-warnings{
	color:var(--gold-700);
}
.registration-course-errors{
	color:var(--red-500);
}
.registration-course-warnings li:before,
.registration-course-errors li:before,
.registration-course-errors div:before {
	font-family:var(--fa-family-classic);
	font-weight: var(--txt-wt-l);
	margin-right: var(--spc-3);
}
.registration-course-warnings li:before{
	content:'\f05a';

}
.registration-course-errors li:before,
.registration-course-errors div:before {
	content:'\f071';
}
.js-course-hidden-by-filter, .js-duplicate-course {
	display:none;
}

.contacts_menu{
	width:100%;
	box-sizing: border-box;
	padding: 0;
	font-size: var(--txt-sz-m);
	background-color:transparent;
	border:none;
	border-radius: 3px;
}
.contacts_menu ul li{
	padding: 0;
}

.contact-row{
	position: relative;
	margin-bottom: var(--spc-9);
}
.contact-row-link a{
	font-weight: var(--txt-wt-m);
}
.contact-row-details{
	font-size: var(--txt-sz-s);
	line-height: 20px;
	color: var(--black-650);
}
.contact-row-checkbox{
	position: absolute;
	top: 17px;
}
.contact-row-body{
	margin-left: 88px;
	overflow: hidden;
	min-height: 59px;
}

.forms_column_header{
	margin-bottom: var(--spc-2) !important;
	border:none;
}
.forms_column_header a{
	color:var(--black-650);
}



.contact-row-thumbnail{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 24px;
}

.contacts_singlecol{
	padding-left: 218px !important;
	padding-top: 27px !important;
}
.contacts_singlecol .column_header{
	margin-bottom: var(--spc-2) !important;
	border:none;
}
.contacts_singlecol .columnnav-new {
	margin-left: 0;
	margin-right: 0;
	padding: 0 var(--spc-7);
}
.contacts_singlecol .column_header a{
	color:var(--black-650);
}

#signup_form {
	font-size: var(--txt-sz-l);
}
#signup_form h2{
	font-weight: var(--txt-wt-b);
}
#signup_form h3 {
	font-weight: var(--txt-wt-b);
	text-align:center;
	margin-bottom: .75em;
}
#signup_form input[type='text'], #signup_form input[type='tel']  {
	width:276px;
}
.signup_form-section p {
	margin-bottom: 2em !important;
	padding: 0 5em;
}
.signup_form-section{
	margin-bottom: var(--spc-11);
	padding-bottom: var(--spc-10);
	border-bottom:1px dotted var(--black-100);
}
.signup_form_field-lbl {
	float: left;
	text-align: right;
	width: 138px;
	font-size: var(--txt-sz-l);
 }
 .signup_form_field-bdy{
	margin-left: 156px;
	margin-bottom: var(--spc-9);
	position: relative;
 }


.lesson-section {
	margin-bottom: var(--spc-11);
}
.rubric_score_icon_container {
	display:inline-block;
	position:relative;
	margin-right:10px;
}

.rubric_score_icon_check {
	position: absolute;
	top: 2px;
	left: 3px;
	text-shadow: 1px 1px 0 var(--white), -1px -1px 0 var(--white), -1px 1px 0 var(--white), 1px -1px 0 var(--white);
}

.rubric-manage {
	border-collapse:collapse;
	width: 100%;
	min-width:500px;
	max-width: 1024px;
	margin-bottom: 0;
}

.rubric-manage-heading {
	font-weight: var(--txt-wt-b);
	text-align: center;
	background-color: var(--black-050);
	padding: var(--spc-5) !important;
	border: 1px solid var(--black-100);
}

.rubric-criteria-heading{
	width:20%;
}
.rubric-levels-heading{
	width:75%;
}
.rubric-values-heading {
	white-space: nowrap;
}

.criterion-levels-row {
	display: table-row;
}

.rubric-manage-cell {
	padding: 10px;
	border: 1px solid var(--black-100);
	vertical-align: top;
}

.rubric-manage-criterion-cell {
}

.rubric-manage-criterion-cell label {
	float:none !important;
}

.rubric-criterion-weight {
	/*vertical-align: middle;*/
	text-align: right;
}

.rubric-manage-criterion-levels-cell {
	border: 1px solid var(--black-100);
	vertical-align: top;
	padding: 0;
	height: 80px;
}

.rubric_criterion_reorder {
	position:absolute;
	left:6px;
	bottom:6px;
	cursor: ns-resize;
}

.rubric_criterion_controls {
	position:absolute;
	right:6px;
	bottom:4px;
}

.criterion-levels {
	display: table;
	width: 100%;
	height: 100%;
}

.criterion-level-cell {
	display: table-cell;
	padding: 10px;
	height: 100%;
	border-right: 1px solid var(--black-100);
}
.criterion-level-cell:not(:last-child) {
	border-right: 1px dashed var(--black-100);
}
.criterion-level-cell-selectable {
	cursor: pointer;
}

.selected_criterion_level{
	background-color: var(--green-050);
}

#infobox { margin-left: 196px; }
#infobox .options { margin-left:95px; }

.hex_color_input_wrapper {
	display:inline-block; position:relative;
}
.hex_color_input {
	width:84px !important;
}
.hex_color_preview {
	width: 26px;
	border-radius: 0 2px 2px 0;
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	cursor: pointer;
	border-left: 1px solid var(--black-200);
	box-sizing: border-box;
}

.editable_template_preview {
	line-height:var(--lh-t);
	font-family: Helvetica, sans-serif;
	background-color: var(--white-x);
}
.editable_field_preview {
	overflow:hidden;
	position:absolute;
	outline:1px solid var(--black-075);
	transition: box-shadow .1s ease-in-out;
}
.editable_field_preview:hover, .editable_field_preview.is-hovered {
	box-shadow: 0 0 4px 2px var(--blue-500);
}
.editable_template_field_no_outline .editable_field_preview {
	outline:none;
}

.donation-field_label,
#facebox .donation-field_label{
	float: left;
	text-align: right;
	width:182px;
	font-size: var(--txt-sz-l);
}
.donation-field,
#facebox .donation-field{
	margin-left: 200px;
	margin-bottom: var(--spc-9);
	position: relative;
}
.money-input {
	text-align: right;
}

.files-side,
.account-side {
	margin-top: var(--spc-11);
	float:left;
	width:193px;
	background-color:transparent;
	border:none;
	padding:0;
}
.files-side ul li a,
.account-side ul li a{
	padding: var(--spc-5) var(--spc-4) var(--spc-4);
	font-size: var(--txt-sz-m);
}
.account-side{
	margin-top: 0;
}
.account-side h3 {
	margin-bottom: .5em;
	font-size: var(--txt-sz-2xl);
	color: var(--txt-clr-base);
}
.account-side ul li a{
	padding: var(--spc-4) var(--spc-6);
}

.cmnts {  display:flex; flex-direction:column; gap: var(--spc-9); }
.cmnts-cmnt { display:flex; gap: var(--spc-6); }
.cmnts-cmnt-main { flex:1; }
.cmnts-cmnt-main-bdy { display:flex; gap: var(--spc-6); }
.cmnts-cmnt-main-bdy-cntnt { flex:1; }
.cmnts-cmnt-main-ftr { margin-top: var(--spc-9); }
.cmnts-cmnt-main-replies { margin-top:21px; display:flex; flex-direction:column; gap: var(--spc-8); }



.post>div p, .comment p { margin-bottom: var(--spc-6); margin-top: var(--spc-2); }
.post .ancillary,
.discussion_report .ancillary {
	font-size:var(--txt-sz-s);
	margin-bottom: var(--spc-6);
	color:var(--black-650);
}
.discussion_report { display:flex; gap: var(--spc-6); position:relative; }
.discussion_report .report_comment { font-size:var(--txt-sz-m); line-height:var(--lh-base); }
.discussion_report .ancillary label { float:none !important; font-size:inherit !important; color:inherit !important; margin-bottom:0 !important; }

/*** NEWS ***/
.featured-news-cta {
	background-color:var(--bg-clr-notice);
	color:var(--txt-hl-clr-notice);
	padding: var(--spc-6);
	border-radius:4px;
	display:flex;
	gap: var(--spc-6);
	align-items:center;
	justify-content:center;
	font-size:var(--txt-sz-xl);
	text-decoration:none !important;
}
.featured-news-cta:hover{
	background-color:var(--bg-clr-notice-hvr);
}
.newsitem { margin: var(--spc-9) 0; display:flex; gap: var(--spc-4); }
.newsitem-body { margin-bottom: var(--spc-4); padding: var(--spc-4); flex:1; }
.newsitem-title { font-size:var(--txt-sz-2xl) !important; line-height:var(--lh-t); display:flex; justify-content: space-between; gap: var(--spc-9); font-weight:var(--txt-wt-b); margin-bottom:0 !important; }
.post-ancillary,
.newsitem-ancillary { margin-top: var(--spc-9); margin-bottom: var(--spc-6); color:var(--txt-clr-subtle); display:flex; align-items:center; gap: var(--spc-10); }
.newsitem-deets { color:var(--txt-clr-mid); margin-bottom: var(--spc-9); font-size:var(--txt-sz-m); }

.newsitem-content { font-family:var(--ff-sans); overflow-wrap:anywhere; }
.newsitem-content *:not(a, .fal, .far, .fas, .fa, .fa-light, .fa-regular, .fa-solid) { color:inherit !important;  }
.newsitem-content img { max-width: 100%; }
.newsitem-content p,
.newsitem-content blockquote { margin: var(--spc-9) 0 0; font-size:var(--txt-sz-m); line-height:var(--lh-m); }
.newsitem-content blockquote { margin: var(--spc-9); color: var(--txt-clr-mid); }
.newsitem-content p:first-child,
.newsitem-content ul:first-child,
.newsitem-content ol:first-child { margin-top:0 }
.newsitem-content ul,
.newsitem-content ol { padding-left:2em; margin-top: var(--spc-9);}
.newsitem-content ul { list-style-type:circle; }
.newsitem-content ol { list-style-type:decimal; }
.newsitem-content td,
.newsitem-content th { border:none; }
.newsitem-content iframe { max-width:100%; }

.ovrl-news .newsitem-ancillary { border-bottom:1px solid var(--black-075); justify-content:center; }
.ovrl-news .newsitem-title { font-size:var(--txt-sz-5xl) !important; line-height: 1.3; margin-bottom: var(--spc-6) !important; }

.news_center_article_nav { display:flex; justify-content:space-between; margin: 30px 0 var(--spc-11); }

.commentadd {
	display:none;
	margin:0 0 0 0 ;
	margin-bottom: var(--spc-9);
    display: block;
    background-color: var(--black-025);
    border: 1px solid var(--black-075);
    border-radius: 4px;
    padding: var(--spc-6);
    display: flex;
    gap: var(--spc-6);
}
.commentadd form {	flex:1; }

.commentadd textarea {
	display: block;
	width: 100%;
	height: 64px;
	margin-bottom: var(--spc-4);
}
.post_social_tab,
.news_center_tab {
	border: none;
	background: none;
	padding: var(--spc-6);
	position: relative;
	color:var(--txt-clr-mid);
	transition-property:background-color,color; transition-duration:.2s;
}
.post_social_tab::after,
.news_center_tab::after {
	content:''; height:0; border-radius:2px; background-color:var(--black-700); position: absolute; left:0; right:0; bottom:0; transition:height .2s;
}
.post_social_tab_selected,
.news_center_tab_selected,
.news_center_tab:hover,
.post_social_tab:hover { color:var(--txt-clr-base); cursor:pointer; }
.post_social_tab_selected::after,
.news_center_tab_selected::after,
.news_center_tab:hover::after {
	 height:2px;
}
.news_center_tab-no_hover:hover::after { height:0; }

.feed-activity_by {
	display:flex; gap: var(--spc-6); align-items:center; margin-bottom:-9px; margin-top: var(--spc-7);
}
.activity_by_wrap { padding-left: var(--spc-9); position:relative; }
.activity_by_wrap::before {
	content: '';
    position: absolute;
    top: 12px;
    bottom: 28px;
    left: 0;
    border-left: 1px solid var(--black-050);
    width: 0;
}

.newsitem-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink:0;
	background-color:var(--black-050);
	box-shadow: 0 0 0 1px rgba(var(--black-rgb),.05) inset;
	height: 41px;
	width: 41px;
	font-size: 25px !important;
	border-radius: 15%;
	position: relative;
	top: 5px;
}

/*** END NEWS ***/

.feed-post { display:flex; gap: var(--spc-6);	margin: var(--spc-9) 0; }
.feed-post-body { flex:1; }
.feed-post-body-content { margin-bottom: var(--spc-4); }
.feed-post-body-likes,
.feed-post-body-comments { color:var(--txt-clr-subtle); font-size:var(--txt-sz-s); }
.feed-post-body-likes { margin: var(--spc-6) 0; }
.feed-post-body-comments { margin: var(--spc-6) 0; }
.feed-post-body-likes a { color: var(--black-650) !important; }
.feed-post-replies { display:flex; flex-direction:column; gap: var(--spc-6); margin-top: var(--spc-7); }



.post,
.comment {
	margin: var(--spc-9) 0;
}
.post-body,
.comment-body {
	margin-top:0;
	margin-left: 47px;
	margin-bottom: var(--spc-4);
	padding: var(--spc-4);
	font-size:var(--txt-sz-m);
	line-height:var(--lh-base);
}

.private_note,
.private_note_input {
	background: var(--yellow-050) !important;
	border-color: var(--yellow-200) !important;
}
.internal-comment{
	background-color: var(--yellow-025);
	border-radius: 4px;
	border: 1px solid var(--yellow-200);
}

.current-student .comment-body,
.current-student .reply-body,
.current-student .comment-isCollapsed,
.current-student .reply-isCollapsed {
}
.comment-isCollapsed {
}
.reply-isCollapsed {

}

.comment-content,
.reply-content {
	overflow-wrap: anywhere;
}
.comment-grade,
.reply-grade {
	display: inline-block;
	height: 20px;
}
.comment-grade{
}
.reply-grade {
}

.post .ancillary {
	margin-top: var(--spc-6);
}

.reply {
	padding: var(--spc-4) 0 var(--spc-4) 50px;
}
.reply-body{
	padding: var(--spc-2) var(--spc-4) var(--spc-6) 56px;
}
.post-footer,
.comment-footer {
	margin-top: var(--spc-6);
}

.post>img,
.comment>img {
	width:33px;
	height:41px;
	float:left;
}
.post>img,
.comment>img {
	position:relative; top:5px;
}
.comment>img {
	left:3px
}
.post>div {
	font-size:var(--txt-sz-m);
	line-height:var(--lh-base);
}
.post .comment {
	padding-top: 0;
}

.comment .ancillary {
	margin-bottom:0;
	margin-top: var(--spc-6);
}


/* Facilities Schedule - migrated from screen.css */
.facilities_schedule_day_header_item {
	display: inline-block;
	height: 33px;
	font-weight: bold;
}
.facilities_schedule_day_header_date {
	font-size: 16px;
}
.facilities_schedule_day_header_hour {
	background-color: var(--black-025);
	text-align: left;
	box-sizing: border-box;
	padding-left: 3px;
	border-right: 2px solid var(--white);
	display: inline-flex;
	align-items: center;
	font-weight: 400;
	font-size: var(--txt-sz-s);
}
.facilities_schedule_day_header_hour_meridiem {
	color: var(--txt-clr-subtle);
	text-transform: uppercase;
	font-size: 9px;
	margin-left: 1px;
	top: 1px;
	position: relative;
}
.academic_term_schedule_hour {
	float: left;
	background-color: var(--black-025);
	width: 48px;
	text-align: left;
	padding-left: 3px;
	border-right: 2px solid var(--white);
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	font-weight: 400;
	font-size: var(--txt-sz-s);
	height: 48px;
}
.academic_term_schedule_hour_meridiem {
	color: var(--txt-clr-subtle);
	text-transform: uppercase;
	font-size: 9px;
	margin-left: 1px;
	top: 1px;
	position: relative;
}
.facilities_schedule_day_room {
	position: relative;
	border-top: 1px dotted var(--black-100);
	height: 54px;
}
.facilities_schedule_location_name {
	background-color: var(--black-025);
	text-align: right;
	height: 54px !important;
	overflow: hidden;
	box-sizing: border-box;
	padding: 3px 9px;
	display: inline-flex;
	align-items: center;
	font-size: var(--txt-sz-s);
}
.facilities_schedule_conflict {
	background-color: var(--bg-clr-error);
	border-color: var(--red-200);
	color: var(--txt-hl-clr-error);
	padding: 0px 0px 0px 1px;
}

/* Added for library and bookstore additional title bars */
.app-title-bar {
	padding: var(--spc-9) var(--spc-9) 0;
	border-bottom: 1px solid var(--black-075);
	min-width: 1280px;
}

.app-title-bar .page-header {
	height: 32px;
	line-height: var(--lh-xt);
	margin: 0 0 var(--spc-8);
	white-space: nowrap;
	gap: var(--spc-6);
}
.app-title-bar .page-heading {
	margin-bottom: 0;
}
.app-title-bar-tabs {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--spc-6);
}
.app-title-bar .nav-dir-h {
	margin-top: 0;
}
/* END: Added for library and bookstore additional title bars */

/* Admin site header logo */
.admin-populi-logo {
	opacity: .75;
	transition: opacity .2s ease-in-out;
}

.admin-populi-logo:hover {
	opacity: 1;
}

.account_center {
	display: flex;
	align-items: center;
	justify-content: center;
}
