html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header , hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}

body { font-size:var(--txt-sz-m); line-height:1.4; color:var(--black-850); text-align:left; font-family:var(--ff-sans); background-color:var(--black-050); /*text-rendering:optimizelegibility;*/ -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul { text-align:left; list-style:none;}
a:link, a:visited {	text-decoration: none;}

legend { margin-bottom:3px; font-size:15px; font-weight:bold; }
input {	margin:0; font-size:13px; }

ol          { }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight:bold; font-size:var(--txt-sz-m); }

.nice_list { margin-left:2.1em; list-style:circle; margin-bottom:18px; line-height:1.5; }
.nice_list li { margin-bottom:9px; }
ol.nice_list { list-style-type:decimal; }


strong, b { font-weight:bold; }
em, i { font-style:italic; }
abbr, acronym     { border-bottom: 1px dotted var(--black-650); }
pre, code { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: inherit; }
ins, mark { text-decoration: none; color:var(--black-900); background-color:var(--yellow-100); }
del { text-decoration: line-through; }
sub { line-height:.4em; font-size:.8em; vertical-align:sub; }
sup { line-height:.4em; font-size:.8em; vertical-align:super; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 28px; line-height: 1; margin-bottom: 18px; }
h2 { font-size: 24px; margin-bottom: 18px; }
h3 { font-size: 21px; line-height: 1; margin-bottom: 18px; font-weight: bold }
h4 { font-size: 17px; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 15px; font-weight: bold; }
h6 { font-size: var(--txt-sz-m); font-weight: bold; }

p { margin-bottom:18px; }

table    { border-collapse:separate; border-spacing:0; font-size:var(--txt-sz-m); width:100%; margin-bottom: 17px; margin-top:1px; }
th, thead td { border-bottom:2px solid var(--black-100); font-weight: bold; vertical-align: bottom; text-align:left; }
tbody th { border-bottom:1px solid var(--black-075); }
td       { border-bottom:1px solid var(--black-075); color:var(--black-750); }
th,td    { padding:3px 1px 2px; vertical-align:middle; }
tfoot td { font-weight: bold; }

table.no_borders td { border-bottom:none; }

table.padded td { padding: 5px 3px 4px !important; }
table.padded th { padding: 5px 5px 4px !important; }

.striped th, .striped td { padding:5px 3px 4px; }
.striped thead th, .striped thead td { padding-top:0; padding-bottom:3px !important;}
.striped tbody tr:nth-child(odd), .striped tbody tr td.odd_background{
	background-color:var(--black-025);
}

/*Tablesorter sort direction styles*/
table.tablesorter thead tr .header,
table.sortable thead tr .header,
table thead tr th.sortable {
	cursor:pointer;
}
table.tablesorter thead tr .headerSortUp span:before,
table.sortable thead tr .headerSortUp span:before,
table thead tr th.sort_up span:before,
table.tablesorter thead tr .headerSortDown span:before,
table.sortable thead tr .headerSortDown span:before,
table thead tr th.sort_down span:before {
	font-family: 'var(--ff-icons) Pro';
	font-weight: normal;
	display: inline-block;
	position: relative;
	margin-left: 4px;
	top: 1px;
}
table.tablesorter thead tr .headerSortUp span:before,
table.sortable thead tr .headerSortUp span:before,
table thead tr th.sort_up span:before {
	content: "\f106";
}
table.tablesorter thead tr .headerSortDown span:before,
table.sortable thead tr .headerSortDown span:before,
table thead tr th.sort_down span:before {
	content: "\f107";
}

table .right { text-align:right; }
table .rightpad { padding-right:9px !important;}
table .center { text-align:center; }
table .overdue { color:var(--red-500); }

table.no_borders td, table.no_borders th { border:none; }
pre {
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera */
	white-space: -o-pre-wrap; /* Opera */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
	font-family: inherit;
}

::placeholder{
	color: var(--black-650);
}


input[type=search] { -webkit-appearance: none; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { display: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {-moz-appearance: textfield;}

textarea { border:1px solid var(--black-200); padding:3px; margin:0; font-size:var(--txt-sz-m); width:268px; resize:none; }

input[type="text"],input[type="password"],input[type="number"],
input[type="tel"],input[type="email"],input[type="url"] {
	border-width:1px;
	border-style:solid;
	border-color:var(--black-200);
	height:24px;
	padding:0 3px;
	vertical-align:bottom;
}

input[type="text"],input[type="password"], input[type="number"],
input[type="tel"],input[type="email"],input[type="url"], textarea {
	color: var(--black-850);
	border-radius:3px; font-family:inherit;
	background-position:top left;
	background-repeat:repeat-x;
	box-sizing:border-box;
	background-color: var(--white);
	transition: all .25s ease-in-out;
	box-shadow: 0 1px 2px 0 rgba(var(--shadow-rgb), 0.05);
}

input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,
input[type="tel"]:focus,input[type="email"]:focus,input[type="url"]:focus,
textarea:focus {
	border-color:var(--black-400);
	background-position:top left;
	background-repeat:repeat-x;
	outline:none !important;
	box-shadow:0 0 3px 1px rgba(var(--black-rgb),.4);
}

input[type="text"][disabled],input[type="password"][disabled],input[type="number"][disabled],
input[type="tel"][disabled],input[type="email"][disabled],input[type="url"][disabled],
textarea[disabled] { background:var(--black-050); border-color:var(--black-100); }

input.numeric { text-align: right !important; }

input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 16px;
	width: 16px;
	min-width: 16px; /* Stops flex shrink  */
	display: inline-block;
	padding: 0;
	border: 1px solid var(--black-400);
	position: relative;
	background-color: var(--white);
	vertical-align: text-bottom;
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled{
	background-color: var(--black-075);
}
input[type="checkbox"]{
	border-radius: 3px;
}
input[type="radio"]{
	border-radius: 8px;
}
input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}
input[type="checkbox"]:checked::before{
	color: var(--black);
	font-family: 'var(--ff-icons) Pro';
	font-size: 80%;
	font-weight: 400;
	content: '\f00c';
}
input[type="checkbox"]:disabled:checked::before{
	color: var(--black-700);
}
input[type="radio"]:checked::before{
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 8px;
	background-color: var(--black);
	display: inline-block;
}
input[type="radio"]:disabled:checked::before{
	background-color: var(--black-700);
}
/* Remove unwanted padding in FF buttons */
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*NEW BUTTONS*/
.button,
.cke_skin_kama a.cke_dialog_ui_button {
	display: inline-block;
	font-size: 13px !important;
	font-family: inherit;
	color: var(--black-750) !important;
	margin: 0 1px;
	padding: 0;
	border-color: var(--black-200);
	border-style: solid !important;
	border-width: 1px !important;
	height: 24px !important;
	line-height: 22px;
	width: auto !important;
	position: relative;
	font-weight: normal;
	text-decoration: none !important;
	border-radius: 3px;
	cursor: pointer;
	vertical-align: top;
	white-space: nowrap;
	box-sizing: border-box;
	background: var(--white);
	box-shadow: 0 1px 2px 0 rgba(var(--shadow-rgb), 0.05);

	transition:all .1s ease-in-out;

	-moz-user-drag:-moz-none;
	-webkit-user-drag:none;
	user-drag:none;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
}

.big_button { height:28px !important; line-height:26px !important; font-size:var(--txt-sz-m) !important;  }
.big_button span { padding:0 12px !important; }

.huge_button { height:32px !important; line-height:31px !important; font-size:15px !important; border-radius: 4px; }
.huge_button span { padding:0 18px !important; }

.button:focus,
.cke_skin_kama a.cke_dialog_ui_button:focus {
	border-color:var(--black-400); background-color:var(--black-025) !important; outline:none; box-shadow:0 0 3px 1px rgba(var(--black-rgb),.4);
}

.viewcontroller .button:focus { border-color:var(--black-300); }

.button>span,
.cke_skin_kama a.cke_dialog_ui_button span {
	padding:0 8px;
	display: inline-block;
	color: var(--black-750);
}

.dropdownbutton>span { padding-right:22px !important; }
.dropdownbutton.big_button>span { padding-right:23px !important; }
.dropdownbutton.huge_button>span { padding-right:26px !important; }
.dropdownbutton>span:after {
	position: absolute;
	top: 1px;
	left: auto;
	right: 7px;
	font-family: 'var(--ff-icons) Pro';
	content: '\f107';
	color: inherit;
}
.dropdown-link::after {
	display: inline-block;
	margin-left: .3em;
	position: relative;
	top: 1px;
	left: auto;
	right:0;
	font-family: 'var(--ff-icons) Pro';
	content: '\f107';
	color: inherit;
}

.viewcontroller {
	display: inline-block;
	background-color: var(--black-075);
	border-radius: 4px;
	padding: 1px;
	height: 22px;
	transition: all .2s ease-in-out;
}
.viewcontroller:hover{
	background-color: var(--black-050);
}

.viewcontroller .button {
	background-color: transparent;
	border-radius:4px !important;
	margin:0;
	border: none !important;
	box-shadow: none !important;
	overflow: hidden;
	height: 22px !important;
	color: var(--black-600);
}
.viewcontroller .button:hover span,
.viewcontroller .button:focus span{
	background-color: transparent !important;
	color: var(--black) !important;
}
.viewcontroller .button.selected,
.viewcontroller .button.selected:hover,
.viewcontroller .button.selected:focus {
	color: var(--black-900) !important;
	background-color: var(--white) !important;
}

.viewcontroller .button.selected span,
.viewcontroller .button.selected:hover span {
	color: var(--black-900) !important;
}

.button:hover,
.cke_skin_kama a.cke_dialog_ui_button:hover{
	background-color: var(--black-050);
}

.button:active,
.cke_skin_kama a.cke_dialog_ui_button:active{
	border-color: var(--black-800);
}

.disabled, .disabled:active, .disabled:focus, .button:disabled {
	cursor:default !important;
	background:var(--black-075) !important;
	box-shadow: none !important;
	border-color: var(--black-200);
}

.disabled>span, .disabled:active>span, .disabled:focus>span, .button:disabled>span {
	color: var(--black-600) !important;
}

.focused {
	border-color:var(--black-400) !important;
	box-shadow:0 0 3px 1px rgba(var(--black-rgb),.4) !important;
}

/*declare background-image locally*/
.imagebutton>span { background-repeat:no-repeat; background-position:center 3px; }

/*END BUTTONS*/

/* CUSTOM SELECT */
.select,
.new_select {
	display: inline-block;
	position: relative;
	border:1px solid var(--black-200);
	border-radius: 4px;
	height:22px;
	line-height:22px;
	overflow: hidden;
	vertical-align: top;
	text-align:left;
	background: var(--white);
	box-shadow: 0 1px 2px 0 rgba(var(--shadow-rgb), 0.05);
	transition: all .1s ease-in-out;
	user-select: none;
	max-width: 100%;
}
.select>span,
.new_select>span {
	position: absolute;
	display: inline-block;
	padding: 0 0 0 5px;
	margin-right: 14px;
	overflow: hidden;
	font-size:13px;
	line-height:22px;
	top:0;
	right:0;
	bottom:0;
	left:0;
	font-weight:normal;
	white-space: nowrap;
	color:var(--black-750);
}
.select::before,
.new_select::before,
.select::after,
.new_select::after {
	position: absolute;
	font-family: 'var(--ff-icons) Pro';
	color: var(--black-650);
	font-size: 9px;
}
.select::after,
.new_select::after {
	top: 4px;
	left: auto;
	right: 5px;
	content: '\f107';
}
.select::before,
.new_select::before {
	top: -3px;
	left: auto;
	right: 5px;
	content: '\f106';
}
.disabled.select::after,
.disabled.new_select::after,
.disabled.select::before,
.disabled.new_select::before {
	opacity: .5;
}
.select select,
.new_select select {
	opacity: 0;
	font-size:13px;
	margin: 0px -1px;
	position:relative;
	padding-right:26px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
	z-index: 1;
	height: 23px;
	max-width: 100%;
}
/* END SELECT*/


input[type=text].input-sz-m {
	font-size: 15px;
	height: 28px;
	padding: 4px;
}
input[type=text].input-sz-l {
	font-size: 18px;
	height: 32px;
	padding: 4px;
}

.txt-inline_with_form_elements {
	line-height: 24px;
}
.txt-inline_with_form_elements-m {
	line-height: 28px;
}
.txt-inline_with_form_elements-l {
	line-height: 34px;
}

.icon-add-hvr {
	padding:0 !important;
	width: 1.2em;
	line-height: 1.2em !important;
	border-radius: .2em;
}
.icon-add-hvr:hover {
	background-color: rgba(var(--black-rgb),.1);
}

/* Remove default webkit search input appearance */

.input-error { border-color:var(--red-400) !important; }

#main a:active, .fb_content a:active { color:var(--black) !important; }

.show-for-print {
	display: none;
}

.skip_to_content {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden;
	z-index: 9999;
	background-color: var(--red-400);
	color:var(--white-x);
	padding: 0 1em;
}

a.skip_to_content:active,
a.skip_to_content:focus,
a.skip_to_content:hover {
	left: 50%;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible;
	transform: translateX(-50%)
}

.hidden { border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; color:var(--black) !important;}
.blur { filter: blur(4px); }
.no-scroll { overflow: hidden; }

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/** NEW SEARCH **/
.keyboard-shortcut-row {
	 line-height: 22px;
	 margin-top: 10px;
	 height: 30px;
}
.key-outline {
	margin-top: -5px;
	border: 1px solid var(--black-400);
	border-radius: 4px;
	display: inline-block;
	box-shadow: 0px 1px  2px rgba(var(--shadow-rgb),.3);
	line-height: 23px;
}
.key-multi {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}
.key-single {
	text-align: center;
	width: 24px;
	font-size: 13px;
}
.key-symbol {
	font-weight: bold;
}
.keyboard-shortcut {
	float: right;
	width: 170px;
	text-align: center;
}
.srch {
	display: inline-block;
	margin-right:12px;
	white-space: nowrap;
	color: var(--black-800);
}
.srch-placeholder {
	color:var(--white-x);
}
.srch-searchbox{
	display: none;
	height: 26px;
	position:relative;
	top:9px;
}
input.srch-search-input{
	width: 342px;
	vertical-align: top;
	height: 26px;
	background: var(--white);
	padding: 0 20px 0 6px;
}
.srch-execute,
.adv-srch-execute {
	position:absolute;
	display:block;
}
.srch-execute {
	top:7px;
	right:5px;
}
.adv-srch-execute {
	top:17px;
	right:8px;
}
.adv-srch-field-container a {
	color:var(--black-650);
	font-size: 13px;
}
.adv-srch-field-container {
	top: 7px;
	right: 40px;
	display:block;
	position: absolute;
}
.adv-srch-field-container .show_dropdown {
	display: none;
}
.adv-srch-filter-dropdown-icon {
	margin-right: 4px;
}
.srch.show-search{
}
.srch.show-search .srch-placeholder {
	display: none;
}
.srch.show-search .srch-searchbox {
	display: inline-block;
}
.srch.show-search input.srch-search-input {

}
.srch-searchbox-dropdown {
	min-width: 100%;
	max-width: 700px;
	z-index: 999999;
	background: var(--white);
	position: absolute;
	border-radius: 6px;
	color:var(--black-850);
	padding: 0 9px 3px;
	box-sizing: border-box;
	display: none;
	top: 40px;
}
.srch-searchbox-dropdown .drop-down-arrows{
	margin: 0;
}
.srch.show-search .srch-searchbox-dropdown{
	box-shadow: 0 1px 20px rgba(var(--shadow-rgb),.5);
	border: 1px solid var(--black-075);
}
.srch-searchbox-dropdown{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none;
}
.srch-result {
	color: var(--black-700);
	display: block;
	opacity: 1 !important;
	border-radius: 3px;
	padding: 4px;
	line-height: 20px;
	margin: 6px 0;
	overflow-x: hidden;
	height: 20px;
	font-size: var(--txt-sz-m);
}

.srch-result-selected {
	background-color: var(--black-050);
	color:var(--black-800) !important;
}

.recommended-searches {
	display: none;
}

.srch-recent-footer {
	text-align: center;
	border-top: 1px solid var(--black-075);
	line-height: 42px;
}
.srch-recent-footer a{
	color: var(--black-650) !important;
}
.srch-recent-footer a:hover{
	color: var(--black-850) !important;
}
.srch-results-heading{
	font-weight: bold;
	font-size: var(--txt-sz-xl);
	border-bottom: 1px solid var(--black-075);
	padding: 6px;
	line-height: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.srch-results-loading,
.srch-results-recommendations {
	display: none;
}
.srch-results-recommendations {
	padding-top: 3px;
}

.srch-results-recommendations .context-highlight {
	font-weight: bold;
	color: var(--black-850);
}
.srch-results-loading{
	text-align: center;
	height: 100px;
}
.srch-results-message {
	text-align: center;
	font-style: italic;
}
.srch-result-category { color:var(--black-600); }
/*.srch-result-selected .srch-result-category { color:var(--black-200); }*/
.srch-result-type-icon {
	margin-right: 4px;
	width: 20px !important;
}
.srch-result-profile-pic {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	vertical-align: top;
}
.srch-history-type-icon {
	margin-top: 5px;
	margin-right: 8px;
	float: left;
	font-size: 200%;
	display: block;
}
.srch-search-for{
	line-height: 1.5;
}
.srch-recommendations{
	margin-top:-6px;
}

.ovrl-container {
	display: none;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(var(--white-rgb),.94);
	z-index: 9999;
	min-width: 721px;
}
.ovrl-wrap{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.ovrl-header {
	padding-top: 24px;
	border-bottom: 1px solid var(--black-100);
}
.ovrl-header-content {
	position: relative;
}
.ovrl-header-content,
.ovrl-body-content {
	width: 600px;
	margin: auto;
}
.ovrl-w-800 .ovrl-header-content,
.ovrl-w-800 .ovrl-body-content {
	width: 800px;
}
.ovrl-header-content-heading {
	font-size: 22px;
	color: var(--black-800);
	font-weight: bold;
}
.ovrl-header-right {
	position: absolute;
	top:27px;
	right: 24px;
}
.ovrl-body {
	flex: 1;
	padding: 24px 0 72px;
	overflow-y: scroll;
	background-color: rgba(var(--white-rgb),.4);
}
.ovrl-header-tabs {
	margin-top: 7px;
}
.ovrl-header-tabs-tab {
	display: inline-block;
	position: relative;
	padding: 6px 9px;
	color:var(--black-700);
}
.ovrl-header-tabs-tab-current::after {
	content:''; height:2px; background-color:var(--black-700); position: absolute; left:0; right:0; bottom:0; transition:height .2s;
}

.adv-srch-input{
	width: 100%;
	font-size: 16px;
	padding: 6px 33px 6px 9px !important;
	height: auto !important;
}
.adv-srch-result{
	position: relative;
	margin-bottom: 15px;
}
.adv-srch-result-link a{
	font-weight: bold;
	color: var(--indigo-600);
}
.adv-srch-result-details{
	font-size: 13px;
	line-height: 20px;
	color: var(--black-650);
}
.adv-srch-result-details .context-highlight{
	font-weight: bold;
	color: var(--black-800);
}
.adv-srch-result-details .pill{
	/*background-color: var(--white);*/
	color: var(--black-650);
	font-weight: bold;
}
.adv-srch-result-thumbnail{
	height: 58px;
	width: 58px;
	line-height: 58px;
	font-size: 34px;
	border-radius: 10%;
	box-sizing:border-box;
	background-color:var(--black-050);
	text-align:center;
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
.adv-srch-result-thumbnail-icon {
	vertical-align: middle;
}
.adv-srch-message{
	text-align: center;
	font-size: 21px;
	color:var(--black-700);

}
.adv-srch-result-body{
	margin-left: 72px;
	overflow: hidden;
	min-height: 59px;
}
.adv-srch-results-loading{
	text-align: center;
	margin-top: 100px;
}
.srch-history-item{
	position: relative;
	margin-bottom: 18px;
}
.srch-history-item-body{

}
.srch-history-item-link a{
	color: var(--indigo-600);
}
.srch-history-item-remove{
	float: right;
}
.srch-history-item-details{
	color:var(--black-650);
	font-style:italic;
}
.srch-history-item-thumbnail{
	float: left;
	height: 35px;
	width: 35px;
	line-height: 35px;
	border-radius: 10%;
	box-sizing:border-box;
	background-color:var(--black-050);
	overflow: hidden;
	margin-right: 8px;
	margin-top: 2px;
}
#adv-srch-pages,
#srch-history-pages {
	margin-top:30px;
}
 /** END NEW SEARCH **/


.notifs {
	min-width: 300px;
    max-width: 700px;
    z-index: 999999;
    background: var(--white);
    position: absolute;
    border-radius: 6px;
    color: var(--black-850);
    padding: 0 9px 3px;
    box-sizing: border-box;
    display: none;
    top: 49px;
    right: 70px;
    line-height: 1.5;
    font-size: var(--txt-sz-m);
    box-shadow: 0 1px 20px rgba(var(--shadow-rgb),.5);
    border: 1px solid var(--black-075);
}
.notifs-heading {
	font-weight: bold;
    font-size: var(--txt-sz-xl);
    border-bottom: 1px solid var(--black-075);
    line-height: 2;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.notifs-container {
	padding: 6px 0;
}
.notifs-notif { display:flex; gap:6px; }
.acct-notif-icon { margin-right:4px; }

.notifs-loading {
/*	display: none;*/
}
.notifs-loading{
	text-align: center;
	height: 100px;
}


.notifs-grp {
	padding-left: 9px;
	margin-left: 17px;
	position: relative;
}
.notifs-grp::before {
	content: '';
	position: absolute;
	top:12px;
	bottom:12px;
	left: 0;
	border-left:1px solid var(--black-050);
	width: 0;
}
.notifs-grp .notifs-notif-link {
	font-size: var(--txt-sz-s);
}


.notifs-notif-link {
	border-radius:4px;
	padding:6px;
	line-height: 18px;
	color:var(--black-700);
	flex:1;
}
.notifs-notif-link:hover {
	background-color:var(--black-050);
	color:var(--black-800);
	text-decoration:none !important;
}
.notifs-notif-ctrls {
	padding-right: 6px;
    display: flex;
    gap: 5px;
    align-items: center;
}
.notifs-footer {
	text-align: center;
	border-top: 1px solid var(--black-075);
	line-height: 42px;
	margin-top: 6px;
}
.notifs-footer a{
	color: var(--black-650) !important;
}
.notifs-footer a:hover{
	color: var(--black-850) !important;
}
.notifs-notif .fa-xmark{
	cursor: pointer;
}
.notifs-notif .fa-ellipsis{
	cursor: pointer;
}
.notifications-list-item .fa-xmark{
	cursor: pointer;
}
.notification_setting_save_message{
	display:none;
	float:right;
	height:0;
}
/*FORMS*/

.cell_note_right {
	background: linear-gradient(45deg, transparent 50%, var(--yellow-300) 50%);
	width:16px;
	height:16px;
	float: right;
}

.nomarginbottom, .no_margin_bottom { margin-bottom: 0 !important; }
.no_padding_bottom { padding-bottom: 0 !important; }
.rowhighlight tbody tr:hover, .highlighted_row { background-color:var(--black-050) !important; }
.splitter { color:var(--black-200); font-size:11px; font-weight:normal; margin:0 6px; }

.controls	{ font-weight:normal; position: absolute;bottom: 0px;right: 0;line-height: 18px; font-size: 13px; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition:opacity linear .1s; }
.controls a { color:var(--black-650) !important; }
.hoverable					{ position:relative; }
.hoverable:hover .controls  { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.controlbar {
	color: var(--black-700);
	white-space: nowrap;
	background-color:transparent;
	height:auto;
	padding:0 36px 0;
	border-bottom:1px solid var(--black-075);
	position:relative;
}

.pill, .pill_edit, .badge {
	color:var(--black-800);
	font-size:12px;
	line-height:10px;
	font-weight:normal;
	padding:1px 6px;
	background-color:var(--black-050);
	border-radius:3px;
	/*border:1px solid var(--black-200); */
	white-space:nowrap;
}
.pill_edit {
	position:relative;
	top:-3px;
}
.pill_edit:hover {
	text-decoration:none !important;
	background-color:var(--black-025);
	color:var(--black-650);
}

/** ACCOUNT BAR **/
#account_wrapper {
	margin-bottom: 15px;
}

#account .splitter { color:var(--black-700); }
#account {
	line-height:42px;
	font-size:13px;
	color:var(--black-075);
	padding:0 18px;
	display: flex;
	justify-content: space-between;
	background-color: #111; /*This color stays this color - AS*/
}
/*.account_right { float:right; }*/
/*#account a { text-decoration:none; transition-property:opacity; transition-duration:.2s; }*/
#account nav a { color:var(--white-x); opacity:.5; margin-right:9px;}
/*.account_right a { margin-right:0 !important; }*/
.account-user { color:var(--white-x) }
#account nav a.active_app { opacity:.9; }
#account nav a:hover { opacity:1; }

.account_help {
	display:inline-block;
	opacity:1 !important;
	color:var(--white-x) !important;
	margin-left:9px;
	background-color: inherit;
}
.account_alerts_icon { margin-left:9px; position:relative; }
.account_bar_icon { color:var(--white-x) !important; opacity:.5;  transition-property:opacity; transition-duration:.2s;  }

.account_alerts_icon-active {
	opacity: .9;
}
.account_alerts_icon:hover {
	opacity: 1;
}
.account_alerts_icon-active::after {
	content: '';
	opacity: 1;
	background-color: var(--red-400);
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	bottom: -12px;
	right: -4px;
	border:  3px solid  #111; /*This color stays this color - AS*/
}

.account_bar_icon:hover { opacity:1; }

#account_warning {
	font-size:var(--txt-sz-xl);
	color: var(--white-x);
	padding:9px;
	text-align:center;
	background: var(--red-400);
	border-bottom: 1px solid rgba(var(--shadow-rgb),.1);
}
#account_warning a { color:var(--white-x); text-decoration:underline; }
.user_thumbnail,
.user_thumbnail_initials{
	display:inline-block; width:26px; height:26px; position:relative; border-radius:2px; background-color: var(--black-700);
}
.user_thumbnail { top:8px; background-size:100% auto; background-position:left center; }
.user_thumbnail_initials { line-height: 26px;}

.notice_strong { color:var(--black-900); background-color:var(--yellow-100); padding:9px; text-align:center; }
.notice_strong a { color:inherit; text-decoration:underline; }
.notice_strong a:hover { color:var(--black-850); text-decoration:underline; }
.system_notice { position:relative; padding:9px 118px 9px 18px; margin-bottom:0; text-align:left; border-bottom: 1px solid rgba(var(--shadow-rgb),.1)}
.system_notice_hide, .sms_verification_hide { position:absolute; font-weight:normal; top:50%; right:21px; white-space:nowrap; transform:translateY(-50%) }
.system_notice_hide_link { color:inherit !important; }
/** END ACCOUNT BAR **/
.lock-notice { text-align:left; }

body>.header, #main { min-width:1280px; }
body>.header { position:relative; z-index:1001; clear:right; background-color:var(--blue-800); border-bottom:1px solid rgba(var(--shadow-rgb),.1); }
#logo2 { float:left; height:27px; margin-right:6px; }
body>.header h1 { color:var(--white-x); font-size:27px; margin:0 0 15px 18px; line-height:27px; height:27px; white-space:nowrap; }
body>.header .nav { clear:left; margin-top:9px; padding:0 18px; }
body>.header .nav a { float:left; margin-right:3px; position:relative; color:var(--white-x); opacity:.8; display:block; line-height:2.1em; text-decoration:none; font-size:var(--txt-sz-m); padding:0 9px; white-space:nowrap; transition-property:color, opacity, background; transition-duration:.2s; }
body>.header .nav a::after { content:''; height:0; background-color:var(--white-x); position: absolute; left:0; right:0; bottom:0; transition:height .2s; }
body>.header .nav a.right_nav { float:right; margin:0 0 0 3px; }
body>.header .nav a.current, body>.header .nav a:hover { opacity:1; cursor:pointer; }
body>.header .nav a:hover::after, body>.header .nav a.current::after { height:2px; }
body>.header .nav a:active { background-color: rgba(var(--white-rgb),.1); }

body.theme-dark>.header { background-color:var(--blue-025); }
@media (prefers-color-scheme: dark) {
	body.theme-auto>.header { background-color:var(--blue-025); }
}

#controltabs { height:32px; padding-top:18px; position:relative; }
#controltabs li { display:inline-block; }
#controltabs li a { display:block; font-size:var(--txt-sz-m); line-height:26px; padding:3px 8px; text-decoration:none; color:var(--black-650); transition-property:background-color,color; transition-duration:.2s; }
#controltabs li a:hover { /*background-color:var(--black-050);*/ color:var(--black-800); outline:none; text-decoration:none; }
#controltabs li a.currentControlTab { height:27px; background-color:var(--white) !important; position:relative; top:-1px; color:var(--black-800); border-radius:3px 3px 0 0; border-width:1px 1px 0; border-style:solid; border-color:var(--black-075); }
#controltabs li a:active { color:var(--black-900); /*background-color:var(--black-075);*/ }

/** COLUMN HEADER **/
.column_header { height:24px; line-height:24px; margin:-17px -42px 18px; padding:12px 42px; border-bottom:1px solid var(--black-075); }
#col1 .column_header { margin-left:0; margin-right:0; padding:9px; }
/*.column_header .rightcontrols { float:right; text-align:right; }*/
.column_header h3 { border:none !important; margin:0 !important; height:18px !important; }
.column_header label { font-weight:bold; font-size:var(--txt-sz-m); line-height:24px; vertical-align: top; }

h3 nav,
h3 nav a {
	color:var(--black-500);
}
h3 nav .current-settings {
	color:var(--black-850);
}

#col1 .column_header { margin:-17px 0 12px; border-bottom-color:var(--black-050); padding:12px; }
/** END COLUMN HEADER **/

/** ADDRESS INPUT **/
.address-street-wrapper, .address-city-wrapper, .address-state-zip-wrapper { margin-bottom:2px; }
.address-state-zip-wrapper { position:relative; white-space:nowrap; line-height:1; }
.address-street-wrapper, .street { height:42px !important; }
.street { display:block; width:276px !important; }
.city, #home_city { width:276px !important; }
.state, #home_state { width:190px !important; float:left; margin-right:2px; }
.zip { width:84px !important; }
/** END ADDRESS INPUT **/

.graylink { color:var(--black-700) !important; }
.graylink_lighter { color:var(--black-650) !important; }

.removeitem { color:var(--black-600); padding:0 1px; }
.removeitem:hover { color:var(--white); text-decoration:none; background-color:var(--red-400) !important; }

.column_item, .column_item_short { border-bottom:1px dotted var(--black-100); margin-bottom:18px; padding-bottom:18px; position:relative; }
.column_item_short { margin-bottom:9px; padding-bottom:9px; }
.column_item_title { font-size:var(--txt-sz-l); font-weight:bold; }
.column_item_details { font-size:var(--txt-sz-s); color:var(--black-650); }

/* Clearing floats without extra markup
http://nicolasgallagher.com/micro-clearfix-hack/ */
.clear:before,
.clear:after,
.singlecol:before,
.singlecol:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clear:after,
.singlecol:after {
	clear: both;
}

#colwrap { white-space:nowrap; }

#col1, #col2 {
	white-space: normal;
	display: inline-block;
	vertical-align: top;
	border:none; box-sizing:border-box;
}
#col1 { width:61.5%; margin:0; padding:0 18px 0 0; }
#col2 { width:38.5%; margin:0; padding:0 0 0 18px; }

.fifty_fifty #col1, .fifty_fifty #col2 { width:50%; }

h1.main-heading {
	font-size: 21px;
	font-weight: bold;
}

section.column_section h1,
.singlecol h4,
#col1 h4,
#col2 h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 3px;
	border-bottom: 1px var(--black-100) solid;
}

section.column_section h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 6px;
}

#col2 section.column_section h1,
#col2 h4 { font-size:16px; }

.indented-left-col-with-pic {
	margin-left: 82px;
}

h4 {
	line-height: 18px;
	font-weight: bold;
	/*padding: 0 6px;*/
	margin-bottom: 3px;
	text-align: left;
}

section.column_section h1 a,
section.column_section h1 a:link,
section.column_section h1 a:visited,
h4 a,
h4 a:link,
h4 a:visited {
	float: right;
	margin-top: 1px;
	margin-left: 9px;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color:var(--black-650);
}

#main .box label  { line-height: 24px; float:left; width:123px; color:var(--black-650); word-wrap:break-word; }
#main .box label a { color:var(--black-650); text-decoration:none; }

.box p.indented, .box div.indented {
	margin-left: 123px;
	position: relative;
}

p.indented, div.indented { margin-bottom:18px; line-height: 24px;}

/* NEW FIELD STUFF*/
.fld,
.fld--l,
.fld--r {
	display:table-row;
}
.fld-lbl {
	color:var(--black-650);
	display: table-cell;
	float: none !important; /*important because old style conflicts*/
	padding-right: 18px;
	padding-bottom: 18px;
	width: auto !important;
	word-wrap: break-word;
	line-height: 24px;
}
.fld .fld-lbl,
.fld--l .fld-lbl,
.fld--r .fld-lbl{
	max-width: 200px;
}
#col1 .fld-lbl{
	min-width: 128px;
}
#test_sections_container .fld-lbl{
	color: inherit;
}
.fld--r .fld-lbl {
	box-sizing: border-box;
	text-align: right;
}
.fld-bdy {
	display:table-cell;
	padding-bottom:18px;
	vertical-align: top;
	line-height: 24px;
}
.fld--v .fld-lbl {
	display: block;
	padding: 0 0 3px;
	margin-bottom: 0 !important; /*need this for now :( */
	font-weight: bold;
	color: inherit !important;
}
.fld-wide-bdy .fld-bdy{
	width:99%;
}
.fld-wide-bdy .fld-lbl{
	min-width: 0 !important;
	white-space: nowrap;
}
.fld--v .fld-bdy {
	display: block;
}
.fld-bdy label{ /*need this for now :( */
	color: inherit !important;
	float: none !important;
}
.fld-grp {
	display: table-row-group;
}
.fld-opt {
	color:var(--black-650);
	font-size: .85em;
	font-weight: normal;
}
.fld-short .fld-lbl,
.fld-short .fld-bdy { padding-bottom: 0; }
/**/

#facebox label {
	color: var(--black-700);
	font-size: var(--txt-sz-m);
	float: left;
	width: 160px;
	text-align: left;
	margin-bottom: 18px;
	vertical-align: top;
}
#facebox .options label {
	float: none;
}

div.options {
	margin: 0 0 0 123px;
	padding-bottom: 18px;
	position: relative;
	line-height: 24px;
}

#facebox div.options {
	margin-left:178px;
}

.option_label { float:left; }

.upload_limit_note { margin-top:6px; color:var(--black-650); font-size:13px; }

.remote_update_original { display: none; }
.show_hide {  }
.hide_show { display: none !important; }

@keyframes delayVisibility {
	0%   { opacity:0; }
	99%  { opacity:0; }
	100% { opacity:1; }
}

.loading_throbber {     z-index: 10000;
	position: fixed;
	top: 264px;
	left: 50%;
	display: none;
	border-radius: 9px;
	transform: translateX(-50%);
	animation: delayVisibility linear 1s; /* exaggerated; 1s is too long */
}
/*.loading_throbber img { height:24px; }*/
@media (prefers-color-scheme: dark) {
	body.theme-auto .loading-spinner-gif{
		filter:invert(1);
	}
}
body.theme-dark .loading-spinner-gif{
	filter:invert(1);
}

.import_item { position:relative; }
.import_item .import_model_checkbox { position:absolute; top:15px; left:0; }
.import_item .import_model_errors { margin-left:27px; }
.import_item .model_to_import { margin-left:27px; margin-bottom:18px; padding:12px 12px 0; border:1px solid var(--black-075); border-radius:6px; }
.import_item .model_to_import h5 { margin-bottom:18px; }

.bullet { margin:0 6px; color:var(--black-650); }

.social_head,
.social_head_small,
.social_head_smaller,
.social_head_big {
	float: left;
	overflow: hidden;
}
.social_head{
	width: 64px;
	line-height: 65px;
}
.social_head_small{
	width: 41px;
}
.social_head_smaller{
	width: 30px;
}
.social_head_big{
	width:100px;
}
.social_head:hover,
.social_head_small:hover,
.social_head_smaller:hover,
.social_head_big:hover {
	text-decoration: none !important;
}
.social_head_with_name{
	margin: 0 3px 6px 0;
	height: 90px;
}
.social_head_picture,
.social_head_small_picture,
.social_head_smaller_picture,
.social_head_big_picture {
	background-position: left center;
	background-size: 100% auto;
	height: 0;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 10%;
	background-color:var(--black-050);
	color:var(--black-650);
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	box-shadow: 0 0 0 1px var(--black-075) inset;
}
.social_head_small_picture {
	font-size: 19px !important;
	line-height: 42px !important;
}
.social_head_smaller_picture{
	font-size: 14px !important;
	line-height: 31px !important;
}
.social_head_big .social_head_picture {
	font-size: 48px;
	line-height: 100px;
}
.social_head_name {
	color: var(--black-650);
	font-size: 12px;
	line-height: 1;
	text-align: center;
	margin-top: 2px;
}


.drop-down .social_head_smaller {
	float: none;
	display: inline-block;
	margin-bottom: -5px;
}

.social_head_small .profile-card-content {
	display: none;
}

.form_error { color:var(--red-500); }

.social_counter {
	color: var(--black-650);
	font-size: 13px;
	padding: 0 6px;
	background-color: var(--black-050) !important;
	border-radius: 2px;
	white-space: nowrap;
	border:1px solid var(--black-100);
	position:relative;
	margin-left:3px;
	display: inline-block;
	height: 17px;
}
.social_counter:before {
	position: absolute;
	top: 3px;
	right: auto;
	left: -11px;
	content: '';
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid var(--black-100);
	border-bottom: 5px solid transparent;
	display: inline-block;
}
.social_counter:after {
	position: absolute;
	top: 4px;
	right: auto;
	left: -8px;
	content: '';
	border-top: 4px solid transparent;
	border-left: 4px solid transparent;
	border-right: 4px solid var(--black-050);
	border-bottom: 4px solid transparent;
	display: inline-block;
}
.social_counter:hover {
	text-decoration:none !important;
}

.post,
.comment,
.newsitem  {
	margin:18px 0;
}
.post-body,
.comment-body,
.newsitem-body {
	margin-top:0;
	margin-left: 47px;
	margin-bottom: 6px;
	padding:6px;
	font-size:var(--txt-sz-m);
	line-height:1.4;
}
.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 {
	/*background-color: var(--green-050);*/
}
.comment-isCollapsed {
	/*padding:3px;
	margin:6px 0; */
}
.reply-isCollapsed {

}

.comment-owner,
.reply-owner{
	font-weight: bold;
	font-size: 15px;
}
.comment-content,
.reply-content {
	/*margin-top: 6px;*/
}
.comment-grade,
.reply-grade {
	display: inline-block;
	height: 20px;
}
.comment-grade{
	/*top:8px;*/
}
.reply-grade {
	/*top:14px;*/
}

.post .ancillary {
	margin-top:9px;
}

.reply {
	padding: 6px 0px 6px 50px;
}
.reply-body{
	/*border-top:1px dotted var(--black-100);*/
	padding:3px 6px 9px 56px;
}
.post-footer,
.comment-footer,
.reply-footer {
	margin-top:9px;
	color:var(--black-650);
}

.comment > .social_head_small,
.reply > .social_head_small {
	position: relative;
	top: 8px;
}
.reply > .social_head_small{
	left: 3px;
}

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

.comment .ancillary {
	margin-bottom:0;
	margin-top:9px;
}
.commentadd {
	display:none;
	margin:0 0 0 50px ;
}
.commentadd .social_head_small {
	float: left;
	position: relative;
	top: 6px;
}
.commentadd form {
	/*border-top: 1px dotted var(--black-100);*/
	padding:6px 6px 6px 56px;
	/*margin-left: 53px;*/
}

.commentadd textarea {
	display: block;
	width: 100%;
	height: 64px;
	margin-bottom: 6px;
}

.post_likes,
.post_comments,
.comment-likes,
.comment-replies,
.newsitem-replies,
.newsitem-likes {
	color:var(--black-650);
	background-color: var(--black-050);
	font-size: 13px !important;
	padding: 1px 3px;
	/*margin-right: 50px; */
	margin-left: 50px;
	margin-bottom: 3px;
}
.post_likes a,
.post_comments a,
.comment-likes a,
.comment-replies a,
.newsitem-replies a,
.newsitem-likes a {
	color: var(--black-650) !important;
}
.post_comments,
.comment-replies,
.newsitem-replies {
	margin-bottom: 0px;
}

.newsitem:first-child>div { border-top:0; }
.post>div p, .comment p { margin-bottom:9px; margin-top:3px; }
.post .ancillary,
.newsitem .ancillary,
.discussion_report .ancillary {
	font-size:13px;
	margin-bottom:9px;
	color:var(--black-650);
}
.discussion_report { position:relative; }
.discussion_report .report_comment { font-size:var(--txt-sz-m); line-height:1.4; }
.discussion_report .ancillary label { float:none !important; font-size:inherit !important; color:inherit !important; margin-bottom:0 !important; }
.new-filter {
	border: 1px solid var(--black-075);
	padding: 5px 12px 4px;
	border-radius: 3px;
	margin-bottom: 18px;
}
.new-filter-form {
	padding: 3px 9px 9px;
	margin: 0 -9px;
}
.new-filter a,
.new-filter .filter-toggle,
.new-filter .filter-toggle:hover {
	font-size: var(--txt-sz-m);
	color: var(--black-700);
	text-decoration: none !important;
}
.filter-toggle_icon {
	margin-right: 4px;
}
.new-filter label {
	float:left;
}
.new-filter label {
	font-size: 13px;
	color:var(--black-650);
	text-transform: capitalize !important;
}
.new-filter .num_results {
	font-size:var(--txt-sz-m);
	color:var(--black-650);
}
.new-filter .preset_name {
	float: right;
	font-size:var(--txt-sz-m);
	color:var(--black-650);
}
.new-filter .options {
	margin-bottom-left:117px;
	padding-bottom: 0;
	height: 36px;
}
.new-filter-chunk,
.filter-presets {
	background-color: var(--black-050);
	color: var(--black-650);
	padding: 9px;
	border-radius: 6px;
	margin-bottom: 9px;
	line-height: 28px;
}
.new-filter-chunk button{
	vertical-align: bottom;
}
.new-filter-chunk button,
.new-filter-chunk .select,
.new-filter-chunk input{
	margin-top: 2px;
	margin-bottom: 2px;
}
.filter-presets {
	margin-top: 9px;
	margin-bottom: 0px;
}
.filter-conditions { white-space:normal; padding-top:6px; }
.filter-chosen-condition {
	background-color:var(--white);
	padding: 0 6px;
	margin: 0 6px 0 0;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	white-space: nowrap;
	font-size: 13px;
	border-bottom: 1px solid var(--black-075);
	display:inline-block;
 }
.filter-chosen-condition-trash { margin-left:3px; position:relative; top:1px; }
.filter-condition-templates { display:none; }
.filter-condition-wrapper-template { display:none; }
.filter-chosen-condition-template { display:none; }
.filter_field input[type="number"] { width:50px; }
.filter-toggle_icon{
	display: inline-block;
	transition: all .1s ease-in-out;
}
.filter-is_open {
	transform: rotate(90deg);
}

.inline-edit-submit {
	margin-top:6px;
	line-height: 24px;
}

.controldropdown, .dropdown {
	font-size:13px;
	background-color:var(--white);
	border:1px solid var(--black-100);
	display:none;
	position: absolute;
	right: 18px;
	top: 139px;
	z-index: 99;
	padding:9px;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(var(--shadow-rgb),.2);
}

.dropdown { top:21px !important; right:0 !important; z-index:9999 !important;  }

.controldropdown ul li a, .dropdown ul li a { display:block; padding:3px 6px; color:var(--black-650) !important; transition: all .2s; }
.controldropdown ul li a:hover, .dropdown ul li a:hover { color:var(--black-700) !important; text-decoration:none !important; background-color:var(--black-050); border-radius:2px; }
.controldropdown ul li a:active, .dropdown ul li a:active { color:var(--black-900) !important; background-color:var(--black-075);}

.controldropdown ul:before, .dropdown ul:before {
	position: absolute;
	top: -7px;
	left: 9px;
	right: auto;
	content: '';
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid var(--black-100);
	border-bottom-color: var(--black-200);
	display: inline-block;
}

.controldropdown ul:after, .dropdown ul:after {
	position: absolute;
	top: -6px;
	left: 10px;
	right:auto;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid var(--white);
	display: inline-block;
}

.dropdown_right ul:before { left:auto; right:9px; }
.dropdown_right ul:after { left:auto; right:10px; }

.h4DropDown li a { float:none; margin:0; white-space: nowrap; }

.info-field { clear:left; }
.info-field label { margin-bottom:18px;  }
.shorter-info-fields .info-field { margin-bottom: 6px; }
.shorter-info-fields .info-field label { margin-bottom: 6px; }

.no-margin-left { margin-left: 0 !important; }

#side, .side {
	/*overflow:auto;*/
	margin:0;
	float: left;
	padding:18px 18px 0;
	background-color: var(--black-025);
	border: 1px solid var(--black-075);
	border-radius:3px;
	width:167px;
}

#side h4, .side h4 { border-bottom:none; font-size:16px; text-transform:capitalize; margin-bottom:0;  padding:0; color:inherit; }
#side ul, .side ul { list-style:none; font-size:var(--txt-sz-m); line-height:18px; margin:0 0 18px; }
#side ul li,
#side ul li a,
.side ul li,
.side ul li a,
.left_menu ul li,
.left_menu ul li a { color:var(--black-650); text-transform:capitalize;  text-decoration:none; padding:5px 9px;
	line-height:18px; display:block; border-radius:3px; margin-bottom:2px; transition: all .2s ease-in-out; }
#side ul li a:hover, .side ul li a:hover, .left_menu ul li a:hover,
#side ul li a:focus, .side ul li a:focus, .left_menu ul li a:focus { color:var(--black-900) !important; text-decoration:none !important; background-color:var(--black-050);}
#side ul li a:active, .side ul li a:active, .left_menu ul li a:active { background-color:var(--black-075) }
#side ul li, .side ul li, .left_menu ul li { padding:0; }
#side ul ul, .side ul ul, .left_menu ul ul { margin-top:0; color: var(--black); }
#side ul ul a, .side ul ul a, .left_menu ul ul a { text-transform:capitalize;  color:var(--black); font-weight:normal; }
#side ul ul li.current, .side ul ul li.current, .left_menu ul ul li.current { background-color: var(--black-075); }

#side ul li.selected a, .side ul li.selected a, .left_menu ul li.selected a { background-color:var(--black-075) !important;  color:var(--black-850); box-shadow:none; }
#side ul li.selected a span, .side ul li.selected a span, .left_menu ul li.selected a span { color:var(--black-750); }

.files-side,
.account-side {
	margin-top:36px;
	float:left;
	width:193px;
	background-color:transparent;
	border:none;
	padding:0;
}
.files-side ul li a,
.account-side ul li a{
	padding:8px 6px 6px;
	font-size: var(--txt-sz-m);
}
.account-side{
	margin-top: 0;
}
.account-side h3 {
	margin-bottom: .5em;
	font-size: 18px;
	color: var(--black-850);
}
.account-side ul li a{
	padding:6px 9px;
}


.with_left_menu { margin-left:229px; }

.show-arrow {
	height:9px;
	width:9px;
	position:relative;
	display:inline-block;
	top:-1px;
	margin-left:6px;
	transition: all .2s ease-in-out;
	transform: rotate(225deg);
}
.show-arrow:before,
.show-arrow:after {
	position: absolute;
	content:'';
	background-color:var(--black-600);
}
.show-arrow:before {
	top:0;
	bottom:0;
	left:0;
	width:.15em;
}
.show-arrow:after {
	bottom:0;
	left:0;
	height:.15em;
	right:0;
}
.show-arrow.is-shown {
	transform: rotate(315deg);
}


/*file uploader stuff*/
.uploader-inline{
	display: inline-block;
}
.uploader-queue-file{
	font-size:13px;
}
.uploader-full.uploader-has-files .uploader-browse{
	margin-top:12px;
}
.uploader-full .uploader-queue-file,
.uploader-compact .uploader-queue-file{
	height:30px;
	margin-bottom:3px;
	padding:6px 9px;
	border-radius:2px;
	white-space: nowrap;
	overflow:hidden;
}
.uploader-full .uploader-queue-file{
	background-color:var(--white);
	border:1px solid var(--black-075);
}
.uploader-queue-file-size{
	text-transform: uppercase;
}
.uploader-queue-file-name{
	display:inline-block;
	margin-right: 14px;
}
.uploader-remove-file{
	float: right;
	position: relative;
	top: 2px;
}
.uploader-queue-file-size,
.uploader-queue-file-percent{
	color:var(--black-650);
}
.uploader-queue-file-percent{
	margin-left: 6px;
}
.uploader-queue-file-statusText{
	color:var(--black-650);
}
.uploader-queue-file-statusText::before{
	content: '\00A0\00A0\00b7\00A0\00A0';
	color:var(--black-650);
}
.uploader-queue-file-statusBar{
	background-color:var(--black-100);
	height:3px;
	margin-top:6px;
}
.uploader-queue-file-statusBar,
.uploader-queue-file-statusBar div {
	height:3px;
	transition: width .5s ease-in-out;
}
.uploader-queue-file-statusBar .is-uploading{
	background-color:var(--blue-500);
}
.uploader-queue-file-statusBar .is-complete{
	background-color:var(--green-600);
}
.uploader-inline .uploader-queue-file .uploader-queue-file-statusText,
.uploader-inline .uploader-queue-file .uploader-queue-file-percent,
.uploader-inline .uploader-queue-file .uploader-queue-file-size,
.uploader-inline .uploader-queue-file .uploader-queue-file-statusBar{
	display: none;
}

.uploader-browse{
	cursor:pointer;
}
.uploader-full .uploader-drop-area{
	border:dashed 2px var(--black-100);
	background-color:var(--black-050);
	text-align:center;
	color:var(--black-800);
	padding:48px 0;
	border-radius: 6px;
	font-size: 15px;
}
.uploader-compact .uploader-drop-area{
	padding:6px 9px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
}
.uploader-drop-area{
	position: relative;
	min-height: 20px; /*without this drag & drop breaks in IE 11*/
}
.uploader-container { text-align: left; }
#profile_image_upload_container.drag-over{
	border:solid 2px var(--blue-500) !important;
}
.uploader-drop-area.drag-over::before{
	content: '';
	border-radius: 6px;
	box-shadow: 0 0 0 5px var(--blue-500);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.uploader-compact .uploader-drop-area.drag-over:before{
	border:none;
	border-radius: 3px;
	box-shadow: 0 0 0 4px var(--blue-500) inset;
}
.uploader-compact{
	border-color:var(--black-100);
	border-style:solid;
	border-width:1px 0;
	color: var(--black-650);
	font-size:var(--txt-sz-m);
	text-align: left;
}
.uploader-compact .uploader-queue-file {
	padding-bottom:3px;
}

.profile-image-uploader .uploader-queue-file{
	margin-top:6px;
}
.profile-image-uploader .uploader-queue-file .uploader-queue-file-statusText,
.profile-image-uploader .uploader-queue-file .uploader-queue-file-percent,
.profile-image-uploader .uploader-queue-file .uploader-queue-file-size{
	display: none;
}
.file_input_focused{
	box-shadow: 0 0 3px 1px rgba(var(--black-rgb),.4);
	border-radius: 3px;
	border-color:transparent;
}

.donation-content {
	padding-bottom:18px;
	font-style:italic;
	border-bottom:1px dotted var(--black-100);
	margin-bottom:24px !important;
	color: var(--black-650);
}
.donation-field_label,
#facebox .donation-field_label{
	float: left;
	text-align: right;
	width:182px;
	font-size: 15px;
}
.donation-field,
#facebox .donation-field{
	margin-left: 200px;
	margin-bottom:18px;
	position: relative;
}
.donation-field-input{
	width:100%;
}

.money-input {
	text-align: right;
}

.editable_template_preview {
	line-height:1.2;
	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;
}

.hex_color_input_wrapper {
	display:inline-block; position:relative;
}
.hex_color_input {
	width:80px !important;
}
.hex_color_preview {
	width: 22px;
	height: 22px;
	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;
}

#picture,
#picture_disabled {
	border: 1px solid var(--black-075);
	box-sizing: border-box;
	/*box-shadow:0 0 3px rgba(var(--shadow-rgb),.1) inset;*/
	border-radius: 4px;
	background-color: var(--black-025);
	height:0;
	width:100%;
	padding-bottom: 123%;
	float:none;
	display:block;
	margin-bottom:12px;
	overflow: hidden;
	position: relative;
}
/*#picture:hover { border-color: var(--indigo-600) !important; }*/

#picture img, #picture_disabled img {
	width: 100%;
}
#infobox { margin-left: 196px; }
#infobox .options { margin-left:95px; }

#autosaved_time { float:left; color:var(--black-650); font-size:15px;
	transition:color .5s ease-in-out;
}

.just-saved {
	color:var(--green-800) !important;
}

.localization-dropdown a.show_dropdown {
	text-decoration:none;
}

.lesson-section {
	margin-bottom: 36px;
}
.lesson-section-heading {
	margin-bottom: 18px;
}
.lesson-section-content {
	margin-bottom: 18px;
}

.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, .criterion-manage {
	border-collapse:collapse;
	width: 100%;
	min-width:500px;
	max-width: 1024px;
}

.rubric-manage {
	margin-bottom: 0;
}

.rubric-manage-heading {
	font-weight: bold;
	text-align: center;
	background-color: var(--black-050);
	padding: 8px !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 {
	/*min-width: 100px;*/
}

.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;
	/*min-width: 80px;*/
	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;
}

.rubric-add-criterion{
	margin: 3px 0 18px;
	text-align: center;
}

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

#signup_form {
	font-size: 15px;
}
#signup_form h2{
	font-weight: bold;
}
#signup_form h3 {
	font-weight: bold;
	text-align:center;
	margin-bottom: .75em;
}
#signup_form input[type='text'] {
	width:276px;
}
.signup_form-section p {
	margin-bottom: 2em !important;
	padding: 0 5em;
}
.signup_form-section{
	margin-bottom: 36px;
	padding-bottom: 24px;
	border-bottom:1px dotted var(--black-100);
}
.signup_form_field-lbl {
	float: left;
	text-align: right;
	width: 138px;
	font-size: 15px;
 }
 .signup_form_field-bdy{
	margin-left: 156px;
	margin-bottom: 18px;
	position: relative;
 }

.side_heading {
	font-size: 16px;
	font-weight: bold;
}

.contacts_left_col{
	width:140px !important;
	margin-top: 36px !important;
}
.contacts_singlecol{
	padding-left: 218px !important;
	padding-top: 27px !important;
}
.contacts_singlecol .column_header{
	margin-bottom: 3px !important;
	border:none;
}
.contacts_singlecol .columnnav{
	margin-left: 0;
	margin-right: 0;
	padding: 0 12px;
}
.contacts_singlecol .column_header a{
	color:var(--black-650);
}

.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: 18px;
}
.contact-row-link a{
	font-weight: bold;
}
.contact-row-details{
	font-size: 13px;
	line-height: 20px;
	color: var(--black-650);
}
.contact-row-checkbox{
	height: 16px;
	width: 16px;
	position: absolute;
	top: 18px;
	text-align:center;
}
.contact-row-thumbnail{
	height: 58px;
	width: 58px;
	line-height: 58px;
	font-size: 34px;
	border-radius: 10%;
	box-sizing:border-box;
	background-color:var(--black-050);
	text-align:center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 24px;
	overflow: hidden;
}
.contact-row-body{
	margin-left: 92px;
	overflow: hidden;
	min-height: 59px;
}

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


.test_question_category {
	background-color: var(--black-050);
	margin-right: 1px;
	padding: 1px 4px;
	border-radius: 3px;
	/*border: 1px solid var(--black-050);*/
	color: var(--black-650);
}
.test_question_content p{
	margin-bottom: 0 !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;
}
.left_menu{
	background-color: transparent !important;
	border: none;
	width: auto;
	flex-grow: 0;
	flex-shrink: 0;
	padding: 0;
	margin-right: 36px;
	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:  9px 0 24px;
	padding: 0 0 18px;
}
.singlecol.has-left_menu .columnnav {
	padding: 0;
	margin: 0 0 18px;
}


.course_offering_name {
	margin-top:24px !important;
	margin-bottom: 18px !important;
}
.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: 12px;
}
.course_offering_singlecol .columnnav{
	margin-left: 0;
	margin-right: 0;
	padding: 0 12px;
}
.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:36px;
	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: 13px;
	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(--ff-icons) Pro';
	font-weight: 300;
	margin-right:4px;
}
.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;
}
.integration_logo {
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
	height: 66px;
	width: 66px;
	font-size:36px !important;
	line-height: 66px !important;
	border-radius: 10%;
}
.integration_icon {
	box-sizing: border-box;
	background-color: var(--black-050);
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
	height: 66px;
	width: 66px;
	font-size:36px !important;
	line-height: 66px !important;
	border-radius: 10%;
}

.no-bottom-margin-if-empty:empty { margin-bottom:0 !important; }

.link_lists .link_list { margin-bottom:27px; position:relative; }
.reordering .link_list, .reordering .link_list_link { background-color:var(--black-050); padding:6px !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:9px; margin-bottom:9px !important; }
.link_list_link { position:relative; border-bottom:1px dotted var(--black-200); padding-left:9px; }
.link_list_link_name { margin-right:30px; }

.link_list_description, .link_description {  margin-right:30px; font-size:13px; }
.link_description {  margin-bottom: 12px;  }

.link_lists .reordering { margin-top:3px; }
.link_list_name { margin:0 30px 9px 0; font-size:16px; }

.copy_block { background-color:var(--black-050); padding:9px; color:var(--black-700); margin-bottom:18px; font-size:13px; border-radius:3px; }

/* Success, error & notice boxes for messages and errors. */
.error { background-color:var(--red-100); color:var(--black); text-align:center; padding:3px; font-size:var(--txt-sz-m); text-align:center; margin-bottom:-1px; border-radius:3px; }
/*.error a    { color:var(--red-900); }
.notice a   { color: var(--gold-700); text-decoration:underline !important; }*/

.txt-sz-4xl { font-size:var(--txt-sz-4xl); }
.txt-sz-3xl { font-size:var(--txt-sz-3xl); }
.txt-sz-2xl { font-size:var(--txt-sz-2xl); }
.txt-sz-xl  { font-size:var(--txt-sz-xl); }
.txt-sz-l   { font-size:var(--txt-sz-l); }
.txt-sz-m   { font-size:var(--txt-sz-m); }
.txt-sz-s   { font-size:var(--txt-sz-s); }
.txt-sz-xs  { font-size:var(--txt-sz-xs); }

.txt-clr-strong     { color: var(--black); }
.txt-clr-subtle     { color: var(--txt-clr-subtle); }
.txt-clr-notice     { color: var(--txt-clr-notice) }
.txt-clr-warning    { color: var(--txt-clr-warning); }
.txt-clr-good       { color: var(--txt-clr-good); }
.txt-clr-inherit    { color:inherit !important; }

.txt-hl,
.txt-hl-blk {
	border-radius: 3px;
}
.txt-clr-subtle a,
.txt-clr-notice a,
.txt-clr-warning a,
.txt-clr-good a,
.txt-hl a,
.txt-hl-blk a {
	color: inherit !important;
}
.txt-clr-notice a,
.txt-clr-warning a,
.txt-clr-good a,
.txt-hl a,
.txt-hl-blk a {
	text-decoration:underline !important;
}
.txt-hl {
	padding:2px 4px;
}
.txt-hl-blk {
	padding:3px;
}
.txt-hl-subtle {
	color: var(--black-800) ;
	background-color: var(--black-050);
 }
.txt-hl-info {
	color: var(--blue-900) ;
	background-color: var(--blue-100);
 }
.txt-hl-notice {
	color: var(--gold-900) ;
	background-color: var(--gold-100);
 }
.txt-hl-warning {
	color: var(--red-900) ;
	background-color: var(--red-100);
 }
.txt-hl-good {
	color: var(--green-900) ;
	background-color: var(--green-050);
 }

.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: 4px;
	margin-left: 22px;
	margin-bottom: 6px;
	padding: 5px;
	cursor: pointer;
	color: var(--black-850);
	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: 6px;
}
.payment_method_selector_icon {
	position: relative;
	top: 1px;
	margin-right: 6px;
}
.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;
}

.routing-symbol-l, .routing-symbol-r { position:absolute; top:0; line-height: 1.4; }
.routing-symbol-l::before, .routing-symbol-r::before { content:"⑆"; font-size:16px; }
.routing-symbol-l { left:3px; }
.routing-symbol-r { right:3px; }

.pop-notification_icon {
	background-image: url(../images/pop.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    position: relative;
    top: 5px;
    margin-left: 9px;
    opacity: .5;
}
.pop-notification_icon-active {
	opacity: .9;
}
.pop-notification_icon:hover {
	opacity: 1;
}
.pop-notification_icon-active::before {
	content: '';
	opacity: 1;
	background-color: var(--red-400);
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	bottom: -3px;
	right: -4px;
	border:  3px solid  #111; /*This color stays this color - AS*/
}
.toggle-password-input-type {
	position: absolute;
	top: 1px;
	right: 1px;
	height: 22px;
	line-height: 22px;
	width: 40px;
	text-align: center;
	border-radius: 0 3px 3px 0;
	background-color: var(--black-050);
	text-decoration: none !important;
	color: var(--black-650) !important;
	font-size: 12px;
	border-left: 1px solid var(--black-100);
	overflow-x: hidden;
}

.table_sums { margin-bottom: 18px; font-size: var(--txt-sz-l); font-weight: bold; }
.table_sums_spinner { top:3px !important; margin-right:2px; }
.table_sums_loading_text { color:var(--black-650); }