html, body {
	height:100%;
}

@media print {
	.print-hidden {
		display: none !important;
	}
}

.page-break {
	page-break-before: always !important;
}

.WhiteDrawHeader {
	background  : #FFFFFF;
	font-family : Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
	line-height : 14px;
	font-size   : 14px;
	margin      : 0.5rem 0.5rem 1rem;
}

table.WhiteDrawHeader {
	height          : 25px;
	border-collapse : collapse !important;
}

table.WhiteDrawHeader table {
	border-collapse: collapse !important;
}

.WhiteDrawHeader td {
	padding     : 0;
	font-family : inherit;
	font-size   : inherit;
}

TD.GrayDrawHeader {
	background:#F0F0F1;
	border-width:1px;
	border-style: none none solid none;
	border-color:#AAAAAA;
	border-collapse:collase;
	padding : 0.5rem 1rem;
}

B,TD {
	font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 13px;
}

TD.GrayDrawHeader > :is(div, font):only-child {
	display     : flex;
	align-items : center;
	flex-wrap   : wrap;
	gap         : 1rem;
}

TD.GrayDrawHeader[align="center"] > :is(div, font):only-child {
	justify-content : center;
}

TD.GrayDrawHeader[align="right"] > :is(div, font):only-child {
	justify-content : flex-end;
}

B,TD {
	font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 13px;
}

FORM {
	display: inline;
}

.BoxContents {
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.EntireBox {
	background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #749FFF;
}

.BoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background: #749FFF;
}

TD.TabContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.FontBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.scroll_contents > a,
#menu_hiddensearch > a,
a {
	color: inherit;
}

A.LO_link {
	color: #000000;
	text-decoration: underline;
}

A.BoxHeading {
	color: #FFFFFF;
	text-decoration: none;
}

A.TabContents {
	text-decoration: none;
}

.scrollable {
	overflow-y:auto;
	width:100%;
	position:relative;
}

TD.Box, SPAN.Box {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

TD.LeftBorder {
	width: 5px;
	background: transparent url(./border2/left.gif) repeat-y;
}

TD.RightBorder {
	width: 15px;
	background: transparent url(./border2/left.gif) repeat-y;
}

.clickable {
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#0033CC;
		-display:block;
		-width:1%;
		-white-space: nowrap;
	background:transparent;
}

.rolloverGray {
	color: gray;
	font-family: Verdana, Arial, sans-serif;
	font-size:11;
}

.rolloverBlack {
	font-family: Verdana, Arial, sans-serif;
	font-size:11;
}

.errorTextField {
	border: 3px solid #FF0000;
}

/*
	for IE6 - because it doesn't support the border for select boxes
*/
.errorTextFieldSelect {
	border: 3px solid #FF0000;
	/*background: #FF0000;*/
}


select.swiftbox {
	display: none !important;
}


td.MSR-filter-header {
	border:1px solid silver;
	background:#EEE;
	text-align:center;
	font-weight:bold;
}

div.MSR-filter-header {
	border:1px solid silver;
	background:#EEE;
	text-align:center;
	font-weight:bold;
}

.HiddenDivTransparentCorner {
	width: 10pt;
	height: 10pt;
	opacity:0.5;
	filter: alpha(opacity=50);
}
.HiddenDivTransparentMiddle {
	background-image:url(./hiddendiv/middle.gif);
	opacity:0.5;
	filter: alpha(opacity=50);
}
.HiddenDivHeader {
	background: #8080ff;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 16pt;
}
.HiddenDivTab {
	padding: 0.5em;
}
.HiddenDivTransparent {
	box-shadow: 0 0 0 15px rgba(200, 200, 200, 0.5);
	border-radius: 1px;
}

#email_status {
padding-left:10px; padding-top:6px; position: absolute; background:#FFF1A8; border:1px solid #CCC; bottom:1px; color:black; font-size:80%; right:1px; padding-bottom:7px;
}
body > div#email_status {
position: fixed;
}

small {
	font-size:10px;
}


DIV#scheduler_confirm {
	z-index:500;
}

.input_int,.input_numeric,.input_positive_int,.input_positive_numeric{width:75px}

.fixed_tables {
	top:0px;
}

.tooltip {
	position: absolute;
	z-index: 1000;
	display: none;
	border: 1px solid #666;
	border-radius: 3px;
	background-color: #FFFAEA;
	color: #000;
	padding: 3px;
	margin: 0;
	box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
	min-width: 1.5rem;
}

#generic_tooltip {
	z-index: 100001;
}

.tooltip:not(.accessible-tooltip):before,
.tooltip:not(.accessible-tooltip):after {
	content: '';
	position: absolute;
	top: 100%;
	left: 5px;
	border-style: solid;
	border-width: 6px;
}

.tooltip:not(.accessible-tooltip):before {
	border-color: #000 transparent transparent;
}

.tooltip:not(.accessible-tooltip):after {
	border-color: #FFFAEA transparent transparent;
}

.tooltip.left:before,
.tooltip.left:after {
	left: auto;
	right: 5px;
}

.tooltip.bottom:before,
.tooltip.bottom:after {
	top: auto;
	bottom: 100%;
	border-color: transparent transparent #000;
}

.tooltip:after {
	border-color: #FFFAEA transparent transparent;
	margin-top: -1px;
}

.tooltip.bottom:after {
	border-color: transparent transparent #FFFAEA;
	margin-top: 0;
	margin-bottom: -1px;
}

.dateContainer {
	white-space: nowrap;
}

.date {
	width: 7em;
}

.date.clickable {
	outline: 0;
	border: 1px solid transparent;
	border-bottom: 1px dotted #009;
	background: transparent;
	box-shadow: none;
	cursor: default;

}

.date.clickable:focus {
	margin: 0;
	border: 1px solid #999;
	background: #FFF;
	cursor: text;
}

.date_picker {
	vertical-align: middle;
}

.date.invalid {
	background: #FCC !important;
}

.strikeout {
	text-decoration: line-through;
}

@media print{
	.site-content{
		position : relative !important;
		top      : auto !important;
		overflow : visible !important;
	}
	.site-container{
		position : relative !important;
		overflow : visible !important;
	}
	.field-grid{
		position : inherit !important;
	}
	.field-header{
		position : inherit !important
	}
	.field-segment{
		position : inherit !important;
	}
}

#top_submit {
	margin: 2px;
	height: 22px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

pre {
	white-space: pre;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

.input_title {
	font-size:	x-small;
}

/* THE WIZZARD COMMANDS IT */
.LO_alert {
	display: none;
}

.center_text {
	text-align: center;
}

.important {
	text-transform: uppercase;
}

.error {
	color: #8B1820;
}

.invisible {
	visibility: hidden !important;
}

/* Section containers
*******************************************************************************/
.section {
	position: relative;
	display: block;
	margin: 10px;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #FDFDFD;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}

.section.inline-block {
	display: inline-block;
	vertical-align: top;
}

.section[disabled] {
	opacity: 0.5;
}

.section[data-label] {
	padding-top: 0;
}

.section[data-label]:before {
	content: attr(data-label);
	display: block;
	line-height: 25px;
	padding: 0 10px;
	margin: 0 0 10px;
	border: inherit;
	border-top: 0;
	border-radius: 0 0 5px 5px;
	background-color: #EFEFEF;
	box-shadow: -2px -2px 1px rgba(0, 0, 0, 0.05) inset,
				2px 0 1px rgba(0, 0, 0, 0.05) inset;
	color: #59B;
	font-weight: bold;
	font-size: 14px;
	cursor: default;
	text-align: center;
}

.secondary .section[data-label]:before {
	background-color: #FFE7A8;
	color: #614C1F;
}

.section-loading {
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .25) url(./loading_bar.gif) center no-repeat;
}

/* Positions laravel error page within the site-content area */
.site-content > .container {
	position: relative;
}


/* ===================== Bootstrap integration ====================== */

/*prevent bootstrap breaking the date picker year select in firefox*/
.ui-datepicker-year {
	color: #000;
	font-weight: normal;
}

/*prevent bootstrap from breaking the student hover description*/
#Migoicons table {
	border-collapse: separate;
	line-height: 1.428571429;
}

#Migoicons table td {
	background-color: #333366;
	padding: 2px;
}

#Migoicons > table table[cellpadding="2"] td {
	background-color: #e8e8ff;
}

/* ================== End Bootstrap Integration ===================== */

table.rounded_corners
{
	border-collapse:separate;
	border-radius: 0.2rem;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	overflow: hidden;
}

td.rounded_corners
{
	border-radius: 0.2rem;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
}

.BottomButton {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #333333;
}

.RedSubmit {
	background-color: red;
	color: white;
	font-weight: bold;
}

/***********PORTAL BLOCK START**************/
TABLE.Box
{
	width:100% !important;
	border-collapse:separate;
	border: 1px solid rgba(0, 0, 0, 0.2);
	height: auto;
}

TABLE.Portal_Dashboard_Table,
TABLE.Portal_Table
{
	margin-top:5px !important;
	border-collapse:separate !important;
	border-spacing: 7px;
}

TABLE.Portal_Dashboard_Table TABLE.Box,
TABLE.Portal_Table TABLE.Box
{
	height:100% !important;
	min-height:100% !important;
}

TD.BoxContent
{
	padding:5px;
	height: 100%;
	min-height: 100%;
	font-size:12px;
	vertical-align:top;
}

DIV.BoxContent
{
	padding:5px;
	height: 100%;
	font-size:12px;
}

DIV.BoxContentBackground
{
	width:100%;
	height:100%;
}

DIV.BoxContentDiv
{
	padding:5px;
	font-size:12px;
	overflow:hidden;
}

TD.BoxHeading
{
	font-weight:600;
	padding: 5px 10px;
	height:12px;
	font-size:12px;
	color:#FFFFFF !important;
}

TD.portal_block
{
	height:100% !important;
}

.portal_alert {
	margin-top: .25rem;
}

.note img {
	max-width: calc(100% - 10px);
}

/***********PORTAL BLOCK END**************/

/***********PAGE LAYOUT START***********/

DIV.BodyDiv
{
	width:100%;
	margin:0 auto;
	padding:0px;
	background:#FFFFFF;
}

DIV.site-content {
	border-style:none none none none;
	border-color:#000000;
	border-width:0;
	width:100%;
	z-index:1;
	bottom:0px;
	overflow-y:hidden;
}

TD.LO_header A {
	color           : #333;
	text-decoration : none;
}

TABLE.Floating
{
	position:absolute;
	display:none;
}

.EntireBox
{
	border-collapse:separate;
	padding:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px 5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px 5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px 5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px 5px;
}

.scrollable
{
	padding:0px;
}


/***********PAGE LAYOUT END***********/

.PrevFont {
	font-family: sans-serif;
	font-size: 13px;
}

.demographicReport {
	width: 98%;
	padding: 10px;
}

.demographicReport > .LOCTable {
	width: 100%;
	margin: 0px;
}

.focus-input {
	border: 1px dotted #00F;
	border-width: 0 0 1px 0;
	background-color: transparent;
}

.focus-input:disabled {
	border: 1px dotted #AAA;
	border-width: 0 0 1px 0;
	background-color: transparent;
}

.focus-input:focus {
	border: 1px solid #999;
	background-color: #FFF;
}
select[name=side_period]{
	color:black;
	font-size:11px;
	font-weight:normal;
}

@media only screen and (max-width: 770px) {
	.Portal_Dashboard_Table > tbody,
	.Portal_Table > tbody {
		display: flex;
		flex-direction: column;
	}

	.Portal_Dashboard_Table > tbody > tr {
		display: flex;
		flex-direction: column;
	}

	.Portal_Dashboard_Table > tbody > tr > td,
	.Portal_Table > tbody > tr > td {
		margin-bottom: 10px;
	}

	#portal-salutation {
		margin: 0;
	}
}

#FocusUniversityCoursesBlock {
	margin: -5px;
	padding: 1rem;
	min-height: 100%;
	max-height: 275px;
	overflow: auto;
}

/* Legacy Portal Overrides */
/* These attempt to match the new Parent/Student Portal design */
/* This is the CSS equivalent of painting over wallpaper */

.legacy-portal {
	min-height : 100%;
	background : rgb(245, 245, 245);
	box-shadow : 0 0 0 5rem rgb(255, 255, 255);
	font-size  : 1rem;
}

.legacy-portal > table.BottomButton {
	padding       : 0.25rem 0.5rem;
	border-bottom : 1px solid rgba(0, 0, 0, 0.2);
}

.legacy-portal .portal-salutation-container {
	display     : flex;
	align-items : center;
}

.legacy-portal .portal-view-select {
	margin-right : 0.5rem;
}

.legacy-portal .Portal_Table {
	margin          : 0 !important;
	border-collapse : separate;
	border-spacing  : 1rem;
}

.legacy-portal-block {
	border        : 1px solid rgba(0, 0, 0, 0.2);
	border-radius : 5px;
	background    : rgb(255, 255, 255);
	box-shadow    : 0 5px 15px rgba(0, 0, 0, 0.2);
	overflow      : hidden;
}

.legacy-portal-block.portal_block__,
.legacy-portal-block:empty {
	visibility : hidden !important;
}

.legacy-portal-block .Box {
	border : none;
}

.legacy-portal-block .BoxHeading {
	padding     : 0.5rem 0.75rem;
	font-size   : 1.3rem;
	font-weight : normal;
	font-family : Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.legacy-portal .BoxContent {
	border : none;
}

.legacy-portal .district-events-title-container {
	display         : flex;
	justify-content : space-between;
}

.legacy-portal .district-events-link-container {
	color     : #FFF;
	font-size : 1rem;
}

.legacy-portal .district-events-link-container a {
	display         : inline-block;
	color           : #FFF;
	text-decoration : underline;
	margin-left     : 0.25rem;
}

.legacy-portal .portal_block_Messages .BoxContent,
.legacy-portal .portal_block_Upcoming_Events .BoxContent {
	padding : 0;
}

.legacy-portal .district-news,
.legacy-portal .district-events {
	min-height : 100%;
	max-height : 300px;
	overflow   : auto;
}

.legacy-portal .district-events-header {
	display : none;
}

/* Alerts overrides */

.legacy-portal .portal_block_Alerts .BoxHeading {
	background : #EF8D13 !important;
}

.legacy-portal .portal_block_Alerts .BoxContent {
	padding : 0.75rem;
}

.legacy-portal #portal_ajax_alerts {
	margin     : -0.75rem;
	padding    : 0.75rem;
	min-height : 100%;
	max-height : 450px;
	overflow   : auto;
}

.legacy-portal .portal-no-alerts {
	margin-top : 1rem;
	color      : rgba(0, 0, 0, 0.7);
	font-style : italic;
	font-size  : 1.3rem;
	text-align : center;
}

.legacy-portal .portal-alerts-section,
.legacy-portal #portal_ajax_alerts a,
.legacy-portal #messenger_alert_portal_alerts {
	margin-bottom   : 0.5rem;
	padding         : 0.5rem;
	line-height     : 1.3;
	border          : 1px solid rgba(0, 0, 0, 0.2);
	background      : #FAFAFA;
	box-shadow      : 2px 2px 2px rgba(0, 0, 0, 0.1);
	text-decoration : none;
	font-size       : 0.9rem !important;
}

.legacy-portal .portal-alerts-section-title,
.legacy-portal #portal_ajax_alerts a {
	display     : flex;
	align-items : center;
	font-size   : 0.9rem;
}

.legacy-portal .portal-alerts-section-title {
	margin-bottom : 0.25rem;
}

.legacy-portal .portal-alerts-section ul {
	margin-left : 1.75rem;
}

.legacy-portal .portal-alerts-section li {
	font-size : 0.9rem !important;
}

.legacy-portal #portal_ajax_alerts a {
	padding : 0.25rem;
}

.legacy-portal #portal_ajax_alerts a:hover {
	background : #EFEFEF;
}

.legacy-portal .portal-alerts-section li a:hover {
	text-decoration : underline;
}

.legacy-portal .portal-alerts-section-title > img:first-child,
.legacy-portal #portal_ajax_alerts a > img:first-child,
.legacy-portal #portal_ajax_alerts a > div:first-child:last-child > img:first-child {
	margin-right : 0.5rem;
}

.legacy-portal #portal_ajax_alerts a > div:first-child:last-child {
	display     : flex;
	align-items : center;
}

.legacy-portal #portal_ajax_alerts > br,
.legacy-portal .portal_alert > br {
	display : none;
}

.legacy-portal #messenger_alert_portal_alerts {
	margin        : 0 !important;
	padding       : 0 !important;
	width         : auto !important;
	border        : 1px solid rgba(0, 0, 0, 0.2) !important;
	border-radius : 0 !important;
}

.legacy-portal #messenger_alert_portal_alert_title {
	padding       : 0.25rem 0.5rem;
	border-bottom : 1px solid rgba(0, 0, 0, 0.2) !important;
	background    : #EF8D13 !important;
	color         : #FFF;
	font-size     : 1.1rem;
	font-weight   : normal !important;
}

.legacy-portal #messenger_alert_portal_alerts li {
	padding    : 0.25rem 0;
	height     : auto !important;
	background : #FFF !important;
}

.legacy-portal #messenger_alert_portal_alerts li + li {
	border-top : 1px solid rgba(0, 0, 0, 0.2);
}

.legacy-portal #messenger_alert_portal_alerts li:hover {
	background : #F0F0F0 !important;
}

.legacy-portal #messenger_alert_portal_alerts .online_status {
	top       : 50% !important;
	right     : 0.5rem !important;
	transform : translateY(-50%);
}

.legacy-portal .portal-alerts-section.threat-alert a {
	border         : none !important;
	box-shadow     : none !important;
	background     : none !important;
	padding        : 0 !important;
	margin         : 0 !important;
	text-decoration: none !important;
}

.threat_alert_info {
	font-size:14px;
}

.threat-title {
	display        : flex;
	justify-content: space-between;
	align-items    : center;
}

.threat-details {
	display: none;
}