/*** Shared ***/
* {
	padding:0px; 
	margin:0px;
}

html {
	height: 100%;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
			
body {
	height: 100%;
	background-color: #eeeeee;
}


/* 
	2024-0407 added for future developers to find class names of rendering code
	May not render at the bottom of the page because some pages/components
	still do absolute-positioning which we're moving away from in favor 
	of flex-box positioning for improve mobile and varying-sized screens
*/
footer.has-class-name,
div[data-page-name="Sec504_Eval_Report"] footer,
#IEP_EvaluationShell footer
{
	margin-top: 1rem;
	border-top: 1px dotted black;
	
	padding-top: 0.15rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 0.75rem;
}

/* this page is absolutely positioned.. so it needs special treatment for now */
#Sec504PlanShell footer
{
	border: none;
	font-size: 0.75rem;
}


a.plain {
    color: #000000;
    text-decoration: none;
}

a.smallLink {
	color: #000055;
	text-decoration: underline;
	font-size: 10px;
}

div.scrollBox,
div.scroll-box {
    overflow-x: auto;
    overflow-y: scroll;
}

.overflowHidden {
   	overflow-y: hidden;
   	overflow-x: hidden;
}

.raisedText {
    border: 1px solid #ffffff;
    border-bottom-color: #888888;
    border-right-color: #888888;
}


#top-banner-id
{
	font-size: 0.85rem;
	
	background-color: #E1FFD3; /*  #ccc; light gray */ /* the purplish typical color: #a1aafd; */
	color: black;
	
	display: flex;
	justify-content: space-between; /* horizontally */
	align-items: center; 		/* vertically */
	
	border-top: 1px solid black;
	border-bottom: 1px solid gray;
	
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	
	max-width: 1020px;	/* FIXME: 2024-0114 MAG I don't like this absolute width.. should go away eventually */
	
}

	#top-banner-id div.label
	{
		font-style: italic;
	}

	#top-banner-id div.user-info,
	#top-banner-id div.lea-info,
	#top-banner-id div.lea-info div.lea,
	#top-banner-id div.additional-info div.timestamp-and-version,
	#top-banner-id div.additional-info div.instance-info
	{
		display: flex;
		column-gap: 0.5rem;	
	}

		#top-banner-id div.user-info span.usercode
		{
			font-style: italic;
		}

		#top-banner-id div.user-info span.usercode::before
		{
			content: "(";
		}

		#top-banner-id div.user-info span.usercode::after
		{
			content: ")";
		}

		

	#top-banner-id div.user-info div.logout a,
	#top-banner-id div.lea-info div.password a 	/* link to change password */
	{
		color: #184b81;
		font-family: Helvetica, sans-serif;
		font-size: 0.8rem;	
		text-decoration: none;
	}


	#top-banner-id div.app-identifier
	{
		display: flex;
		column-gap: 0.5rem;
		align-items: baseline;
		
		font-family: Helvetica, sans-serif;
	}
	
		#top-banner-id div.app-identifier div.app-name sup
		{
			font-size: 0.7rem;
		}
	
		#top-banner-id div.app-identifier div.app-name
		{
			font-size: 1.3rem;
		}
	

		#top-banner-id div.additional-info
		{
			text-align: right;
		}
			
			#top-banner-id div.additional-info div.instance-info div.label::after,
			#top-banner-id div.lea-info div.lea div.label::after
			{
				content: ": ";
			}
	
		#top-banner-id div.additional-info div.version
		{
			/* nothing yet */
		}
		#top-banner-id div.additional-info div.version::before
		{
			content: "v. ";
		}



/* as of 2023-08-01 Used for IEPEvaluation form(s) */
.discontinued-form-note
{
	font-style: italic;
	font-weight: bold;
	color: red;
	background-color: transparent;	
}


.ajaxBusyIndicator {
	position: relative;
	left: 24px;
	bottom: 10px;
}
#AdminShell .adminAjaxBusyIndicator {
	position: fixed;
	z-index: 10;
	right: 10px;
	top: 60px;
}

.ajaxBusyContent, .ajaxBusyContent:hover, .ajaxBusyContent :hover {
	cursor: wait !important;
}

.textA {
	text-align: left; 
	vertical-align: top; 
	border-width: 0;
	border-color:#777777; 
	z-index: 3; 
	font: 11px Verdana; 
	background-color: transparent;
	font-weight: bold;
}

.textB {
	color: #000055;
	text-align: left; 
	vertical-align: top; 
	border-width: 0;
	border-color:#777777; 
	z-index: 3; 
	font: 11px Verdana; 
	background-color: transparent;
}

.centeredElement {
	margin-left: auto;
	margin-right: auto;
}

.helpText {
	color: #333;
	font-size: 13px;
	margin-bottom: 4px;
}

div.contentArea {
    position: relative;
    left: -105px;
}

div.contentArea * {
    color: #000000;
    font: 9pt Verdana;
}

#container{
	position: fixed; 
	top: 90px;
	left:108px;
	width: 918px;
	bottom:42px;
	overflow: auto;
}

#tab-container{
	position: fixed; 
	top: 170px;
	left:108px;
	width: 918px;
	bottom:42px;
	overflow: auto;
}

#sidebar {
	position: absolute;
	left: 110px;
}

.date-field {
	position: absolute;
	width: 75px;
}

#main {
	margin-top: 5px;
	margin-left: 20px;
	font-size: 10pt;
	width: 645px;
	float: left;
}
#right-column {
	float: right;
	height: 800px;
	width: 200px;
	margin-right: 20px;
	margin-top: 5px;
}

#draft-checkbox {
	float :right;
	width: 60px;
	padding: 2px;
}

.no-edit-box {
	border: 1px solid grey;
	/*padding: .5px;*/
	padding-left: 1px;
	padding-right: 1px;
}

.boxForChecking {
	border: 1px solid black;
	width: 12px;
	height: 12px;
	margin: 0px;	
	margin-right: 4px;	
	float:left;
}

.header-small {
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana;
}

.big-text {
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
}

.outset {
	border: 2px outset whitesmoke;
	padding: 5px;
}
.inset {
	border: 2px inset whitesmoke;
	padding: 5px;
}

p {
    color: #003366;
}

p.h1 {
    font-size: 10pt;
    font-weight: bold;
}

p.error {
    color: #dd0000;
    font-size: 8pt;
}

p.fieldLabel, div.fieldLabel, td.fieldLabel, span.fieldLabel {
    color: #000055;
    font: 8pt Verdana;
    text-align: right;
}

p.fieldLabel.required, div.fieldLabel.required, td.fieldLabel.required {
    font-weight: bold;
}

p.label, td.label {
    color: #000055;
    font: 8pt Verdana;
    text-align: left;
}

div.button {
    border: 1px solid #555555;
    border-radius: 7px;
    height: 28px;
    width: 80px;
}

div.lightButton {
    border: 1px solid #555555;
}

div.button > input[type=submit] {
    background-color: #cccccc;
    border: 1px solid #ffffff;
    border-bottom-color: #888888;
    border-radius: 7px;
    border-right-color: #888888;
    color: #226eac;
    font-size: 7pt;
    font-weight: bold;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

div.lightButton > input[type=submit] {
    background-color: #dddddd;
}

div.darkRise {
    border: 1px solid #aaaaaa;
}

div.darkRise > div {
    background-color: #cccccc;
    border: 1px solid #ffffff;
    border-bottom-color: #aaaaaa;
    border-right-color: #aaaaaa;
}

div.icon {
    border: 1px solid #000000;
    height: 22px;
    width: 22px;
}

div.icon a.innerIcon,
div.icon a.inner-icon {
    border: 1px solid #ffffff;
    border-bottom-color: #888888;
    border-right-color: #888888;
    color: #226eac;
    font-weight: bold;
    height: 16px;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    width: 16px;
}

div.icon img {
    height: 14px;
    width: 14px;
}

div.icon.smallIcon,
div.icon.small-icon {
    height: 14px;
    width: 14px;
}

div.icon.smallIcon a,
div.icon.small-icon a {
    font-size: 7pt;
    height: 12px;
    padding: 0 3px 1px 1px;
    vertical-align: 2px;
    width: 12px;
}

div.icon.smallIcon img,
div.icon.small-icon img {
    position: relative;
    top: 5px;
}

div.icon.smallIcon.lightIcon,
div.icon.small-icon.light-icon {
    border: none;
}

div.icon.smallIcon.lightIcon a,
div.icon.small-icon.light-icon a {
    border: 1px inset #cccccc;
}

input.field {
    /*border: none;*/
}

input.dateField,
div.no-edit-box.dateField,
input.date-field,
div.no-edit-box.date-field {
	position: static;
    text-align: center;
    width: 62px;
}


input[type="button"],
input[type="submit"]
{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}


.buttonA {
  	display: inline-block;
	border: 1px solid #555555;
  	border-radius: 7px; }
	.buttonA input, .buttonA a {
		display: block;
		border: 1px solid #ffffff;
		border-bottom-color: #888888;
		border-right-color: #888888;
  		border-radius: 7px;
		background-color: #cccccc;
		padding: 4px;
		color: #216fa8;
		font-family: "Times New Roman";
		font-size: 13px; 
		text-decoration: none;
		font-weight: 600;}
		.buttonA input:link {
			background-color: #aaaaaa; }
		.buttonA input:visited, .buttonA a:visited {
			background-color: #aaaaaa; }
		.buttonA input:hover, .buttonA a:hover {
    	    background: #bbbbbb; }
		.buttonA input:active, .buttonA a:active {
    	    background: #999999;
    	    border-color: #888888;
    	    border-bottom-color: #eeeeee;
			border-right-color: #eeeeee; }

.buttonB {
  	display: inline-block;
	border: 1px solid #555555;
  	border-radius: 7px; }
	.buttonB input, .buttonB a {
		border: 1px solid #ffffff;
		border-bottom-color: #888888;
		border-right-color: #888888;
  		border-radius: 7px;
		background-color: #cccccc;
		padding: 1px;
		padding-left: 10px;
		padding-right: 10px;
		color: #216fa8;
		font-family: "Times New Roman";
		font-size: 13px; 
		font-weight: bold}
		.buttonB input:link {
			background-color: #aaaaaa; }
		.buttonB input:visited {
			background-color: #aaaaaa; }
		.buttonB input:hover {
    	    background: #bbbbbb; }
		.buttonB input:active {
    	    background: #999999;
    	    border-color: #888888;
    	    border-bottom-color: #eeeeee;
			border-right-color: #eeeeee; }
	.buttonB a {
		text-decoration: none;
	}

.shellButtonA {
  	display: inline-block;
  	position:relative;
	border-width: 0px;
  	width: 98px;	
  	border: 1px solid #eeeeee; 
	border-bottom-color: #666666;
	border-right-color: #666666;
	
	padding: 0;
	}
	.shellButtonA a {
  		display: block;
 		color: black;
	  	text-decoration: none;
		text-align: left; 
		padding-left: 5px;
	}
		.shellButtonA a:link {
		  	background-color: #aaaaaa; }
		.shellButtonA a:visited {
		  	background-color: #aaaaaa; }
		.shellButtonA a:hover {
		  	background-color: #999999; }
		.shellButtonA a:active {
		  	background-color: #777777; }

.creationButton { /* Not square anymore. Sorry. */
	padding: 2px 6px;
	background: #bbb;
	border: 2px solid #ccc;
	
	text-align: center;
	
	cursor: pointer;
	
	border-radius: 4px;
	border-bottom-color: #666;
	border-right-color: #666;
	}
	.creationButton:hover {
		background: #999;
	}
	.creationButton:active {
		background: #c0c0c0;
		border-color: #666;
		border-bottom-color: #999;
		border-right-color: #999;
	}


/* ----- Generic Styles ----- */

.optionsList {
	position: absolute;
	z-index: 10000;
	padding: 6px 0;
	border-radius: 4px;
	background: white;
	
	max-height: 200px;
	overflow: auto;
	
	box-shadow: 0 2px 10px rgba(0,0,0,.5);
	font-size: 12px;
}
.optionsList ul {
	
}
.optionsList ul li {
	list-style: none;
	padding: 2px 10px;
	/*white-space: nowrap;*/
}
.optionsList ul li.selected {
	background: blue;
	cursor: pointer;
	color: white;
}


.blueBlock {
	background: #a1aafd;
	padding: 6px 12px;
	border: 1px solid #e1f2ff; 
	border-bottom-color: #5e65b9; 
	border-right-color: #5e65b9; 
}

.error {
	text-align: center;
	padding: .5em 1.5em;
	background: #faa;
	margin-bottom: 1em;
	font-size: 13px;
	color: red;
	font-family: Verdana;
}

.noError {
	text-align: center;
	padding: .5em 1.5em;
	margin-bottom: 1em;
	font-size: 13px;
	font-family: Verdana;
}

.info {
	color: blue;
	font: 13px Verdana; 
	display: block;
	border: 2px outset whitesmoke;
	padding: 5px;
}

.crossCircle {
	width: 11px;
	height: 11px;
	border: 1px solid #728288;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	}
	.crossCircle:hover {
		background: #f88;
		box-shadow: inset 0 0 1px #666;
	}
	.crossCircle:active {
		background: #f55;
		box-shadow: inset 0 0 1px #333;
	}
	.crossCircle:before {
		content: "";
		position: absolute;
		
		top: 2px;
		left: 5px;
		
		background: #333;
		width: 1px;
		height: 7px;
		
		transform:rotate(45deg);
		-ms-transform:rotate(45deg); /* IE 9 */
		-moz-transform:rotate(45deg); /* Firefox */
		-webkit-transform:rotate(45deg); /* Safari and Chrome */
		-o-transform:rotate(45deg); /* Opera */
	}
	.crossCircle:after {
		content: "";
		position: absolute;
		
		top: 5px;
		left: 2px;
		
		background: #333;
		width: 7px;
		height: 1px;
		
		transform:rotate(45deg);
		-ms-transform:rotate(45deg); /* IE 9 */
		-moz-transform:rotate(45deg); /* Firefox */
		-webkit-transform:rotate(45deg); /* Safari and Chrome */
		-o-transform:rotate(45deg); /* Opera */
	}
	.crossCircle.inline {
		display: inline-block;
	}

/******* Simple Document *******/
.simpleDocument {
	margin: 3em;
	margin-left: 6em;
	margin-right: 6em;
	padding: 3em;
	background: white
	}
	.simpleDocument h1 {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		color: black;
	}
	.simpleDocument p {
		color: black;
		margin-top: 1.5em;
	}

/* ----- Tabs ----- */
.tabs {
	background: #e5e5e5;
	border-bottom: 1px solid #728288;
	font-size: 0px;
	padding: 3px 3px 0;
	}
	.tabs.master {
		background: #ddd;
	}
	.tabs a {
		display: inline-block;
	}
	.tabs .tab {
		position: relative;
		background: #dfdfdf;
		font-size: 16px;
		display: inline-block;
		border: 1px solid #728288;
		padding: 2px 6px;
		margin-top: 2px;
		margin-bottom: -1px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		cursor: pointer;
		text-align: center;
		box-shadow: inset 0 -2px 2px -2px #999;
		color: black;
		}
		.tabs .tab:hover {
			background: #d7d7d7;
			box-shadow: inset 0 -3px 3px -3px #999;
		}
		.tabs .tab:active {
			background: #d0d0d0;
			box-shadow: inset 0 -4px 4px -4px #888;
		}
		.tabs .tab .crossCircle {
			display: none;
		}
		.tabs .tab:hover .crossCircle {
			display: inline-block;
			position: absolute;
			top: 4px;
			left: 5px;
		}
		.tabs .tab.closeable {
			padding-left: 22px;
			padding-right: 22px;
		}
		.tabs.master .tab {
			background: #d5d5d5;
		}
		.tabs .tab.wide {
			padding: 2px 3em;
		}
		.tabs .tab.tall {
			height: 2.75em;
			vertical-align: middle;
		}
		.tabs .tab.quarter {
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;
			width: 25%;
		}
		.tabs .tab.quint {
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;
			width: 16.6%;
		}
		.tabs .tab:not(:first-child) {
			margin-left: -1px;
		}
		.tabs .tab.tabSelected {
			border-bottom: 1px solid #eee;
			background: #eee;
			cursor: auto;
			position: relative;
			z-index: 1;
			box-shadow: none;
		}
		.tabs.master .tab.tabSelected {
			background: #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
		}
	.tabs .tabContent {
		position: relative;
	}
		
/* ------ ERXTabPanel ------ */
/* ------ Default CSS ------ */
.ERXTabPanel {
	padding: 0px;
	border-width: 0px;
	margin: 0px; 
	height:100%;
	}
	.ERXTabPanel .Tabs {
		padding: 0px;
		padding-top: 3px;
		padding-left: 6px;
		border-width: 0px;
		margin: 0px;
	}
	.ERXTabPanel .Tabs .TabItems {
		padding: 0px;
  		border-width: 0px;
 		margin: 0px;
 		font-size: 0px;
		list-style: none;
	 }
		.ERXTabPanel .Tabs .TabItems .nonSelectedTab {
			border-top-left-radius: 5px;
	 		border-top-right-radius: 5px;
			padding: 4px 0px 4px 0px;
			margin-bottom: 5px;
			background: #d0d0d0;
			border: 1px solid #aaaaaa;
			border-bottom: 0px;
			color: #555555;
			font-size: 16px; 
  		 	display: inline-block; }
			.ERXTabPanel .Tabs .TabItems .nonSelectedTab a {
				color: black;
  	 			text-decoration: none; }
				.ERXTabPanel .Tabs .TabItems .nonSelectedTab a div {
					padding-left: 28px; 
					padding-right: 28px; }
		.ERXTabPanel .Tabs .TabItems .tab {
			color: #0000aa;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			padding: 5px 28px 7px 28px;
			background: #dddddd;
			border: 2px solid #588bc1;
			border-bottom: 0px;
			font-size: 16px;
  			display: inline-block; }
	.ERXTabPanel .TabContent {
		border: 0px;
  		border-top: 3px solid #588bc1;
  		padding: 2px;
  		margin: 0px;
  		margin-top: -6px; 
  		height:100%; }

/* ----- Front Screen Dialog ----- */
.FrontScreenDialog {
	position: fixed;
	z-index: 1001;
	background: #eee;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, .5);
	}
	.FrontScreenDialog.top {
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
	}
	.FrontScreenDialog .title {
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 5px;
	}
	.FrontScreenDialog .content {
		visibility: hidden;
		position: relative;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
		overflow: auto;
		overflow-x: hidden;
		padding-right: 1px;
	}
	.FrontScreenDialog .frontScreenButtons {
		margin-top: 5px;
	}
	.FrontScreenDialog .frontScreenButtons.maximized {
		position: absolute;
		bottom: 10px;
		left: 10px;
		right: 10px;
	}
/* ----- Front Screen Dialog Additions ----- */
.FrontScreenDialog .fixedHeader {
	background: #eee;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
	z-index: 1000;
	left: 10px;
	right: 10px;
	position: absolute;
}

.frontScreenButtons.centered, .frontScreenButtons .centered {
	text-align: center;
}

.frontScreenButtons.centered>:first-child, .frontScreenButtons .centered>:first-child {
	float: left;
}

.frontScreenButtons.centered>:last-child, .frontScreenButtons .centered>:last-child {
	float: right;
}

#Cover {
	position: fixed;
	z-index: 1000;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .5);
}
/* ----- Pop Up Text Field ----- */
.popUpTextFieldList {
	background: white;
	border-radius: 4px;
	padding: 4px 0;
	box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .5);
	}
	.popUpTextFieldList .item {
		padding: 1px 8px;
		list-style: none;
		cursor: pointer;
		}
		.popUpTextFieldList .item:hover {
			background: #ddd;
		}
		.popUpTextFieldList .item.selected {
			background: #A1AAFD;
		}
		

/* ----- Record List ----- */
.RecordList {
	margin: 4px;
	border-collapse: collapse;
	}
	.RecordList td {
		border: 1px solid #666;
		background: white;
		padding: .1em .6em;
		text-align: center;
		}
		.RecordList td.hideLeftBorder {
			border-left: none;
			padding-left: .2em;
		}
		.RecordList td.hideRightBorder {
			border-right: none;
			padding-right: .2em;
		}
		.RecordList td.paragraph {
			text-align: left;
			vertical-align: top;
		}
		.RecordList td.nowrap {
			white-space: nowrap;
		}
		.RecordList td.ellipsis {
			min-width: 160px;
			max-width: 160px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
	.RecordList th {
		padding: .1em .6em;
		}
		.RecordList th:not(:last-child):not(.hideRightBorder) {
			border-right: 1px solid #999;
		}
		.RecordList th.hideLeftBorder {
			padding-left: .2em;
		}
		.RecordList th.hideRightBorder {
			padding-right: .2em;
		}
	.RecordList .descending:before {
		content: "";
		position: relative;
		top: 12px;
		right: 4px;
		border-top: 5px solid black;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}
	.RecordList .ascending:before {
		content: "";
		position: relative;
		bottom: 12px;
		right: 4px;
		border-bottom: 5px solid black;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}
	.RecordList .subHeader {
		text-align: left;
		font-size: 14px;
		font-weight: 600;
		padding-left: 2em;
		background: #d5d5ff;
	}
	.RecordList .subHeader a {
		text-decoration: none;
	}
	.RecordList .subHeader a:hover {
		text-decoration: underline;
	}
	.RecordList .subHeader .blackCross {
		visibility: hidden;
	}
	.RecordList .subHeader:hover .blackCross {
		visibility: visible;
	}
	.RecordList .subHeader .title {
		padding-right: 16px;
	}
	.RecordList .subHeader .subHeaderInfo {
		font-weight: normal;
		font-size: 12px;
		
		margin-left: 6px;
	}
		
	/* For Compact record list*/
	.CompactList {
		font-size: 12px;
	}
	.CompactList td, .CompactList th {
		padding: 2px;
	}
	
	
	/* 2023-0910 This doesn't work probably because the table is being displayed
			 in a lightbox.. FrontScreenDialog... , over the original web page 
			 
	table#AttachmentUpload.RecordList > tbody tr:hover
	{
		background-color: #74fae9;
	} 
	*/

	
.blackCross {
	position: relative;
	width: 16px;
	height: 16px;
	color: #f4f4f4;
	/*background: #811b18;*/
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	vertical-align: top;
	border-radius: 3px;
	}
	.blackCross:hover {
		/*background: #b12b28;*/
	}
	.blackCross:active {
		/*background: #711b18;*/
	}
	.blackCross:not(:empty) {
		padding-left: 22px;
		width: auto;
	}
	.blackCross:before {
		content: "";
		height: 11px;
		width: 3px;
		background: black;
		position: absolute;
		top: 3px;
		left: 7px;
		
		transform:rotate(45deg);
		-ms-transform:rotate(45deg); /* IE 9 */
		-moz-transform:rotate(45deg); /* Firefox */
		-webkit-transform:rotate(45deg); /* Safari and Chrome */
		-o-transform:rotate(45deg); /* Opera */
	}
	.blackCross:after {
		content: "";
		height: 3px;
		width: 11px;
		background: black;
		position: absolute;
		top: 7px;
		left: 3px;
		
		transform:rotate(45deg);
		-ms-transform:rotate(45deg); /* IE 9 */
		-moz-transform:rotate(45deg); /* Firefox */
		-webkit-transform:rotate(45deg); /* Safari and Chrome */
		-o-transform:rotate(45deg); /* Opera */
	}
	.blackCross:hover:before, .blackCross:hover:after {
		background: #b12b28;
	}

/* ----- User List ----- */
.InfoList {
	margin: 0 auto;
}

.addRecord {
	position: relative;
	margin: .5em 1em;
	margin-right: .5em;
	padding: .2em 1em;
	padding-left: 1.8em;
	background: #184b81;
	color: #f4f4f4;
	display: inline-block;
	font-size: 18px;
	cursor: pointer;
	}
	.addRecord:hover {
		background: #295c92;
	}
	.addRecord:active {
		background: #073a70;
	}
	.addRecord:before {
		content: "";
		height: 14px;
		width: 4px;
		background: white;
		position: absolute;
		top: 6px;
		left: 14px;
	}
	.addRecord:after {
		content: "";
		height: 4px;
		width: 14px;
		background: white;
		position: absolute;
		top: 11px;
		left: 9px;
	}
.sortRecords {
	position: relative;
	margin: .5em 0em;
	padding: .2em 1em;
	background: #184b81;
	color: #f4f4f4;
	display: inline-block;
	font-size: 18px;
	cursor: pointer;
	}
	.sortRecords:hover {
		background: #295c92;
	}
	.sortRecords:active {
		background: #073a70;
	}
.deleteRecord {
	position: relative;
	padding: 2px 6px;
	width: 10px;
	color: #f4f4f4;
	background: #811b18;
	display: inline-block;
	font-size: 14px;
	height: 16px;
	cursor: pointer;
	vertical-align: top;
	border-radius: 3px;
	}
	.deleteRecord:hover {
		background: #b12b28;
	}
	.deleteRecord:active {
		background: #711b18;
	}
	.deleteRecord:not(:empty) {
		padding-left: 22px;
		width: auto;
	}
	.deleteRecord:before {
		content: "";
		height: 14px;
		width: 4px;
		background: white;
		position: absolute;
		top: 3px;
		left: 9px;
		
		transform:rotate(45deg);
		-ms-transform:rotate(45deg); /* IE 9 */
		-moz-transform:rotate(45deg); /* Firefox */
		-webkit-transform:rotate(45deg); /* Safari and Chrome */
		-o-transform:rotate(45deg); /* Opera */
	}
	.deleteRecord:after {
		content: "";
		height: 4px;
		width: 14px;
		background: white;
		position: absolute;
		top: 8px;
		left: 4px;
		
		transform:rotate(45deg);
		-ms-transform:rotate(45deg); /* IE 9 */
		-moz-transform:rotate(45deg); /* Firefox */
		-webkit-transform:rotate(45deg); /* Safari and Chrome */
		-o-transform:rotate(45deg); /* Opera */
	}

.dragger {
	height: 8px;
	width: 11px;
	padding: 5px;
	display: inline-block;
	
	vertical-align: top;
	position: relative;
	
	cursor: ns-resize;
	}
	.dragger:after {
		content: "";
		position: absolute;
		width: 11px;
		height: 2px;
		top: 3px;
		
		border-bottom: 1px solid #666;
		border-top: 1px solid #666;
	}
	.dragger:before {
		content: "";
		position: absolute;
		width: 11px;
		height: 2px;
		top: 9px;
		
		border-bottom: 1px solid #666;
		border-top: 1px solid #666;
	}

.disableManualEntry {
	float: right;
	margin-top: 5px;
	margin-right: 26px;
}

/* ----- Goal Bank Dialog ------ */
.GoalBankDialog .title {
	margin: 0;
	padding-bottom: 4px;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
	position: relative;
	z-index: 10;
}
.GoalBankDialog table {
	border-collapse: collapse;
}
.GoalBankDialog table td {
	vertical-align: top;
	/*border: 1px solid black;*/
	padding: 5px 4px 4px;
}
.GoalBankDialog table th {
	font-size: 14px;
	padding: 5px;
}
.GoalBankDialog .number {
	width: 30px;
}
.GoalBankDialog .fullwidth {
	width: 98%;
}
.GoalBankDialog textfield {
	vertical-align: middle;
}
.GoalBankDialog .label {
	font-size: 14px;
	white-space: nowrap;
}
.GoalBankDialog .goalItem {
	background: #f5f5f5;
}
.GoalBankDialog .objectiveItem {
	background: #ddd;
}
.GoalBankDialog .item {
	border: 1px solid black;
	margin-bottom: 10px;
	padding: 4px;
	position: relative;
	}
	.GoalBankDialog .item.goal {
		background: #f5f5f5;
	}
	.GoalBankDialog .item.objective {
		background: #ddd;
		margin-left: 100px;
		width: 560px;
	}
	.GoalBankDialog .item.objectiveDelete {
		background: #ddd;
		width: 560px;
	}
	.GoalBankDialog .item .itemTitle {
		font-size: 16px;
		line-height: 12px;
		text-align: left;
		font-weight: bold;
	}
	.GoalBankDialog .item .block {
		display: inline-block;
		vertical-align: top;
		white-space: nowrap;
		}
		.GoalBankDialog .item .block.description .label {
			margin-bottom: 2px;
		}
		.GoalBankDialog .item .block.standards {
			vertical-align: bottom;
			margin-bottom: 3px;
			}
			.GoalBankDialog .item .block.standards .label {
				margin-top: 4px;
			}
			.GoalBankDialog .item .block.standards .vtCode {
				width: 30px;
			}
			.GoalBankDialog .item .block.standards .vtDescription {
				width: 232px;
			}
			.GoalBankDialog .item .block.standards .geCode {
				width: 50px;
			}
			.GoalBankDialog .item .block.standards .evalProc {
				width: 322px;
			}
			.GoalBankDialog .item .block.standards .geDescription {
				width: 212px;
			}
	.GoalBankDialog .item .bottom {
		margin-top: 2px;
		}
		.GoalBankDialog .item .bottom .label {
			margin-right: 4px;
		}
	.GoalBankDialog .item td.label {
		text-align: right;
	}
	.GoalBankDialog .item .deleteRecord {
		position: absolute;
		top: 4px;
		right: 4px;
	}
	
.GoalBankDialog .filterOpener {
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	margin-top: 4px;
}
#GoalFilter {
	background: #eee;
	display: none;
	z-index: 100;
	left: 0;
	right: 0;
	top: 0;
	margin-top: 5px;
	padding: 5px;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
	font-size: 14px;
	}
	#GoalFilter.open {
		display: block;
	}
	#GoalFilter span {
		white-space: nowrap;
	}
	#GoalFilter .Buttons {
		text-align: left; 
	}
	#GoalFilter .Buttons .clearFilter {
	}
	#GoalFilter .Buttons .applyFilter {
		float: right;
	}
	#GoalFilter table {
		white-space: nowrap;
		margin: 0 auto 5px;
		}
		#GoalFilter table td {
			padding: 2px;
			border: none;
		}
	#GoalFilter .label {
		text-align: right;
	}
	#GoalFilter .fixedWidth {
		width: 160px;
	}
	#GoalFilter td>span:not(:first-child) {
		float: right;
	}


#AccommodationsFilter {
	background: #eee;
	z-index: 100;
	left: 0;
	right: 0;
	top: 0;
	margin-top: 5px;
	padding: 5px;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
	font-size: 14px;
	}
	#AccommodationsFilter .Buttons {
		text-align: left;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	#AccommodationsFilter .Buttons .clearFilter {
	}
	#AccommodationsFilter .Buttons .applyFilter {
		float: right;
	}
	#AccommodationsFilter table {
		white-space: nowrap;
		margin: 0 auto 5px;
		text-align: left;
		}
		#AccommodationsFilter table td {
			padding: 2px;
			border: none;
		}
	#AccommodationsFilter .label {
		text-align: right;
	}

#AccommodationsHeader {
		font-size: 11pt;
		margin-top: 4px;
	}

#AccommodationsFooter {
		margin-top: 6px;
		margin-right: 48px;
		float: right;
	}

/* ----- Info Dialog ----- */
.InfoDialog {
	
	}
	.InfoDialog .content {
		position: static;
	}
	.InfoDialog input[type="text"] {
		font-size: 14px;
	}
	.InfoDialog .narrow {
		font-size: 14px;
		width: 100px;
	}
	.InfoDialog .regular {
		font-size: 14px;
		width: 220px;
	}
	.InfoDialog .wide {
		font-size: 14px;
		width: 400px;
	}
	.InfoDialog .phone {
		font-size: 14px;
		width: 160px;
	}
	.InfoDialog .label {
		text-align: right;
		padding-right: 4px;
	}
	.InfoDialog .date {
		font-size: 12px;
		color: #333;
	}
	.InfoDialog .infoBlock {
		display: inline-block;
		vertical-align: top;
	}


#FrontScreenDialog > form > div.content > div.student-access-tab
{
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}	
	#FrontScreenDialog > form > div.content > div.student-access-tab div.accessible-not-archived-students
	{
		margin-top: 1rem;
	}
	
	#FrontScreenDialog > form > div.content > div.student-access-tab div.accessible-not-archived-students caption
	{
		white-space: nowrap;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}

	#FrontScreenDialog > form > div.content > div.student-access-tab ol
	{
		padding-left: 2rem;	/* enables the ol to show its numbers */
	}

	#FrontScreenDialog > form > div.content > div.student-access-tab li.deleted span.last-name
	{
		font-style: italic;
	}

	#FrontScreenDialog > form > div.content > div.student-access-tab li.deleted span.deleted
	{
		display: inline-block;
		margin-left: 2rem;
		font-weight: bold;
	}

	#FrontScreenDialog > form > div.content > div.student-access-tab li.duplicate-cc-id,
	#FrontScreenDialog > form > div.content div.student-access-tab table.row-display tr.duplicate-cc-id
	{
		background-color: #02bfe7; /*  #e1f3f8 good blue: http://web-accessibility.carnegiemuseums.org/design/color/ */ 
		color: black;
	}



#FrontScreenDialog > form > div.content > div.user-info.roles-and-rights-tab
{
	padding-top: 0.5rem;	
}

	#FrontScreenDialog > form > div.content > div.user-info.roles-and-rights-tab
	{		
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
		
		padding: 0.5rem;
	}
	

	#FrontScreenDialog > form > div.content > div.user-info.roles-and-rights-tab fieldset legend
	{
		padding-inline: 4rem;
		
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		font-weight: bold;
	}


	#FrontScreenDialog > form > div.content > div.user-info.roles-and-rights-tab fieldset div.fieldset-content
	{
		padding-top: 0.5rem;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 0.5rem;
	}



	
.UserInfo .passwordRequirements {
		font-size: 12px;
		color: #333;
	}
	.UserInfo .passwordRequirements ul {
		padding-left: 20px;
	}
	
	
	
	
 
/* ----- New Object Creation ----- */
.CreateNewObject {
	margin: 100px 25%;
	}
	.CreateNewObject .creationButton {
		margin-top: 10px;
	}
	
	.CreateNewObject .blueNote {
		margin-top: 3px; 
		margin-bottom: -5px; 
		white-space: nowrap;
	}
	
	

/* ----- Portal ----- */		
.portalDiv {
	text-align: center;
	height:100%;
	margin-top: -86px;
}

.portalBlock {
	height:100%;
	padding-bottom: 2px;
	padding: 0px;
	padding-top: 100px;
	display: inline-block;
}

.portalHeader {
	color: #0000aa;
	padding: 0px;
	border: 1px solid #999999;
	background-color: #cccccc;	
	margin-bottom: 0px;
	border-bottom-width: 0px;
}

.portalBody {
	height:100%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	display: inline-block;
}

.portalOut {
	height:70%;
	padding-bottom: 2px;
	display: inline-block;
	border: 1px solid #ffffff;
	border-top-color: #999999;
	border-left-color: #999999;
}

.portalIn {
	overflow: auto;
	text-align: left;
	height:100%;
	border: 1px solid #aaaaaa;
}

.portalIn ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.portalIn ul li {
	border-bottom: 1px solid #9a9a9a;
	margin: 0px;
	font-size: 14px;
}

.portalIn ul li a {
	color: black;
  	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	display: block;
}
 
		
/*** MainLogin ***/ 
.MainLogin {
  text-align: center;
  font-family: Helvetica;
  background: #184B81; }
  .MainLogin .LoginBox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 125px;
    width: 400px;
    padding: 15px 5px 5px;
    background: #dddddd;
    box-shadow: 0px 5px 30px #222222;
    border-radius: 6px; }
  .MainLogin .header {
    margin: 6px 0 12px;
    font-size: 24px;
    color: black; }
  .MainLogin .userPassFields {
    margin-left: auto;
    margin-right: auto;
    text-align: right; }
    .MainLogin .userPassFields .leaNameCell {
      text-align: left; } 

  .MainLogin .instance-version-wrapper 
  {
    color: #999999;
    font-size: 10px; 
	
	display: flex;
	justify-content: space-between;
  }
  
	  .MainLogin .instance-version-wrapper .version::before
	  {
		content: "v";
	  }
  
 
  .MainLogin .button {
    padding: 1px 10px; }
  .MainLogin form {
    margin: 8px; }
    .MainLogin form td {
      font-size: 14px; }
      .MainLogin form td input {
        width: 140px; }
  .MainLogin .clear {
    clear: both; }
  .MainLogin .error {
	color:red; }
  .MainLogin .logoutSuccessful {
    color: green; }
  .MainLogin .logBackIn {
    color: blue; }

/*** Begin ***/ 
.Begin {
	background: #dddddd; 
	margin: 0px; }
	
	.Begin .header {
		display: flex;	
		justify-content: space-between;
		
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		
		color: #ffffff;
		background: #184b81; 
	}
		
		.Begin .header .username-lea-logout
		{
			display: flex;
			flex-direction: column;
			font-size: 1rem;
		}
			
			.Begin .header .username-lea-logout .logout a:link 
			{
      			text-decoration: none;
      			color: #ffffff; 
      		}
      		
      		.Begin .header div.user.label-value span.usercode
      		{
      			font-style: italic;
      		}
      		
			.Begin .header div.user.label-value span.usercode::before
			{
				content: "(";
			} 
      		
			.Begin .header div.user.label-value span.usercode::after
			{
				content: ")";
			} 
			
			
			.Begin .header div.user.label-value  span.usercode a.usercode-link
			{
				color: #ffffff;
				background-color: transparent; 
			}
		
			
      		
			
		.Begin .header .title {
			font-size: 1.5rem;
		}
			
			.Begin .header .appVersion sup { font-size: 0.6rem; }
			
			
			.Begin .header div.instance-info
			{
				display: flex;
				column-gap: 0.5rem;	
			}
			
			
			
		.Begin .header .formsVersion {
			position:absolute;
			bottom: 5px;
			right: 5px;
			font-size: 12px; }
			
	.Begin .body {
		margin-top: 0rem; /* 50px; */
		height: 100%; }
		.Begin .body .doneLink {
			text-align:center;
			padding-bottom: 4px;
			padding-bottom: 8px; 
		}
			
		.Begin .body nav.old-admin {
			display: flex;
			column-gap: 1rem;
			
			border: 1px solid #5e65b9;
			background-color: #a1aafd;
			padding-left: 1rem;
			padding-right: 1rem;
		}
			
		.Begin .body nav.old-admin a,
		.Begin .header .username-lea-logout a.logout
		{
			text-decoration: none;
			font-family: sans-serif;
			
			padding-top: 0.25rem;
			padding-bottom: 0.25rem;
			padding-left: 0.25rem;
			padding-right: 0.25rem;
		}
		
		.Begin .body nav.old-admin a:hover ,
		.Begin .header .username-lea-logout a.logout:hover		
		{ 
			background-color: #5e65b9;
			color: yellow; 
		}
		

 /*** Admin ***/
#AdminShell {
	position: absolute;	/* must be absolute or the scroll bars don't appear */
	
	bottom: 0;
	left: 0;
	right: 0;
	top: 7rem; /* 70px; */
}
#AdminShell .tabContent {
	position: relative;
	height: 95%; 
	
	padding-bottom: 27px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	overflow: auto;	/* must be auto for scroll bars to appear */
}
#AdminShell .listContainer {
	height: 100%;
	overflow: auto;
}
#AdminShell .listHeader {
	position: absolute;
	width: 100%;
	top: 0px;
	
	background: #dddddd;
	
}

#AdminShell table#UserListList td.Name,
#AdminShell table#UserListList td.UserID,
#AdminShell table#UserListList td.Email,
#AdminShell table#UserListList td.Title
{
	text-align: left;
}


#SiteAdminUpdateID {
	padding-top: 16px;
	}
	#SiteAdminUpdateID h2 {
		text-align: center;
		font-size: 16px; }
	#SiteAdminUpdateID .siteLabel {
		text-align: right; 
		white-space: nowrap; }
	#SiteAdminUpdateID .siteTable {
		margin: 8px auto; }
		#SiteAdminUpdateID .siteTable td {
			padding: 2px; }


#PowerSchoolAdminUpdateID {
	width: 100%;
	height: 100%;
	overflow: auto;
	white-space: nowrap;
}
#PowerSchoolAdminUpdateID .selectionColumn {
	display: inline-block;
	vertical-align: top;
	padding: 10px 0px;
	border-right: 1px solid #555;
	height: 100%;
	overflow: auto;
	
	white-space: normal;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#PowerSchoolAdminUpdateID .selectionColumn h2 {
	font-size: 16px;
	padding: 0 16px;
}
#PowerSchoolAdminUpdateID .selectionColumn li {
	list-style: none;
	
	padding: 3px 16px;
	white-space: nowrap;
}
#PowerSchoolAdminUpdateID .selectionColumn .valueListItem:hover {
	background: #eee;
	
	cursor: pointer;
}
#PowerSchoolAdminUpdateID .selectionColumn li.selected {
	background: #eee;
	border: 1px solid #555;
	border-left: none;
	border-right: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
#PowerSchoolAdminUpdateID .selectionColumn .description {
	padding: 0 16px;
	text-align: center;
	position: relative;
	}
	#PowerSchoolAdminUpdateID .selectionColumn .description .title {
		text-align: left;
		font-size: 12px;
		color: #222;
	}
#PowerSchoolAdminUpdateID .selectionColumn .deleteRecord {
	margin-top: 4px;
}
#PowerSchoolAdminUpdateID .selectionColumn .dragger {
	margin-top: 6px;
	margin-left: -6px;
}


#PowerSchoolSettingsUpdateID {
	}
	#PowerSchoolSettingsUpdateID h2 {
		text-align: center;
		font-size: 16px; }
	#PowerSchoolSettingsUpdateID .settingsLabel {
		text-align: right; 
		white-space: nowrap; }
	#PowerSchoolSettingsUpdateID .settingsField {
		text-align: left; }
	#PowerSchoolSettingsUpdateID .settingsString {
		text-align: left; }
	#PowerSchoolSettingsUpdateID .settingsTable {
		margin: 8px 16px; }
		#PowerSchoolSettingsUpdateID .settingsTable td {
			padding: 2px; }


#PowerSchoolAPIUpdateID {
	}
	#PowerSchoolAPIUpdateID h2 {
		text-align: center;
		font-size: 16px; }
	#PowerSchoolAPIUpdateID .apiLabel {
		text-align: right; 
		white-space: nowrap; }
	#PowerSchoolAPIUpdateID .apiField {
		text-align: left; }
		#PowerSchoolAPIUpdateID .apiField input {
			width: 230px; }
	#PowerSchoolAPIUpdateID .apiString {
		text-align: left; }
	#PowerSchoolAPIUpdateID .apiTable {
		margin: 8px 16px; }
		#PowerSchoolAPIUpdateID .apiTable td {
			padding: 2px; }
			#PowerSchoolAPIUpdateID .apiTable td.apiURL {
				text-align: left; }
				#PowerSchoolAPIUpdateID .apiTable td.apiURL input {
					width: 596px; }
			#PowerSchoolAPIUpdateID .apiTable td.updateAuth {
				padding-top: 6px;
				text-align: center; }


#PowerSchoolAddStudentUpdateID {
	padding-left: 16px;
	padding-right: 20px;
	}
	#PowerSchoolAddStudentUpdateID h2 {
		text-align: center;
		font-size: 16px; }
	#PowerSchoolAddStudentUpdateID .searchLabel {
		text-align: right; 
		white-space: nowrap; }
	#PowerSchoolAddStudentUpdateID .searchField {
		text-align: left; }
		#PowerSchoolAddStudentUpdateID .searchField input {
			width: 230px; }
	#PowerSchoolAddStudentUpdateID .exists {
		font-weight: bold; }
	#PowerSchoolAddStudentUpdateID .fixedHeader {
		margin-top: 4px; }
	#PowerSchoolAddStudentUpdateID .fixedHeader th {
		border: 1px solid #666; 
		border-bottom: 0px; }
	#PowerSchoolAddStudentUpdateID .searchTable {
		margin: auto; }
		#PowerSchoolAddStudentUpdateID .searchTable td {
			padding: 2px; }
			#PowerSchoolAddStudentUpdateID .searchTable td.instructions {
				padding-top: 6px;
				text-align: center; }
			#PowerSchoolAddStudentUpdateID .searchTable td.search {
				padding-top: 6px;
				text-align: center; }
			#PowerSchoolAddStudentUpdateID .searchTable td.searchCheckboxRow {
				padding-right: 32px; 
				padding-top: 6px; 
				text-align: center; }
				#PowerSchoolAddStudentUpdateID .searchTable td.searchCheckboxRow .searchCheckbox {
					margin-left: 32px;}
	#PowerSchoolAddStudentUpdateID .navigation {
		text-align: center;
		margin: 0px 16px; }
	#PowerSchoolAddStudentUpdateID .selectedTable {
		margin: 8px auto; }
			#PowerSchoolAddStudentUpdateID .selectedTable td.selectedLabel {
				text-align: right; }
			#PowerSchoolAddStudentUpdateID .selectedTable td.selectedString {
				text-align: left; }
			#PowerSchoolAddStudentUpdateID .selectedTable td.selectedSubheader {
				text-align: center; background: #eeeeee; }
	#PowerSchoolAddStudentUpdateID .selectAll {
		text-align: left;
		margin-top: 3px; }


#PowerSchoolSyncUpdateID {
	}
	#PowerSchoolSyncUpdateID .navigation {
		text-align: center;
		margin: 0px 16px; }
	#PowerSchoolSyncUpdateID .syncTable {
		margin: 8px auto; }
		#PowerSchoolSyncUpdateID .syncTable th {
			}
			#PowerSchoolSyncUpdateID .syncTable th.syncMainHeader {
				border: 1px solid #666; }
		#PowerSchoolSyncUpdateID .syncTable td {
			padding: 2px; }
			#PowerSchoolSyncUpdateID .syncTable td.syncLabel {
				text-align: right; }
			#PowerSchoolSyncUpdateID .syncTable td.syncFromString {
				text-align: center; }
			#PowerSchoolSyncUpdateID .syncTable td.syncToString {
				text-align: center; 
				color: red; }
			#PowerSchoolSyncUpdateID .syncTable td.syncSubheader {
				text-align: center; 
				background: #eeeeee; }
			#PowerSchoolSyncUpdateID .syncTable td.syncSubheaderFrom {
				text-align: center; 
				background: #eeeeee; }
			#PowerSchoolSyncUpdateID .syncTable td.syncSubheaderTo {
				text-align: center; 
				background: #eeeeee; }

	#PowerSchoolSyncUpdateID .syncDialogCover {
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, .5);
	}
	#PowerSchoolSyncUpdateID .syncDialog {
		z-index: 1001;
  		margin: auto;
  		margin-top: 10%;
		width: 360px;
		background: #eee;
		padding: 10px;
		border-radius: 10px;
		box-shadow: 0 5px 30px rgba(0, 0, 0, .5);
		text-align: left;
		}		
		#PowerSchoolSyncUpdateID .syncDialog .syncDialogHeader {
			text-align: center;
			font-weight: bold;
		}		
		#PowerSchoolSyncUpdateID .syncDialog .progressBarContainer {
			width: 100%;
		}
		#PowerSchoolSyncUpdateID .syncDialog .syncButtons {
			margin-top: 6px;
			text-align: center;
		}		

#ValueListEditorUpdateID {
	width: 100%;
	height: 100%;
	overflow: auto;
	white-space: nowrap;
}
#ValueListEditorUpdateID .selectionColumn {
	display: inline-block;
	vertical-align: top;
	padding: 10px 0px;
	border-right: 1px solid #555;
	height: 100%;
	overflow: auto;
	
	white-space: normal;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#ValueListEditorUpdateID .selectionColumn h2 {
	font-size: 16px;
	padding: 0 16px;
}
#ValueListEditorUpdateID .selectionColumn li {
	list-style: none;
	
	padding: 3px 16px;
	white-space: nowrap;
}
#ValueListEditorUpdateID .selectionColumn .valueListItem:hover {
	background: #eee;
	
	cursor: pointer;
}
#ValueListEditorUpdateID .selectionColumn li.selected {
	background: #eee;
	border: 1px solid #555;
	border-left: none;
	border-right: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
#ValueListEditorUpdateID .selectionColumn .description {
	padding: 0 16px;
	text-align: center;
	position: relative;
	}
	#ValueListEditorUpdateID .selectionColumn .description .title {
		text-align: left;
		font-size: 12px;
		color: #222;
	}
#ValueListEditorUpdateID .selectionColumn .deleteRecord {
	margin-top: 4px;
}
#ValueListEditorUpdateID .selectionColumn .dragger {
	margin-top: 6px;
	margin-left: -6px;
}
#ValueListEditorUpdateID .subHeaders span {
	display: inline-block;
	width: 158px;
	min-height: 4px;
	font-size: 16px;
	font-weight: bold;
	}
	#ValueListEditorUpdateID .subHeaders span:first-child {
		margin-left: 27px;
	}


	#ValueListEditorUpdateID section.editing-section
	{
		display: inline-block;
		padding-top: 0.25rem;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 1rem;	
	}

	#ValueListEditorUpdateID section.editing-section h2
	{
		font-size: 1.1rem;
	}


	#ValueListEditorUpdateID section.editing-section details.sublist
	{
		padding-top: 0.75rem;
	}

	#ValueListEditorUpdateID section.editing-section details.sublist div.details-content
	{
		margin-left: 1rem;
		counter-reset: sublist-child-value-row-number;
	}

	#ValueListEditorUpdateID section.editing-section details.sublist div.details-content div.labelled-input-text
	{
		margin-bottom: 0.25rem;
	}


	#ValueListEditorUpdateID section.editing-section details.sublist div.details-content label
	{
		counter-increment: sublist-child-value-row-number;
	}

	#ValueListEditorUpdateID section.editing-section details.sublist div.details-content label::after
	{
		content: counter(sublist-child-value-row-number) ".";
	}

	#ValueListEditorUpdateID section.editing-section details.sublist span.developer-only
	{
		/* display: inline-block; */
		display: none;
		padding: 0;
		margin: 0;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		margin-left: 5rem;
	}



#DeletedDocumentList .noDocuments, #DeletedDocumentList .headerActions {
	text-align: center;
}
#DeletedDocumentsCutoffDate {
	font-size: 18px;
	padding: 3px 4px;
	width: 90px;
}

 /*** Shell ***/ 
 
.Shell {
	/*padding: 0px;
	border-width: 0px;
	margin: 0px;
 	position: fixed;
 	top: 0px;
	left: 0px;*/
	overflow: visible;
	}

#ShellUpdate {
	height: 100%;
	overflow: visible;
	white-space: nowrap
}

#Sidebar {
	float: left;
	height: 100%;
	
	position: relative;
	z-index: 0;
	
	/* Hack for Hidden Scrollbar */
	margin-right: -15px;
	margin-left: -15px;
	overflow: hidden;
	}
	.sessionInfo {
		/* Hack for Hidden Scrollbar */
		min-width: 104px;
	}
	.sessionInfo .user {
		padding: 2px;
		padding-top: 1px;
		font-size: 14px;
		
		max-width: 104px;
		white-space: normal;
	}
	.sessionInfo .password {
		font-size: 12px;
		text-align: left;
		margin-bottom: 1px;
		margin-left: 2px;
		}
		.sessionInfo .password a:link {
			text-decoration: none;
      		color: #184b81;
		}
	.sessionInfo .lea {
		padding: 2px;
		padding-top: 1px;
		font-size: 14px;
	}
	.sessionInfo .logout {
		float: right;
		font-size: 12px;
		margin-right: 2px;
		margin-top: 3px;
		}
		.sessionInfo .logout a:link {
			text-decoration: none;
      		color: #184b81;
		}
	#Sidebar .adminButtonBackground {
		font-family: Verdana;
		font-size: 12px;
		/* height: 22px; */	/* 22px */	/* was height: 18px */
		line-height: 18px;
		background: #9999cc;
		padding-top: 3px;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 1px;
		border: none;
	}
	
	#Sidebar .transferButtonsWrapper 
	{
		font-family: Verdana;
		font-size: 12px;
		line-height: 18px;
		background: #9999cc;

		border: none;
		padding-top: 2px;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 3px;
	}
	
	
	#Sidebar .adminButton ,
	#Sidebar div.transferButton
	{
		width: auto;
		display: block;
	}
	
	#Sidebar div.transferButton
	{
		margin-top: 1px;
		padding-top: 1px;
		padding-bottom: 1px;
	}
	

	#Sidebar div.transferButton.has-pending a
	{
		background-color: yellow;
		font-style: italic;
	}
	
	#Sidebar div.transferButton.has-pending a::after
	{
		content: "*";
	}
	

#SidebarScroll {
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	
	/* Hack for Hidden Scrollbar */
	padding-right: 15px;
	padding-left: 15px;
}

#ShellContent {
	overflow: hidden;
	
	position: relative;
	z-index: 1;
	
	height: calc(100vh - 3rem); /* was 100%; 1rem currently accommodates the new top-banner-id */
	
	white-space: normal;
	background: #eee;
	}
	
	#ShellContent > div {
		border: 1px solid #666666;
		
		position: relative;
		
		height: 100%;
		
		width: 916px;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
/******* Page Layout *********/

.page {
	position: relative;
	height: 100%;
	overflow: auto;
	}
	.page .pageContent {
		position: relative;
		overflow: auto;
		height: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
	}
	.page .pageContent .contentScroll {
		position: relative;
		overflow: auto;
		overflow-x: hidden;
		/*top: 25px;*/
	}

	.page .pageContent .contentScrollPortal {
		position: relative;
		overflow: auto;
	}

/********* Navigation Buttons **********/
#Navigation {
	background-color: #9999cc;
	color: black;
}

	/* should be IEP under Student */
	#Navigation #RootSelectionTabpanel ul li.tab_evaluation,
	#Navigation #RootSelectionTabpanel ul li.tab_medicaid
	{
		padding-left: 1rem;
	} 
	
	/* visually vertically separates the left nav tab panels from each other */
	#Navigation .tab-panel
	{
		background-color: #9999cc;
		color: black;
		
		border-top: 1px dotted  #9999cc; /* hides white separation area */
		margin-bottom: 0.5rem;
	}
	
	
.sideTabs {
	font-family: Verdana;
	color: black;
	display: block;
	background: #5555aa;
	
	padding: 0;
	padding-right: 2px;
	padding-left: 2px;
	width: auto;
	min-width: 100px;
	height: auto;
	border-bottom: 1px solid #000;
	
	}
	.sideTabs .tab {
  		font-size: 10px;
  		line-height: 16px;
		display: block;
		
		margin-top: 1px;
		
				
		padding: 0;
		padding-top: 1px;
		padding-right: 2px;
		padding-left: 5px;
	

		color: black;
  		position:relative;
  		
  		/*min-width: 98px;*/	
  		
  		
  		height: 18px;
  		border: 1px solid #eeeeee; 
		border-bottom-color: #666666;
		border-right-color: #666666;
		text-align: left;

		border-radius: 0;
		cursor: pointer;
  		background: #dddddd;
  		cursor: pointer;
		}
		.sideTabs .tab:hover {
			background: #999;
		}
		.sideTabs .tab:active {
			background: #999;
			border: 1px solid #666; 
			border-bottom-color: #eee;
			border-right-color: #eee;
		}
		.sideTabs .tab.tabSelected {
			color: #3355ff;
			background: #c4c4c4;
	  		border: 1px solid #666; 
			border-bottom-color: #eee;
			border-right-color: #eee;
			font-weight: bold;
		}
		.sideTabs .tab.disabled {
			background: #777;
			cursor: default;
			border: 1px solid #aaa;
			border-bottom-color: #555;
			border-right-color: #555;
		}
		.sideTabs .tab .title {
			float: right;
			margin-right: 4px;
			margin-top: 2px;
		}
		.sideTabs .tab .circle {
			float: left;
			margin-left: 4px;
			margin-top: 4px;
			display: inline-block;
			width: 10px;
			height: 10px;
			border-radius: 8px;
		}
	.sideTabs.list1 {
		background-color: #7777aa;
	}
	.sideTabs.list2 {
		background-color: #5555aa;
	}
	.sideTabs.list3, .sideTabs.list4 {
		background-color: #3333aa;
	}

.ShellTabs {
	background: #9999cc;
	}
	.ShellTabs .tab {
		font-size: 12px;
  		background-color: #aaaaaa;
  		line-height: 18px;
		}
		.ShellTabs .tab.tabSelected {
	  		background: #dddddd;
		}
	



/******************* Pagers *****************/
#PageTurner {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	font-size: 12px;
  	text-align: center;
  	padding: 3px 0px;
}

#PageTurner div {
	text-align: center;
 	padding-top: 0px;
	font-size: 12px;
}
 
#PageTurner img {
 	padding-top: 2px;
	margin: -2px;
}
	
	
/********* Headers *********/
.header {
	position: relative;
	z-index: 100;
}

	div.header div.blueBlock
	{
		height: 34px;
	}


.subHeader {
	background: white;
	border-bottom: 1px solid black;
	font-family: Verdana;
	}
	.subHeader > table {
		width: 100%;
		border-collapse: collapse;
		}
		.subHeader .headerContent {
			text-align: center;
			position: relative;
			}
			.subHeader.archived:not(.certifiedHeader) .headerContent {
				padding-bottom: 15px;
			}
			.subHeader .headerContent .title {
				font-weight: bold;
			}
			.subHeader .headerContent .documentCount {
				font-size: 12px;
				font-style: italic;
			}
			.subHeader .headerContent .dates {
				font-size: 11px;
				}
				.subHeader .headerContent .dates.right {
					position: absolute;
					right: 0px;
					text-align: right;
				}
				.subHeader .headerContent .dates div {
					margin: 2px;
				}
		.subHeader > table > tbody > tr > td:first-child {
			text-align: left;
			width: 24px;
		}
		.subHeader > table > tbody > tr > td:last-child {
			text-align: right;
			width: 24px;
		}
	.subHeader .status {
		text-align: center;
		font-size: 11px;
		color: red;
		padding: 2px;
	}
	
	.foundSetHeader {
		font-size: 14px;
		}
		.foundSetHeader a {
			font-size: 12px;
		}

.certifiedHeader .left, .certifiedHeader .right {
	font-size: 11px;
	white-space: nowrap;
	width: 180px;
}	
.certifiedHeader .left {
	text-align: left;
}
.certifiedHeader .right {
	text-align: right;
}
.certifiedHeader .title {
	font-weight: bold;
}
.certifiedHeader .subtitle {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}
.certifiedHeader .draft {
	background: #faa;
	font-size: 11px;
	padding: 2px;
	}
	
/************* Arrows **********************/
.arrow-right {
	display: inline-block;
	vertical-align: middle;
	width: 0; 
	height: 0; 
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;	
	border-left: 20px solid #a1aafd;
	margin: 2px;
	cursor: pointer;
	}
	.arrow-right:hover {
		border-left-color: #b2bbfe;
	}
	.arrow-right:active {
		border-left-color: #9099ec;
	}
	.arrow-right.small {
		border-top-width: 12px;
		border-bottom-width: 12px;
	}
	.arrow-right.white {
		border-left-color: #eee;
	}
	.arrow-right.white:hover {
		border-left-color: #fff;
	}
	.arrow-right.white:active {
		border-left-color: #ccc;
	}
	

.arrow-left {
	display: inline-block;
	vertical-align: middle;
	width: 0; 
	height: 0; 
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;	
	border-right: 20px solid #a1aafd;
	margin: 2px;
	cursor: pointer;
	}
	.arrow-left:hover {
		border-right-color: #b2bbfe;
	}
	.arrow-left:active {
		border-right-color: #9099ec;
	}
	.arrow-left.small {
		border-top-width: 12px;
		border-bottom-width: 12px;
	}
	.arrow-left.white {
		border-right-color: #eee;
	}
	.arrow-left.white:hover {
		border-right-color: #fff;
	}
	.arrow-left.white:active {
		border-right-color: #ccc;
	}
	
  /*** Student_Header ***/
	.Student_Header {
		background-color: #a1aafd; 
		padding: 8px 50px 2px;
		position: relative;
		}
		.Student_Header table {
			border-collapse:collapse;
			}
			.Student_Header table .mainRow td {
				background-color: #eeeeee; 
				padding-top: 1px;
				padding-left: 10px;
				padding-bottom: 1px;
				padding-right: 10px;
				font-size: 15px;
				text-align: center;
				border: 1px solid #ffffff; 
				border-bottom-color: #aaaaaa; 
				border-right-color: #aaaaaa; }		
			.Student_Header .footerRow td {
				font-size: 13px;			
				text-align: center; }
		.Student_Header .documentCount {
			vertical-align: top;
			font-size: 12px;
			font-style: italic;
			font-family: Verdana;
			float: right;
			margin-top: 8px;
		}
		.Student_Header .arrow-left {
			position: absolute;
			left: 0px;
			top: 10px;
		}
		.Student_Header .arrow-right {
			position: absolute;
			right: 0px;
			top: 10px;
		}

/*** Footer ***/
.Footer {
	position: absolute;
	bottom: 0px;
	right: 0px; 
	left: 0px;
	padding: 5px;
	font-size: 7px;
	}
	.Footer span {
		font-size: 12px; 
		font-weight: bold;
	}
	.Footer div input {
		padding-left: 3px;
		padding-right: 3px;
		font-size: 13px; 
		font-weight: bold;
	}
.printOption {
	display: block;
	background: #fcfcfc;
	padding: 4px 8px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	}
	.printOption:hover {
		background: #fff;
	}


#AdvancedPrintLoadCover {
	position: fixed;
	visibility: hidden;
	z-index: 1000;
  	top: 0;
  	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .5);	
	}
	#AdvancedPrintLoadDialog {
		position: fixed;
  		top: 100px;
  		width: 360px;
  		height: 120px;
		}
		#AdvancedPrintLoadDialog .loading {
			margin-left: 40px;
		}
		#AdvancedPrintLoadDialog .loading .advancedPrintAjaxBusyIndicator {
			position: relative;
			left: 140px;
			bottom: 10px;
		}
	
 /*** StudentShell ***/
.StudentShell {
	padding: 0px;
	border-width: 0px;
	margin: 0px;
}


div#StudentShell div[data-class-name="ListDisplay"] table.RecordList tbody tr td.Student
{
	text-align: left;
} 



div#StudentShell div.add-student-contact-log-entry-wrapper
{
	padding: 0.5rem;
}


	div.FrontScreenDialog table#ContactLog
	{
		border-collapse: collapse;
	}


	div.FrontScreenDialog table#ContactLog,
	div#ContactLogList table#ContactLog
	{
		margin-top: 1rem;
	}
	



	div#ContactLogList table#ContactLog thead,
	div.FrontScreenDialog table#ContactLog thead
	{
		font-size: 14px;
	}


	div#ContactLogList table#ContactLog th,
	div.FrontScreenDialog table#ContactLog th,
	div#ContactLogList table#ContactLog td,
	div.FrontScreenDialog table#ContactLog td
	{
		padding-top: 0.15rem;
		padding-bottom: 0.15rem;
		padding-left: 0.25rem;
		padding-right: 0.25rem;	
	}


	div#ContactLogList table#ContactLog th,
	div.FrontScreenDialog table#ContactLog th
	{
		border:1px solid black; 
		padding: 2px; 
		background-color:white;
	}

	div#ContactLogList table#ContactLog th.response,
	div#ContactLogList table#ContactLog td.response,
	div.FrontScreenDialog table#ContactLog th.response,
	div.FrontScreenDialog table#ContactLog td.response
	{
		text-align: center;
	}


	div#ContactLogList table#ContactLog td,
	div.FrontScreenDialog table#ContactLog td
	{
		border: 1px solid gray;
	}
	

	div#ContactLogList table#ContactLog td.purpose-outcome,
	div.FrontScreenDialog table#ContactLog td.purpose-outcome
	{
		min-width: 20rem;
	}







/*** Student_MainMenu ***/
.Student_MainMenu {
	position: absolute;
	left: -105px;
	top: 0px;
}

.Student_MainMenu * {
    color: #000000;
    font: 9pt Verdana;
}

.Student_MainMenu p.h2 {
    color: #427c93;
    font-size: 8pt;
    font-weight: bold;
}

.Student_MainMenu p.nextDays {
	background: #eeeeee;
	color: #000055;
	font-size: 8pt;
	width: 30px;
}

.Student_MainMenu input {
	border: none;
}

.Student_MainMenu input[type=text].nextDays {
	width: 40px;
}

.Student_MainMenu div.sectionLiner {
    border: 1px solid #000000;
    z-index: -90;
}

.Student_MainMenu div.infoLinker {
	background-color: #aaaaaa;
	border: 1px solid #aaaaaa;
	height: 1px;
	z-index: -90;
}

.Student_MainMenu div.nextDays {
    border: 1px solid #000000;
    height: 80px;
    width: 40px;
    z-index: -90;
}

.Student_MainMenu div.button.smallButton {
    border-radius: 5px;
    height: 22px;
}

.Student_MainMenu div.button.smallButton > input[type=submit] {
    border-radius: 5px;
}

.Student_MainMenu div.button.largeButton {
    border-radius: 9px;
    height: 36px;
}

.Student_MainMenu div.button.largeButton > input[type=submit] {
    border-radius: 9px;
}

/*** Student_MainData ***/
.Student_MainData {	
	height: 490px;
    left: -105px;
    position: relative;
	top: -60px;
}

.Student_MainData * {
    color: #000000;
    font: 9pt Verdana;
}

.Student_MainData p.fieldLabel {
    color: #000055;
    font: 8pt Verdana;
    text-align: right;
}

.Student_MainData p.fieldLabel.required {
    font-weight: bold;
}

.Student_MainData input.dateField {
    width: 78px;
}

.Student_MainData input.readOnly {
    background-color: #eeeeee;
    border: 1px solid #aaaaaa;
}

.Student_MainData .smallButton {
    border-radius: 5px;
}

.Student_MainData .smallButton > input[type=submit] {
    border-radius: 5px;
    height: 100%;
    width: 100%;
}

.Student_MainData a.datePicker {
    z-index: 1;
}

.Student_MainData a.datePicker:hover {
    text-decoration: none;
}

.Student_MainData a.datePicker > img {
    border: none;
    height: 16px;
    width: 16px;
}

.Student_MainData div.section {
    border: 1px outset #888888;
    z-index: -1;
}

.Student_MainData div.section.normal {
	z-index: 0;
}

.Student_MainData div.section > p:first-child {
    background-color: #eeeeee;
    text-transform: uppercase;
    top: 1em;
    z-index: 0;
}

.Student_MainData ul.tabs li.tab,
.Student_MainData ul.tabs a {
    color: #226eac;
    font-weight: bold;
    font-size: 9pt;
}

.Student_MainData div.case-manager-title
{
	text-align: left;
}

.Student_MainData div#case-manager-controls-wrapper-id
{
	margin-top: 0.5rem;
	
	display: flex;
	flex-wrap: wrap;
	column-gap: 1rem;
	row-gap: 0.25rem;	/* if it wraps, define vertical-space between the rows */

	justify-content: center;	
}



#studentCaseManagers 
{
	padding: 5px; 
}


#studentCaseManagers .container > div {
	margin: 0 -5px;
	padding: 3px 6px;
}

#studentCaseManagers .container > div:first-child {
	margin-top: 3px;
}

#studentCaseManagers .container > div:last-child {
	margin-bottom: 5px;
}

#studentCaseManagers .container > div:nth-child(odd) {
	background: #ccccfc;
}

div#proposed-case-manager-list-wrapper-id
{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

	div#proposed-case-manager-list-wrapper-id div.case-manager-title
	{
		text-transform: uppercase;
	}




div#case-manager-list-id,
div#proposed-case-manager-list-id
{
	display: flex;
	flex-direction: column;
	row-gap: 0rem;
	
	border: 1px solid black;
	width: 100%;
}


div#case-manager-list-id div.case-manager-row,
div#proposed-case-manager-list-id div.case-manager-row
{
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-right: 0.25rem;
	padding-left: 0.25rem;
}

div#case-manager-list-id div.case-manager-row:nth-child(odd),
div#proposed-case-manager-list-id div.case-manager-row:nth-child(odd)
{
	background-color: #ccccfc;
}

	div#case-manager-list-id div.case-manager-row div.case-manager-info,
	div#proposed-case-manager-list-id div.case-manager-row div.case-manager-info
	{
		display: flex;
		flex-direction: row;
		column-gap: 0.25rem;
	}
	
	
	div#case-manager-list-id div.case-manager-row div.case-manager-info div.delete,
	div#proposed-case-manager-list-id div.case-manager-row div.case-manager-info div.delete
	{
		width: 1rem;
		max-width: 1rem;
		text-align: center;		
	}

	div#case-manager-list-id div.case-manager-row div.case-manager-info div.case-manager-name,
	div#proposed-case-manager-list-id div.case-manager-row div.case-manager-info div.case-manager-name
	{
		flex-grow: 4;
	}


	div#case-manager-list-id div.case-manager-row div.case-manager-info div.case-manager-type,
	div#proposed-case-manager-list-id div.case-manager-row div.case-manager-info div.case-manager-type
	{
		text-align: right;
	}

div#case-manager-list-id div.is-primary
{
	font-weight: bold;
}




#studentSchools {
	padding: 5px; 
}

#studentSchools .container > div {
	margin: 0 -5px;
	padding: 3px 6px;
}

#studentSchools .container > div:first-child {
	margin-top: 3px;
}

#studentSchools .container > div:last-child {
	margin-bottom: 5px;
}

#studentSchools .container > div:nth-child(odd) {
	background: #ccccfc;
}



/*** Contacts ***/
.Contacts,
.Contacts * {
    color: #000055;
    font: 8pt Verdana;
}


fieldset.contact .inputRow .label {
    width: 96px;
    text-align: right;
    padding-right:2px;
    display: inline-block; 
}

fieldset.contact .inputRow .required {
    font-weight: bold;
}

fieldset.contact .inputRow .input {
    display: inline-block; 
}

.Contacts fieldset.portalRecords table > tbody > tr > td {
	background-color: #ffffff;
	color: #000000;
}

.Contacts {
    padding: 1em 0px;
}

.Contacts .floatLeft {
    float: left;
}

.Contacts .floatRight {
    float: right;
}

.Contacts .centerText {
    text-align: center;
}

.Contacts fieldset {
    border-color: #ffffff;
    margin: 10px;
    padding: 5px;
}

.Contacts select {
    background-color: #ffffff;
	/*border-color: #ffffff;*/
}

.Contacts label {
    color: #000055;
    font: 8pt Verdana;
    line-height: 2em;
}

.Contacts label.required {
    font-weight: bold;
}

.Contacts fieldset.contact {
    width: 340px;
}

.Contacts fieldset.fullWidth {
    width: 100%;
}

.Contacts fieldset > * {
    margin: 0.2em 0px;
}

.Contacts fieldset > legend {
	color: #000000;
    font-weight: bold;
    font-size: 10pt;
    margin-left: 32px;
}

.Contacts fieldset div.fieldLabelsDown {
    margin: 0 5px;
}

.Contacts fieldset div.fieldLabelsDown label {
	clear: both;
	float: right;
    text-align: right;
}

.Contacts fieldset input[type=text] {
    width: 227px;
}

.Contacts fieldset input.phoneField {
    width: 99px;
}

.Contacts fieldset input.municipalityField {
    width: 113px;
}

.Contacts fieldset input.stateField {
    width: 31px;
}

.Contacts fieldset input.postalField {
    width: 68px;
}

.Contacts div#rightSidebar {
	margin: 2em;
	width: 100px;
}

.Contacts div#rightSidebar input[type=text] {
    width: 100%;
}

.Contacts div#rightSidebar p#formNotes {
	color: #0066ff;
	font-size: 90%;
	margin: 2px;
	margin-top: 2em;
}

.Contacts fieldset.portalRecords div {
    overflow-y: auto;
}

.Contacts fieldset.portalRecords table {
    border-spacing: 0px;
    border-collapse: collapse;
}

.Contacts fieldset.portalRecords table > thead > tr > th {
    padding-left: 4px;
    text-align: left;
}

.Contacts fieldset.portalRecords table > tbody > tr > td {
    background: transparent;
    border: 1px solid #bbbbbb;
    border-collapse: collapse;
    border-width: 1px 0px;
    padding: 2px;
}

.Contacts fieldset.portalRecords table > tbody > tr > td:first-child {
    border-left-width: 1px;
}

.Contacts fieldset.portalRecords table > tbody > tr > td:last-child {
    border-right-width: 1px;
}

.Contacts fieldset.portalRecords table input {
    width: 100%;
}

.Contacts fieldset.portalRecords table select {
    margin-left: 4px;
}

/******************* IEP Section ***********************/
.iepSubheader {
	background: white;
	height: 56px;
	font-family: Verdana;
	font-size: 11px;
}

.iepSubheader .title {
	text-align: center;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
}

.iepSubheader2 {
	background: white;
	height: 70px;
	font-family: Verdana;
	font-size: 11px;
}

.iepSubheader2 .title {
	text-align: center;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
}

.IEPShell {
	padding: 0px;
	margin: 0px;
} 		

.IEP_CoverPage {
	position: absolute;
 	top: -4px;
 	left: -111px;
}

.RubricRowEditor .rubric {
	margin: 0 auto;
	}
	.RubricRowEditor .rubric th {
		vertical-align: top;
		padding: 4px;
	}
	.RubricRowEditor .rubric td {
		
		}
		.RubricRowEditor .rubric td input {
			width: 498px;
		}
		.RubricRowEditor .rubric td textarea {
			width: 500px;
			height: 40px;
		}
.RubricRowEditor .rows th input {
	text-align: left;
	width: 153px;
}
.RubricRowEditor .rows .number {
	vertical-align: top;
	}
	.RubricRowEditor .rows .number input {
		width: 20px;
	}
.RubricRowEditor .rows .delete {
	vertical-align: top;
}

/******************* Tracking Section *****************/

.Student_Tracking {
	position: absolute;
 	top: -4px;
 	left: -111px;
 	}

div[data-class-name="Student_Tracking_SpEd"]
{
	padding-bottom: 1rem;	
}

	div[data-class-name="Student_Tracking"] div.tabs-note
	{
		float: right; 			/* bleed into the tabs list which is located to the left */
		font-size: 10pt; 
		margin-top: 0.2rem;
		
		display: flex;			/* layout children via flexbox */
		column-gap: 0.5rem;
		align-items: center;	
	}
	
		div[data-class-name="Student_Tracking"] div.tabs-note div.status_code
		{
			border: 2px solid darkgray; 
			font-weight: bold; 
			font-size: 13pt; 
			margin-left: 18pt; 
			margin-right: 36pt; 
			padding-left: 2px; 
			padding-right: 2px; 
		}
	
	
	div[data-class-name="Student_Tracking_SpEd"] div.case-weight-wrapper
	{
		display: flex;
		flex-direction: row;
		column-gap: 0.25rem;
		justify-content: flex-end;
		
		margin-right: 0.25rem;	
	}
	
		div[data-class-name="Student_Tracking_SpEd"] div.case-weight-wrapper input.js-auto-save-text.caseWeight
		{
			width: 3rem;
			text-align: right;
		}	
	
	
	div[data-class-name="Student_Tracking_SpEd"] div.flex-layout,
	div[data-class-name="Student_Tracking_SpEd"] div.case-weight-wrapper
	{
		font-family: Verdana, sans-serif;
		font-size: 0.72rem;
	}
	
	div[data-class-name="Student_Tracking_SpEd"] div.flex-layout
	{
		display: flex;
		justify-content: space-between;
		column-gap: 0.5rem;
		row-gap: 1rem;
		
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		
		/* border: 2px solid red; */ /* debugging */
		
		font-family: Verdana, sans-serif;
		font-size: 0.72rem;
	}
	
	
	
	
	div[data-class-name="Student_Tracking_SpEd"] div.flex-layout section.days-block
	{
		font-size: 0.7rem;
	}

		div[data-class-name="Student_Tracking_SpEd"] section h2
		{
			font-size: 0.7rem;
			font-weight: bold;
		}
		
		div[data-class-name="Student_Tracking_SpEd"] div.flex-layout section.days-block div,
		div[data-class-name="Student_Tracking_SpEd"] section.related-services-and-other--other div.section-content div
		{
			margin-top: 0.2rem;
		}
		

	div[data-class-name="Student_Tracking_SpEd"] div.flex-layout section.days-block,
	div[data-class-name="Student_Tracking_SpEd"] div.flex-layout div.date-tracking
	/* 
	,
	div[data-class-name="Student_Tracking_SpEd"] div.flex-layout div.related-services-and-other
	*/		
	{
		font-size: 0.7rem;
		border: 1px dotted gray;
		margin-top: 0.5rem;
		padding: 0.5rem;
	}
	
		div[data-class-name="Student_Tracking_SpEd"] div.date-tracking
		{
			display: flex;
			flex-direction: column;
			row-gap: 1rem;
		}
	
		div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table caption
		{
			border-top: 1px solid black;
			border-right: 1px solid black;
			border-left: 1px solid black;
			font-weight: bold;
			font-style: italic;
			font-size: 0.75rem;
			
			color: black;
			background-color: #d1dafd;			/* header color is #a1aafd; */
			text-align: left;
			padding-left: 0.25rem;
			padding-right: 0.25rem;
		}
				
		div[data-class-name="Student_Tracking_SpEd"] tr.services-plan td.topic,
		div[data-class-name="Student_Tracking_SpEd"] tr.iep-meeting-date td.topic,
		div[data-class-name="Student_Tracking_SpEd"] tr.initial-evaluation-decision td.topic,
		div[data-class-name="Student_Tracking_SpEd"] tr.most-recent-evaluation td.topic
		{ 
			font-weight: bold; 
		}
		
		div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking
		{
			border-collapse: collapse;
			border: 1px solid black;
			
			font-size: 0.75rem;
		}

			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking tr.data-entry-hint,
			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking tr.column-descriptor th.from-forms			
			{
				font-size: 0.65rem;
			}
		
			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking thead
			{
				color: black;
				background-color: #ddd;
			}

			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking th
			{
				font-weight: normal;
				text-align: left;
			}

			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking th,
			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking td			
			{
				padding-left: 0.25rem;
				padding-right: 0.25rem;
				border: 1px dotted gray;
			}		
			
			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking tr.data-entry-hint th
			{
				border-top: 0;
			}
			
			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking tr.column-descriptor th
			{
				border-bottom: 0;
			}
			
			
			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking tr.column-descriptor th.topic
			{
				font-weight: bold;
			}
			
			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking tr.column-descriptor th.special-education,
			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking tr.column-descriptor th.s504,
			div[data-class-name="Student_Tracking_SpEd"] div.date-tracking table.tracking tr.column-descriptor th.EST
			{
				font-weight: bold;
				font-size: 0.8rem;
				color: #666;
				background-color: transparent;
			}
			

	div[data-class-name="Student_Tracking_SpEd"] div.flex-layout div.related-services-and-other
	{
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
		
		margin-top: 0.5rem;
	}
	
	
		div[data-class-name="Student_Tracking_SpEd"] div.related-services-and-other section
		{
			border: 1px dotted gray;
			padding: 0.25rem;	
		}
	
			div[data-class-name="Student_Tracking_SpEd"] div.related-services-and-other section h2
			{
				margin-bottom: 0.25rem;
				border-bottom: 1px dotted gray;
				padding-bottom: 0.25rem;
			}

			div[data-class-name="Student_Tracking_SpEd"] section.related-services-and-other--related-services div.section-content div.labelled-select,
			div[data-class-name="Student_Tracking_SpEd"] section.related-services-and-other--related-services div.section-content div.labelled-input-text,
			div[data-class-name="Student_Tracking_SpEd"] section.related-services-and-other--related-services div.section-content div.labelled-checkbox,
			div[data-class-name="Student_Tracking_SpEd"] section.related-services-and-other--other div.section-content div.labelled-select,
			div[data-class-name="Student_Tracking_SpEd"] section.related-services-and-other--other div.section-content div.labelled-input-text,
			div[data-class-name="Student_Tracking_SpEd"] section.related-services-and-other--other div.section-content div.labelled-checkbox
			{
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}

			div[data-class-name="Student_Tracking_SpEd"] section.related-services-and-other--other input#student-home-study-approved-text-id
			{
				width: 3rem;
			}

			div[data-class-name="Student_Tracking_SpEd"] div.case-weight-below 
			{ 
				font-weight: bold;
				font-style: italic;
			}
			
	div[data-class-name="Student_Tracking_SpEd"] details#specifications-explanation-id
	{
		margin-left: 1rem;
	}
	
		div[data-class-name="Student_Tracking_SpEd"] details#specifications-explanation-id div.details-content
		{
			margin-left: 2rem;
			border: 1px dotted gray;
			padding: 0.25rem;
		}
		
			div[data-class-name="Student_Tracking_SpEd"] details#specifications-explanation-id div.details-content ol
			{
				margin-inline-start: 1rem;
			}
	

div[data-class-name="Student_Tracking_SpEd"] details
{
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	margin-left: 2rem;
}

	div[data-class-name="Student_Tracking_SpEd"] details summary
	{
		font-weight: bold;
		font-size: 1.2rem;
	}

	div[data-class-name="Student_Tracking_SpEd"] details details summary 
	{
		font-weight: bold;
		font-style: italic;
		font-size: 1.2rem;
	}
	
	div[data-class-name="Student_Tracking_SpEd"] details details[open],
	div[data-class-name="Student_Tracking_SpEd"] details details details[open],
	div[data-class-name="Student_Tracking_SpEd"] details details details details[open]
	{
		margin-bottom: 1rem;
	} 
	

	div[data-class-name="Student_Tracking_SpEd"] details details details summary 
	{
		font-weight: normal;
		font-style: italic;
		font-size: 1.2rem;
	}

	div[data-class-name="Student_Tracking_SpEd"] details details details details summary 
	{
		font-weight: normal;
		font-style: normal;
		font-size: 1.2rem;
	}





	div[data-class-name="Student_Tracking_SpEd"] details details,
	div[data-class-name="Student_Tracking_SpEd"] details details details,
	div[data-class-name="Student_Tracking_SpEd"] details details details details
	{
		margin-left: 2rem;
	}
	
	


	div[data-class-name="Student_Tracking_SpEd"] details ol
	{
		display: block;
		list-style-type: decimal;
		margin-block-start: 0em;
		margin-block-end: 1em;
		margin-inline-start: 1rem; /* 0px; */
		margin-inline-end: 0px;
		padding-inline-start: 2rem; /* 40px; */
		unicode-bidi: isolate;		
	}
	
		div[data-class-name="Student_Tracking_SpEd"] details ol li dl
		{
			margin-left: 1rem;
			border: 1px solid blue; /* debugging */
		}
		
			div[data-class-name="Student_Tracking_SpEd"] details ol li dl dt
			{
				margin-top: 1rem;
				margin-left: 1rem;
				font-style: italic;
			}
			
			div[data-class-name="Student_Tracking_SpEd"] details ol li dl dd
			{
				margin-left: 2rem;
			}
	

		div[data-class-name="Student_Tracking_SpEd"] details ol ol
		{
			list-style-type: lower-alpha;
		}

			div[data-class-name="Student_Tracking_SpEd"] details ol ol ol
			{
				list-style-type: decimal;
			}


    


/******************* IEP Transition Section *****************/
#acap_table th, #acap_table td {
	padding: 1px;
}
#acap_table td {
	background: white;
	border: 1px solid;
}
#acap_table td .posDiv {
	position: relative;
}
#acap_container {
	position: absolute;
	height: 300px;
	top: 2320px; 
	left: 110px;
	z-index: 5;
}

/*** IEP_NotAttending ***/
#iepNotAttending .portalRecords > table {
    border-collapse: collapse;
}

#iepNotAttending .portalRecords .record > td {
    border: 1px solid #777777;
}

#iepNotAttending .portalRecords .record table {
    margin: 5px 5px 5px 3px;
}

#iepNotAttending .portalRecords .record table tr {
    height: 2px;
    width: 100%;
}

#iepNotAttending .portalRecords .record table td {
    color: #184b82;
    font-size: 7pt;
    font-weight: bold;
    padding-left: 10px;
}

/*** IEP_Revisions ***/
#iepRevisions .portalRecords > table {
    border-collapse: collapse;
}

#iepRevisions .portalRecords .record > td {
    border: 1px solid #777777;
}

#iepRevisions .portalRecords .record table {
    margin: 5px 5px 5px 3px;
}

#iepRevisions .portalRecords .record table tr {
    height: 2px;
    width: 100%;
}

#iepRevisions .portalRecords .record table td {
    color: #184b82;
    font-size: 7pt;
    font-weight: bold;
    padding-left: 10px;
}

/******************* IEP Services Section *****************/
.services-form-text {
	margin: 10px;
}

.serviceButtomRowP1 {
	background-color: #eeffee;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.serviceButtomRowP2 {
	background-color: #ffeeff;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.serviceButtomRowESY {
	background-color: #ffffee;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.serviceButtomRowCustom {
	background-color: #eeffff;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.serviceButtomRowContingency {
	background-color: #eeeeff;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#services-table .contingency-service-row {
}

#services-table .per1-service-row td {
	background-color: #eeffee;
}

#services-table .per2-service-row td {
	background-color: #ffeeff;
}

#services-table .esy-service-row td {
	background-color: #ffffee;
}

#services-table .custom-service-row td {
	background-color: #eeffff;
}

#services-table .contingency-service-row td {
	background-color: #eeeeff;
}

.eee-service-row td {
	background-color: #ffffff;
}

.eee-per1-service-row td {
	background-color: #eeffee;
}

.eee-per2-service-row td {
	background-color: #ffeeff;
}

.eee-esy-service-row td {
	background-color: #ffffee;
}

.eee-custom-service-row td {
	background-color: #eeffff;
}

.eee-contingency-service-row td {
	background-color: #eeeeff;
}

/******************* IEP Accommodations Section *****************/
#accommodations-header {
	width: 645px;
	float: left;
	border-bottom: 1px solid;
	margin: 5px;
	margin-left: 20px;
}
#accommodations-date {
	text-align: right;
	margin-left: 196px;
}
#accommodations-title {
	text-align: center;
	width: 645px;
	font-weight: bold;
}
#accommodations-table {
	border: 1px solid;
	border-collapse: collapse;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: .6em;
}
#accommodations-table th {
	border: 1px solid;
}
#accommodations-table td {
	border: 1px solid;
	padding: 5px;
	background-color: whitesmoke;
}
#accommodations-review-dates {
	margin-left: 50px;
}

#accommodations-print-options {
	padding: 5px;
	width: 90%;
	margin: 5px;
}
#accommodations-draft-label {
	color: #AA0000;
}
.accommodations-form-text {
	margin: 10px;
	width: 620px;
}
.accommodations-form-text-main {
	margin: 10px;
	text-indent: -16px;
	padding-left: 16px;
	width: 620px;
}
.accommodations-form-text-sub {
	margin: 10px;
	text-indent: -16px;
	padding-left: 32px;	
}

.accommodations-inline-checkbox {
	float: left;
	margin: 10px;
}
.accommodations-header {
	font-size: 15pt;
	font-weight: bold;
}
.accommodations-form-accommodations-textarea {
	margin-left: 10px;
	width: 555px;
	height: 100px;
	padding: 5px;
}
.accommodations-popup {
	width: 90%;
}
.accommodations-dark {
	background-color: #DDD !important;
}
.accommodations-blue-divider {
	background-color: #cdccfb !important;
}
.accommodations-textarea {
	width: 100%;
	height: 50px;
}
.accommodations-date-field {
	width: 40px;
	margin: -1px;
} 
.accommodations-print-option {
	margin: 2px;
}

/**** Goal List Dialog ****/
.GoalReviewDates {
	text-align: right;
	}
	.GoalReviewDates table {
		display: inline-block;
		margin-right: 15px;
		margin-top: 3px;
		margin-bottom: 0px;
		font-size: 11pt;
		font-weight: normal;
		border-collapse: collapse;
		}
		.GoalReviewDates td {
			border: 1px solid;
			padding: 2px;
			margin: 0px;
			min-width: 34px;
			text-align: center;
		}
		.GoalReviewDates td.goalReviewTitle {
			border: 0px solid;
		}
		.GoalReviewDates td.grey {
			background-color: #DDD;
		}

/*** Goal List Specifics ****/
.goalNumber input {
	width: 40px;
}
.goalObjectiveNumber input {
	width: 60px;
}
.goalCategoryObjective {
	width: 100%;
	}
	.goalCategoryObjective input {
		width: 99%;
	}
.goalReviewCode {
	
	}
	.goalReviewCode input {
		width: 12px;
	}

/******************* IEP Services Section *****************/
#services-table {
	border-collapse: collapse;
	margin-left: -15px;
	font-size: 8pt;
}
#services-table th {
	padding: 2px;
	font-size: 9pt;
}
#services-table td {
	border: 1px solid;
	padding: 2px;
	background-color: whitesmoke;
	text-align: center;
}

.services-small-table {
	color: black;
}

.services-small-table td.radio {
	border: 0px;
	padding: 2px;
	text-align: center;
	
}
.services-small-table td.date {
	border: 1px solid;
	padding: 2px;
	text-align: center;
	width: 55px;
}
 
.services-small-table td.label {
	border: none;
	color: #0000AA;
}

/******************* IEP Services Plan Service List *****************/
.services-plan-service-list {
	border-collapse: collapse;
	margin-left: -15px;
	font-size: 8pt;
}
.services-plan-service-list th {
	border: 1px solid;
	padding: 2px;
	font-size: 10pt;
}
.services-plan-service-list td {
	border: 1px solid;
	padding: 1px;
	background-color: whitesmoke;
	text-align: center;
}

.services-plan-service-list td .serviceType {
	width: 120px;
}

.services-plan-service-list td .personResponsible {
	width: 120px;
}

.services-plan-service-list td .startDate {
	width: 60px;
	text-align: center;
}

.services-plan-service-list td .frequency {
	width: 120px;
}

.services-plan-service-list td .location {
	width: 120px;
}

.services-plan-service-list td .comments {
	width: 240px;
}


/* Form Shell */
#StudentPortals h3 {
	padding: 4px 8px 4px;
}
#StudentPortals .addButton {
	text-align: center;
}
#StudentPortals .creationButton {
	display: inline-block;
	padding: 2px 16px;
	
	margin: 4px auto;
	
	color: black;
	text-decoration: none;
}
#StudentPortals .portalBlock {
	display: inline-block;
}
#StudentPortals .archiveAll {
	margin-left: 4px;
	float: right;
}
#StudentPortals .deleteAll {
	margin-left: 4px;
	float: right;
}

.portalShell {
    margin: 0 4px;
}

.portalShell * {
    font: 8pt Verdana;
}

.portalShell div.no-edit-box {
    height: 1.2em;
    overflow: hidden;
    padding: 1px;
}

.portalShell div.no-edit-box.raised {
    background-color: #eeeeee;
    border: 1px solid #ffffff;
    border-bottom-color: #aaaaaa;
    border-right-color: #aaaaaa;
}

.portalShell div.no-edit-box.lowered {
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
}

.portalShell div.formButton,
.portalShell div.form-button,
.portalShell div.extendedButton,
.portalShell div.extended-button {
    background-color: #bbbbbb;
    border: 1px solid #000000;
    border-radius: 7px;
    height: 24px;
    margin: 4px;
}

.portalShell div.formButton div.innerButton,
.portalShell div.form-button div.inner-button {
    border: 1px solid #ffffff;
    border-bottom-color: #777777;
    border-radius: 7px;
    border-right-color: #777777;
    color: #666666;
    cursor: default;
    font-size: 7pt;
    font-weight: bold;
    height: 17px;
    line-height: 1em;
    padding: 5px 3px 0;
    text-align: center;
}

.portalShell div.formButton div.innerButton a,
.portalShell div.form-button div.inner-button a {
    color: #000000;
    cursor: pointer;
    font-size: 7pt;
    font-weight: bold;
    line-height: 1em;
    text-decoration: none;
}

.portalShell div.extendedButton,
.portalShell div.extended-button {
    background: none;
    margin: 4px;
}

.portalShell div.extendedButton div.formButton,
.portalShell div.extended-button div.form-button {
    float: left;
    margin: -1px 0 0 -1px;
}

.portalShell div.extendedButton select,
.portalShell div.extended-button select {
    -moz-appearance: button;
    -webkit-appearance: button;
    appearance: button;
    background: none;
    border: none;
    font-size: 7pt;
    font-weight: bold;
    margin: 6px 0 6px 1px;
}

.portalShell p.blueNotebox,
.portalShell p.blue-note {
    border: 1px solid #ffffff !important;
    border-bottom-color: #999999 !important;
    border-right-color: #999999 !important;
    padding: 4px !important;
}

.portalShell p.blueNotebox,
.portalShell .blue-note,
.portalShell p.blueNotebox span,
.portalShell .blue-note p,
.portalShell .blue-note li,
.portalShell .blue-note span {
    color: #0000ff;
    font-size: 7.5pt;
}

.portalShell ul.checkList li,
.portalShell ul.check-list li {
    list-style-type: none;
    margin: 0.5em;
}

.portalShell ul.checkList li input[type=checkbox],
.portalShell ul.check-list li input[type=checkbox] {
    float: left;
    margin: 2px 2px 0 0;
}

.portalShell a.datePicker,
.portalShell a.date-picker {
    margin: 0;
    text-decoration: none;
}

.portalShell h5.formItemHeading {
    font-size: 8pt;
    font-weight: bold;
    margin: 0.5em 0 0.3em 0;
}

.portalShell div#formHeader {
    background-color: #eeeeee;
    padding-top: 4px;
    position: fixed;
    z-index: 90;
}

.portalShell div.formHeader table {
    border-collapse: collapse;
}

.portalShell div.formHeader tr.valueRow td {
    background-color: #eeeeee;
    border: 1px solid #ffffff;
    border-bottom-color: #aaaaaa;
    border-right-color: #aaaaaa;
    padding: 1px 10px;
    text-align: center;
}

.portalShell div.formHeader tr.valueRow td.studentName {
    font-weight: bold;
}

.portalShell div.formHeader tr.labelRow td {
    font-size: 7pt;
    text-align: center;
}

.portalShell div.formHeader div.doneButton {
    background-color: #c0c0c0;
    border: 1px solid #888888;
    border-radius: 0;
    float: left;
    height: 14px;
    margin: 6px;
    margin-right: 22px;
    padding: 5px 0 4px;
    text-align: right;
    width: 40px;
}

.portalShell div div.doneButton a {
    border: 1px solid #ffffff;
    border-bottom-color: #7c7c7c;
    border-radius: 0;
    border-right-color: #7c7c7c;
    color: #484848;
    font-size: 8pt;
    font-weight: bold;
    padding: 4px;
    text-decoration: none;
}

.portalShell div#sideBar {
    left: 594px;
    position: absolute;
    top: 60px;
}

.portalShell div.tabBar {
    margin-top: 16px;
}

.portalShell ul.tabs {
    background: none;
    border-bottom: none;
    z-index: -90;
}

.portalShell ul.tabs li.tab {
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    margin: 2px 0 0 0;
}

.portalShell ul.tabs li.tab.tabselected {
    border-bottom: 2px solid #eeeeee;
    color: #0000ff;
    z-index: 10;
}

.portalShell .tabContent {
    margin-left: 2px;
}

.portalShell .tabContent p {
    color: #000000;
}

.portalShell .tabContent > p.formId {
    color: #0000ff;
    float: right;
    font-weight: bold;
    margin: 0.5em 0.25em;
}

.portalShell .tabContent h3.formTitle {
    background-color: #bbbbbb;
    border: 1px solid #ffffff;
    border-bottom-color: #777777;
    border-right-color: #777777;
    font-size: 120%;
    font-weight: bold;
    padding: 2px;
    text-align: center;
}

.portalShell .tabContent h4 {
    border: none;
    font-size: 100%;
    font-weight: bold;
    padding: 2px;
}

.portalShell .tabContent div.formContent {
    padding-top: 4px;
    width: 100%;
}

.portalShell div.formSection {
    clear: both;
    padding: 4px;
}

.portalShell div.formSection p {
    margin: 0.5em 0.5em 0.2em;
}

.portalShell .tabContent div.formContent hr.signatureLine {
    border: none;
    border-bottom: 1px solid #000000;
    margin: 1em 0 0.5em;
}

/******************* IEP PresLev Section *****************/
.IEPPresLevPerformanceDetail {
	min-width: 700px;
}
.IEPPresLevPerformanceDetail input[type=text] {
	width: 500px;
	font-size: 16px;
	text-align: center;
}
.IEPPresLevPerformanceDetail h2 {
	font-size: 14px;
}
.IEPPresLevPerformanceDetail h2:not(:first-child) {
	margin-top: 1em;
}
.IEPPresLevPerformanceDetail textarea {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	width: 100%;
}

.standardSelection table, table.standardSelection {
	border-collapse: collapse;
}
.standardSelection th {
	text-align: left;
	font-size: 14px;
	border-left: 1px solid #eee;
}
.standardSelection textarea {
	vertical-align: middle;
}
.standardSelection td {
	border: 1px solid #555;
}
.standardSelection.noBorder td {
	border: none;
}
.standardSelection tr:nth-child(2n + 0) td:not(.noBackground) {
	background: #ccc;
}
.standardSelection th, .standardSelection td {
	font-size: 13px;
}
.standardSelection th:not(.noPadding), .standardSelection td:not(.noPadding) {
	padding: 2px;
}
.standardSelection .overflow {
	max-height: 50px;
	overflow: auto;
	overflow-x: hidden;
}

.standardSelection .frontScreenButtons {
	text-align: center;
}

.standardSelection .frontScreenButtons>:first-child {
	float: left;
}

.standardSelection .frontScreenButtons>:last-child {
	float: right;
}


/* LEA Form 7 */

div#LEA_Form_7 ul.tabs li.tab.tabselected {
	background-color: #bbbbbb;
	border-bottom-color: #bbbbbb;
}

div#LEA_Form_7 div#safeguards {
    border: 1px solid #000000;
    padding: 0.5em;
}

div#LEA_Form_7 div#safeguards p {
    font-size: 7.5pt;
    margin: 1em 0;
}

div#LEA_Form_7 div#userValues-safeguard {
    margin: 1em 20% 0;
    width: 384px;
}

div#LEA_Form_7 table.userValues-safeguard {
    background-color: #ccccff;
    border-collapse: collapse;
}

div#LEA_Form_7 table.userValues-safeguard th {
    color: #003366;
    font-size: 7.5pt;
    font-weight: bold;
    text-align: left;
    width: 98px;
}

div#LEA_Form_7 table.userValues-safeguard th:last-child {
    width: 187px;
}

div#LEA_Form_7 div#userValues-safeguard-list {
    height: 85px;
    margin: 0 20% 1em;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 384px;
}

div#LEA_Form_7 table.userValues-safeguard-list {
    border-collapse: collapse;
}

div#LEA_Form_7 div#userValues-safeguard-list td {
    border: 1px solid #888888;
    height: 28px;
}

div#LEA_Form_7 div#userValues-safeguard-list input {
    background-color: #ccccff;
    border: 1px solid #eeeeee;
    border-width: 0 0 1px 2px;
    height: 100%;
    width: 96px;
}

div#LEA_Form_7 div#userValues-safeguard-list td:last-child input {
    width: 173px;
}


/* 
------------------------------------

	IEP > Plan > Not Attending 
	
------------------------------------
*/

form[data-class-name = "NotAttending"] div.portalShell
{
	margin: 0;
	font: bold 1rem Verdana;
}

form[data-class-name = "NotAttending"] em
{
	font-weight: bold;
}


form[data-class-name = "NotAttending"] div.label-value label,
form[data-class-name = "NotAttending"] div.label-value div.label,
form[data-class-name = "NotAttending"] div.value-label label,
form[data-class-name = "NotAttending"] div.value-label div.label
{
	font-weight: bold;
	font-style: normal;
}

form[data-class-name = "NotAttending"] div.label-value div.label::after
{
	content: none;
}

form[data-class-name = "NotAttending"] div.line-of-label-values
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

form[data-class-name = "NotAttending"] div.line-of-label-values div.value-label
{
	display: flex;
	flex-direction: column;
	align-items: center;
}


form[data-class-name = "NotAttending"] div.portalShell div.Written_Agreements
{
	display: flex;
	flex-direction: column;
	justify-content: flex-start; /* top aligned since direction is column */
	align-items: center; /* left-right centered since direction is column */
}


form[data-class-name = "NotAttending"] div.portalShell div.Written_Agreements div.tabContent
{	
	max-width: 35rem;
	
	margin-top: 0.5rem;
	margin-right: 1rem;
	margin-left: 1rem;
	margin-bottom: 0.5rem;
}


form[data-class-name = "NotAttending"] div.formSection
{
	display: flex;
	flex-direction: column;
	row-gap: 0.25rem;
}



form[data-class-name = "NotAttending"] div.formContent div.signature-area
{
	margin: 0;
	border-bottom: 1px solid black;
	
	padding: 0;	
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

form[data-class-name = "NotAttending"] div.portalShell div.formContent div.signature-area > div.question
{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	
	border: 1px solid black;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;

	
	color: black;
	background-color: #ddd;  /* debugging */	

	/* font-size: 1.5rem; */	
	/* font-weight: bold; */ /* don't know why this isn't applying */
}


	form[data-class-name = "NotAttending"] div.formContent div.signature-area div.question span.letter
	{
		padding: 0;
		margin: 0;
		border: none;
	}
	
	
	form[data-class-name = "NotAttending"] div.formContent div.signature-area div.non-attendees
	{
		margin-top: 0.5rem;
		
		display: flex;
		flex-direction: row;
		column-gap: 1rem;
		row-gap: 0.25rem;
		flex-wrap: wrap;
		justify-content: space-between; 
	}

		form[data-class-name = "NotAttending"] div.formContent div.signature-area div.non-attendees input
		{
			width: 10rem;
		}

	form[data-class-name = "NotAttending"] div.portalShell div.formContent div.signature-area div.fake-check-list
	{
		margin-top: 1rem;
		
		display: flex;
		flex-direction: column;
		row-gap: 0.5rem;
	}
	
		form[data-class-name = "NotAttending"] div.portalShell div.formContent div.signature-area div.fake-check-list div.check-item
		{
			display: flex;
			flex-direction: row;
			column-gap: 0.5rem;
		}
		
			form[data-class-name = "NotAttending"] div.portalShell div.formContent div.signature-area div.fake-check-list div.check-item div.fake-checkbox
			{
				border: 1px solid black;
				min-width: 0.75rem;
				max-width: 0.75rem;
			    width: 0.75rem;
			    height: 0.75rem;
			}

form[data-class-name = "NotAttending"] div.portalShell div.formContent div.signature-area div.guardian-staff-signatures-wrapper
{
	margin-top: 2rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

	form[data-class-name = "NotAttending"] div.portalShell div.formContent div.signature-area div.guardian-staff-signatures-wrapper div.signature
	{
		text-align: center;
	}


	form[data-class-name = "NotAttending"] div.portalShell div.formContent div.signature-area div.guardian-staff-signatures-wrapper div.signature div.label
	{
		border-top: 1px solid black; /* the signature line */
		font-size: 0.65rem;
	}


form[data-class-name = "NotAttending"] div.form-rev-identifier
{
	margin-top: 0.25rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 0.25rem;
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}




form[data-class-name = "NotAttending"] div.guardian.signature div.label
{
	width: 9.8rem;
}

form[data-class-name = "NotAttending"] div.staff.signature div.label
{
	width: 11.5rem;
}

form[data-class-name = "NotAttending"] div.guardian-date.signature div.label,
form[data-class-name = "NotAttending"] div.staff-date.signature div.label
{
	width: 4.8rem;
}


form[data-class-name = "NotAttending"] input#district-id,
form[data-class-name = "NotAttending"] input#AuthorizedStaff3,
form[data-class-name = "NotAttending"] input#AuthorizedStaff3Title
{
	width: 12rem;
}

form[data-class-name = "NotAttending"] div.label-value.student-name div.value
{
	width: 12rem;
}

form[data-class-name = "NotAttending"] div.label-value.ccid div.value
{
	width: 5rem;
}



/* IEP > Plan > Not Attending: END */ 



/* Written_Agreements legacy */

.Written_Agreements .tabContent h3.formTitle,
.Written_Agreements div.formContent div.formSection {
    background-color: #eeeeee;
    border-bottom: 1px solid #000000;
}

.Written_Agreements div#formSelection div {
    float: left;
    font-size: 7.5pt;
    height: auto;
    margin: 0.1em;
    padding: 0.2em;
    text-align: center;
    width: 80px;
}

.Written_Agreements div#formSelection div a {
    color: #000000;
    font-size: 7.5pt;
    text-decoration: none;
}

.Written_Agreements div#formSelection div.selected a {
    color: #0066ff;
}

.Written_Agreements div#formHeader p {
    font-size: 8pt;
    font-weight: bold;
}

.Written_Agreements .tabContent {
    border: 1px solid #000000;
}

.Written_Agreements ul.tabs li.tab.tabselected {
    background-color: #eeeeee;
    border-bottom-color: #eeeeee;
}

.Written_Agreements div.formSection p.entryLabel,
.Written_Agreements div.formSection select,
.Written_Agreements div.formSection div.no-edit-box {
    margin: 0 0.2em 0.5em;
}

.Written_Agreements p.entryLabel {
    font-size: 8pt;
    font-weight: bold;
}

.Written_Agreements a.datePicker img {
    vertical-align: text-bottom;
}

.Written_Agreements .signatureDate {
    width: 78px;
}

.Written_Agreements div.guardianStaffSignatures hr.signatureLine,
.Written_Agreements div.guardianStaffSignatures p {
    float: left;
    font-size: 7.5pt;
    text-align: center;
}

.Written_Agreements div.guardianStaffSignatures p {
    margin: 0.2em 0.5em;
}

.clear-bar {
	clear: both;
}

span.footnote-indicator {
	font-size: 100%;
	line-height: 80%;
	vertical-align: super;
}


/****** IEP Transitions ******/

.transitionGoalTable {
	border-collapse: collapse;
}
.transitionGoalTable th {
	text-align: center;
}
.transitionGoalTable, .transitionGoalTable th, .transitionGoalTable td {
	border: 1px solid black;
	padding: 0px;
}

.transitionGoalTable .transitions-goalCol {

}

.transitionGoalTable .transitions-goalCodeCol {
	width: 20px;
	text-align: center;
	
}
.transitionGoalTable .transitions-goalCodeCol input {
	width: 12px;
	text-align: center;
}
.transitionGoalTable .transitions-goalCodeCol .optionsList {
	text-align: left;
	font-size: 7.5pt;
}

.transitionGoalTable .transitions-deleteCol {
	text-align: center;
	width: 20px;
}

.transitions-dark {
	background-color: #DDD;
}


/****** IEP Amendments ******/
.Amendments {
	max-width: 550px;
	margin: 10px auto;
	}
	
	.Amendments table {
		width: 100%;
		border-collapse: collapse;
		
		border: 1px solid #555;
		}
		
		.Amendments table .titleRow {
			border-bottom: 1px solid #555;
		}
		
		.Amendments table td, .Amendments table th {
			padding: 2px;
		}
		
		.Amendments table td {
			font-size: 14px;
		}
	
	.Amendments .information {
		border: none;
		white-space: nowrap;
	}

	.Amendments .members input[type='text'] {
		width: 250px;
	}
	
	.Amendments #AmendmentSummary {
		width: 100%;
	}
	
	.Amendments div:not(:last-child) {
		font-size: 14px;
		margin-top: 12px;
	}
	
	.Amendments .smallHeader {
		font-size: 12px;
	}
	
	.Amendments .centered {
		text-align: center;
	}
	
	.Amendments .TinyMCE {
		margin-top: 2px;
		}
		.Amendments .TinyMCE div:not(:last-child) {
			margin-top: 0px;
		}
	
.Amendments.EvalAmendments {
	max-width: none;
	width: 650px;
	}
	.Amendments.EvalAmendments .title {
		text-align: left;
		padding: 4px;
		}
		.Amendments.EvalAmendments .title span {
			float: right;
		}


/* 
----------------------

	new evaluation (aka beta, aka evaluation2) amendments 

-------------------------
*/

form.IEP_Evaluation2_Amendment
{
	margin-left: 1rem;
	margin-right: 1rem;
	padding-bottom: 1rem;
}


	form.IEP_Evaluation2_Amendment div.label,
	form.IEP_Evaluation2_Amendment label
	{
		font-style: italic;
	}


	form.IEP_Evaluation2_Amendment div.revision-summary-wrapper
	{
		display: flex;
		flex-direction: column;
	
		margin-top: 1rem;	
	}


	form.IEP_Evaluation2_Amendment div.participants
	{
		margin-top: 1rem;
		border: 1px solid black;
		padding: 0.25rem;
		padding-bottom: 0.5rem;
		
		/* border: 1px solid red; */
	}



		form.IEP_Evaluation2_Amendment div.participants div.heading {
			display: flex;
		}
		
		form.IEP_Evaluation2_Amendment div.participants div.heading div.title {
			flex-basis: 0;
			flex-grow: 1;
			font-weight: bold;
		}
		
		form.IEP_Evaluation2_Amendment div.participants div.heading div.title-hint {
			flex-basis: 0;
			flex-grow: 1;
			
			color: #0000ff;		/* matches .portalShell .blue-note, */
			font-size: 0.9rem;
			font-style: italic;
		}


		form.IEP_Evaluation2_Amendment div.participants input[type="button"]
		{
			padding-left: 0.5rem;
			padding-right: 0.5rem;
		}

		form.IEP_Evaluation2_Amendment div.participants input.js-ajax-update-link.add-participant-button
		{
			margin-bottom: 1rem;
		}
		
		

		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants caption
		{
			display: none;
		}


		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants
		{
			width: 100%;	
		}
		
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td
		{
			padding-top: 0.1rem;
			padding-bottom: 0.1rem;
		}
		


		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants th.name,
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants th.role,
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants th.initials
		{
			text-align: left;
		}
		
		
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td.involved-in-plan,
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td.agreed-with-decision
		{
			text-align: center;	
		}

		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants th.name,
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td.name
		{
			width: 30%;
		}
		
		
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants th.role,
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td.role
		{
			width: 40%;
		}
		
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants th.involved-in-plan,
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants th.agreed-with-decision,
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td.involved-in-plan,
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td.agreed-with-decision
		{
			width: 11%;
		}
		
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants th.initials,
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td.initials
		{
			width: 12%;
		}
	
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td.initials input[type="text"]
		{
			max-width: 5.25rem;
		}
	
	
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td.name input[type="text"],
		form.IEP_Evaluation2_Amendment div.participants table.row-display.participants td.role input[type="text"]
		{
			width: 98%;
			/* width: max-content; */ /* in 2023-0814 didn't work in chrome... and fit-content didn't work either */
		}
		
	

	form.IEP_Evaluation2_Amendment div.header
	{
		margin-top: 1rem;
		border: 1px solid black;
		padding: 0.25rem;
	}
		
	
		form.IEP_Evaluation2_Amendment div.title-area
		{
			display: flex;
			justify-content: space-between;
	
			padding-bottom: 0.25rem;
			border-bottom: 1px solid black;
			margin-bottom: 0.5rem;
		}
	

			form.IEP_Evaluation2_Amendment div.title-area div.title
			{
				font-weight: bold;
			}

			form.IEP_Evaluation2_Amendment div.school-student-date-info
			{
				display: flex;
				
				justify-content: space-between;
				/* border: 1px solid blue; */	/* debugging */
			}


				form.IEP_Evaluation2_Amendment div.school-student-info div.dob-child-count-wrapper
				{
					display: flex;
					flex-direction: row;
					justify-content: flex-start;	/* left-justified */
					column-gap: 1rem;
				}



			form.IEP_Evaluation2_Amendment div.school-student-info div.school-district div.label,
			form.IEP_Evaluation2_Amendment div.school-student-info div.student-name div.label
			{
				width: 8rem;
			}
	
			form.IEP_Evaluation2_Amendment div.date-info div.label
			{
				width: 10rem;
			}



/****** Medicaid *******/

div.medicaid-loc {
	left: 4px;
}

div.related-services {
	left: 4px;
	position: absolute;
	top: 48px;
}

.openSelectionDialog {
	position: relative;
	width: 13px;
	height: 13px;
	color: #f4f4f4;
	display: inline-block;
	font-size: 13px;
	cursor: pointer;
	vertical-align: top;
	border-radius: 2px;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .5);
	margin-top: 3px;
	margin-left: -1px;
	margin-right: 3px;	
	}
	.openSelectionDialog:hover {
		background: #d7d7d7;
	}
	.openSelectionDialog:active {
		background: #c7c7c7;
	}
	.openSelectionDialog:before {
		content: "";
		position: relative;
		top: 10px;
		right: 0px;
		border-top: 5px solid black;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}


div.medicaid-loc input[type=text] {
	vertical-align: top;
}

div.medicaid-loc div.header {
	margin: 0.2em 0.2em 0.4em;
	width: 578px;
	text-align: center;
}

div.medicaid-loc div.header h2,
div.medicaid-loc div.header p,
div.related-services div.header h2 {
	font-weight: bold;
}

div.medicaid-loc div.student-information {
	width: 578px;
}

div.medicaid-loc div.student-information p,
div.medicaid-loc div.student-information input[type=text],
div.medicaid-loc div.student-information select,
div.medicaid-loc div.student-information div.no-edit-box,
div.medicaid-loc div.loc-period p,
div.medicaid-loc div.loc-period input[type=text],
div.medicaid-loc div.loc-period select,
div.medicaid-loc div.loc-period div.no-edit-box {
	float: left;
	margin: 0.2em 0 0.2em 1em;
}

div.medicaid-loc div.student-information a,
div.medicaid-loc div.loc-period a {
	float: left;
	margin: 0.2em 0;
}

div.medicaid-loc div.student-information p {
	padding-top: 0.2em;
	width: 101px;
}

div.medicaid-loc div.student-information div#student-name {
	font-weight: bold;
}

div.medicaid-loc div.loc-period p {
	padding-top: 0.2em;
}

div.medicaid-loc div.loc-period > img {
	float: left;
	margin: 0.2em;
}

div.medicaid-loc div.sidebar th {
	color: #226eac;
}

div.medicaid-loc div.sidebar div.iep-list,
div.medicaid-loc div.sidebar div.eee-list {
	border: 1px solid #808080;
	border-bottom-color: #ffffff;
	border-right-color: #ffffff;
}

div.medicaid-loc div.sidebar div.iep-list > table,
div.medicaid-loc div.sidebar div.eee-list > table,
div.medicaid-loc div.tab-content table#medicaid-loc-entries,
div.medicaid-loc div.tab-content table.medicaid-loc-addenda {
	border: 1px solid #808080;
	border-collapse: collapse;
	width: auto;
}

div.medicaid-loc div.tab-content th {
	border: 1px solid #a0a0a0;
	color: #226eac;
	font-size: 7pt;
	font-weight: bold;
	height: 45px;
	padding: 0 0.5em;
}

div.medicaid-loc div.tab-content td {
	border: 1px solid #a0a0a0;
	font-size: 7pt;
}

div.medicaid-loc div.tab-content div.noborder td {
	border: 0px;
}

div.medicaid-loc div.tab-content div.noborder th {
	border: 0px;
}

div.medicaid-loc div.tab-content table#medicaid-loc-entries td input[type=text],
div.medicaid-loc div.tab-content table#medicaid-loc-entries td div {
	background: none;
	border: none;
	font-size: 7pt;
	text-align: center;
}

div.medicaid-iep p,
div.medicaid-evaluation p {
	color: #000000;
}


div.medicaid-evaluation-3yr-re-evaluation form
{
	display: flex;
	flex-direction: column;
	align-items: center;   /* left-right centered */
}


div.medicaid-evaluation-3yr-re-evaluation div.form-container
{
	border: 1px solid #ffffff; 
	border-bottom-color: #808080; 
	border-right-color: #808080; 
		
	display: flex;
	flex-direction: column;
	row-gap: 0.5rem;
	
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 1rem;
	
	width: 40rem;
	
	color: black;
	background-color: #ff99cc;
}

	div.medicaid-evaluation-3yr-re-evaluation div.form-container p
	{
		color: #003366;
		background-color: inherit;
	}


	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.label,
	div.medicaid-evaluation-3yr-re-evaluation div.form-container label
	{
		font-weight: bold;
	}
	

	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.form-header
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		
		color: #003366;
		background-color: inherit;
	}

	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.form-header h2
	{
		font-size: 10pt; 
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info
	{
		display: flex;
		flex-direction: column;
		row-gap: 0.25rem;
	}

		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info div.line
		{
			display: flex;
			flex-direction: row;
			justify-content: space-between;		
		}
	

		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info div.label-value
		{
			align-items: center;
		}


		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info div.label-value label,
		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info div.label-value div.label
		{
			color: #003366;
			background-color: inherit;
			font-weight: bold;
			font-style: normal;
		}

		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info div.label-value div.value
		{
			border-bottom: 1px solid white;
			border-right: 1px solid white;
		}


		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info div.label-value.student div.value
		{
			width: 10rem;
		}

		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info div.label-value.uid div.value
		{
			width: 5rem;
		}

		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info div.label-value.dob div.value
		{
			width: 4rem;
		}

		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info div.label-value.town div.value
		{
			width: 4rem;
		}


		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info #diagnosis-id
		{
			width: 3rem;
		}

		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info #district-id
		{
			width: 12rem;
		}

		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.student-info #lea-id
		{
			width: 12rem;
		}


	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.evaluation-info
	{
		display: flex;
		flex-direction: column;
		row-gap: 0.25rem;
	}

	
		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.evaluation-info div.choose-evaluation-type div.value
		{
			margin-top: 0.25rem;
			margin-left: 4.5rem;
			margin-bottom: 0.5rem;
		}


		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.evaluation-info label[for="evaluation-start-date-id"],
		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.evaluation-info label[for="evaluation-process-completed-id"],
		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.evaluation-info label[for="evaluation-determination-meeting-id"]
		{
			width: 15rem;
			text-align: right;
		}
	

	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.activity-fields
	{
		margin-top: 0.5rem;
		border-top: 1px solid black;
	}


		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.activity-fields div.is-eligible-choice-wrapper
		{
			margin: 0.3rem; 
			margin-left: 1rem;

			border: 1px solid #000000; 
			border-bottom-color: #ffffff; 
			border-right-color: #ffffff; 
			padding: 0.3em; 
			
			color: black;
			background-color: #ffffff; 
			width: 120px;
		}


	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.activity-fields div.label-value
	{
		margin-top: 0.5rem;
		
		display: flex;
		flex-direction: column;
		row-gap: 0.5rem;
	}


	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.activity-fields div.label-value > div.label
	{
		font-style: normal;
		color: #003366;
		background-color: inherit;
	}

	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.activity-fields div.label-value > div.label::after
	{
		content: unset;
	}


	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.activity-fields div.label-value div.value ol
	{
		padding-top: 0;
		margin-top: 0;
		margin-left: 2rem;
		
		display: flex;
		flex-direction: column;
		row-gap: 0.5rem;
	}
	
		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.activity-fields li div.label-value
		{
			display: flex;
			flex-direction: row;
			column-gap: 0.5rem;			
			
			align-items: baseline;
		}
						
		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.activity-fields li div.label-value div.label
		{
			font-weight: normal; /* checkbox label shouldn't be bold */
			color: black;
			background-color: inherit;
		}
											

	div.medicaid-evaluation-3yr-re-evaluation div.form-container div.payment-information
	{
		margin: auto;
		
		border: 1px solid black; 
		
		padding-top: 0.25rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		padding-bottom: 0.5rem;
		
		width: 35rem;
		
		color: black;
		background-color: #eeeeee; 
	}

		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.payment-information div.label,
		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.payment-information label
		{
			font-weight: normal; /* checkbox label shouldn't be bold */
			font-style: normal;
			color: black;
			background-color: inherit;		
		}
		
		div.medicaid-evaluation-3yr-re-evaluation div.form-container div.payment-information div.payment-dates
		{
			display: flex;
			flex-direction: row;
			column-gap: 0.5rem;			
			
			align-items: baseline;		
			justify-content: flex-end;
		}
		
		



/******************* Find Dialogue *****************/
#find-dialogue-top {
	margin-bottom: 6px;
}
.find-dialogue-left {
	vertical-align: text-top;
}
.find-dialogue-right {
	vertical-align: text-top;
}
.FindDialog .findGroup {
	border: 1px solid;
	padding: 2px;
	margin: 2px;
}
.FindDialog .content {
	overflow-x: auto;
}
		

/******************* Subheader *****************/
.subheader {

	background: white;
	height: 50px;
	font-family: Verdana;
	font-size: 11px;
}

.subheader .title {
	text-align: center;
	font-family: Verdana;
	font-size: 15px;
	font-weight: bold;
}

#draft {
	font-family: Verdana;
	font-size: 12px;
	float: right;
	margin-right: 10px;
}

.subheader .error {
	width: 35px;
	text-align: center;
	margin: 5px;
}

/******************* Tooltips *****************/
.tooltip {
	border: 1px solid black;
	border-radius: 50%;
	height: 12px;
	width: 12px;
	display: inline-block;
	background-color: #BBB;
	text-align: center;
	position: relative;
	font-size: 10px;
	cursor:help;
	font-style: normal;
}

.hover-tooltip {
	position: relative;
}

.tooltip:hover, .hover-tooltip:hover {
	background-color: white;
}

.tooltip:hover:after, .hover-tooltip:hover:after {
    background: rgb(201, 210, 293);
    box-shadow: 3px 3px 2px #AAA;
    border-radius: 2px;
    white-space: pre-line;
    color: #000;
    content: attr(data);
    left: 15px;
    top: 10px;
    padding: 5px 15px;
    position: absolute;
    z-index: 100;
    width: 150px;
    text-align: left;
    font-weight: normal;
}

.tooltip-left {
	border: 1px solid black;
	border-radius: 50%;
	height: 12px;
	width: 12px;
	display: inline-block;
	background-color: #BBB;
	text-align: center;
	position: relative;
	font-size: 10px;
	cursor:help;
}

.tooltip-left:hover {
	background-color: white;
}

.tooltip-left:hover:after{
    background: rgb(201, 210, 293);
    box-shadow: 3px 3px 2px #AAA;
    border-radius: 2px;
    white-space: pre-line;
    color: #000;
    content: attr(data);
    left: -183px;
    top: 10px;
    padding: 5px 15px;
    position: absolute;
    z-index: 100;
    width: 150px;
    text-align: left;
    font-weight: normal;
}

/**** EEE Plan Services Tooltips ******/
.eeePlanServiceTooltip {
	position: relative;
}
.eeePlanServiceTooltip:hover:after {
	background: rgb(201, 210, 293);
    box-shadow: 3px 3px 2px #AAA;
    border-radius: 2px;
    white-space: pre-line;
    color: #000;
    content: "Enter this date on the IEP Cover Page.";
    top: -10px;
    left: 68px;
    padding: 5px 15px;
    position: absolute;
    z-index: 100;
    width: 150px;
    text-align: left;
    font-weight: normal;
}

/************* ERXRadioButtonMatrix ********/
.ERXMatrixTableCell {
 	padding-left: 6px;
 	padding-top: 2px;
 	padding-bottom: 2px;
}

/************* Status Flags ****************/
.statusCircle {
	width: 11px;
	height: 11px;
	padding: 0px; 
	border-radius: 7px;
	border: 1px solid #333;
	cursor:help;
	position: relative;
	display: inline-block;
	vertical-align: text-top;
}

.statusStar {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: text-top;
	margin-top: -3px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 15px solid green;
}
.statusStar:after {
	position: absolute;
	top: 5px;
	left: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 15px solid green;
	content: "";
}

#StatusInfo {
	background: rgb(201, 210, 293);
	box-shadow: 3px 3px 2px #AAA;
	border-radius: 2px;
	white-space: pre;
	color: #000;
	content: attr(data);
	left: 15px;
	top: 10px;
	padding: 5px 15px;
	position: absolute;
	z-index: 100;
	width: auto;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
}

.statusGreen {
	background:green; 
}

.statusGreen:hover {
	background-color: lightgreen;
}

.statusAmber {
	background:#FFBF00; 
}

.statusAmber:hover {
	background-color: #FFDF88;
}

.statusRed {
	background:red; 
}

.statusRed:hover {
	background-color: pink;
}

.statusGrey {
	background:lightgrey; 
}

.statusGrey:hover {
	background-color: white;
}

.statusTransparent {
	background: transparent; 
}

.statusTransparent:hover {
	background-color: lightgreen;
}

/* Printing Support */
.MultiDocPrint .selection {
	text-align: left;
	font-size: 16px;
	font-weight: normal;
}

.MultiDocPrint .frontScreenButtons {
	margin-top: 0px;
	height: 34px;
}

.MultiDocPrint .print {
	position: absolute;
	right: 8px;
	bottom: 8px;
}

.MultiDocPrint .close {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.AdvancedPrint > .title {
	margin-bottom: 0px;
}
.AdvancedPrint > .title > .title {
	margin-bottom: 5px;
}
.AdvancedPrint .subtitle {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
}
.AdvancedPrint .selection {
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 6px;
	border-bottom: 1px solid #aaa;
}

.AdvancedPrint .content {
	padding-top: 6px;
	padding-bottom: 6px;
}

.AdvancedPrint .selectParent {
	background-image: url("svg/up_arrow_grey.svg");
	width: 16px;
	height: 16px;
	
	float: left;
	cursor: pointer;
}

.AdvancedPrint .resetButton {
	float: right;
	margin-left: 4px;
}

.AdvancedPrint .frontScreenButtons {
	margin-top: 0px;
	height: 34px;
	border-top: 1px solid #aaa;
}

.AdvancedPrint .print {
	position: absolute;
	right: 8px;
	bottom: 8px;
}

.AdvancedPrint .close {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.reportDefinition {
	margin-left: 16px;
	}
	.reportDefinition.single {
	
	}
	.reportDefinition.dependent {
		margin-top: 6px;
	}
	.reportDefinition .controls {
		margin-left: 16px;
		font-size: 12px;
		margin-bottom: 4px;
	}

.opener {
	display: inline-block;
	cursor: pointer;
	}
	.closed {
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid #888;
		
		margin-left: 3px;
		margin-right: 3px;
	}
	.open {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #888;
		
		margin-bottom: 2px;
	}
	
	
/*********** Standard Letter Format *************/
/** anything that is a letter should use these **/ 

.letter {
	margin-top: 1em;
	margin-left: 8em;
	margin-right: 8em;
	margin-bottom: 1em;
	border: 1px solid black;
	}
	.letter h1 {
		font: 14pt Verdana;
		font-weight: bold;
		padding: 2px;
		text-align: center;	
		border-bottom: 1px solid black;	
	}
	.letter h2 {
		font: 12pt Verdana;
		font-weight: bold;
		padding: 2px;
		text-align: center;	
		border-bottom: 1px solid black;	
	}
	.letter h4 {
		font: 9pt Verdana;
		font-weight: bold;
		text-align: left;
		margin-left: .5em;
		margin-top: .1em;
		margin-bottom: .1em;
	}	
	.letter .letterContent {
		font: 9pt Verdana;
		font-weight: normal;
		padding: 12px;
		text-align: left;	
		}
		.letter .letterContent h3 {
			font: 10pt Verdana;
			font-weight: bold;
			text-align: center;
			margin-top: 1em;
			margin-bottom: 1em;
		}	
		.letter .letterContent h4 {
			font: 9pt Verdana;
			font-weight: bold;
			text-align: left;
			margin-left: 0;
			margin-top: .1em;
			margin-bottom: .1em;
		}	
		.letter .letterContent div.date {	
			float :right;
			width: 110px;
			text-align: right;
		}	
		.letter .letterContent table.labeledFields {
			border-collapse: collapse;
			}
			.letter .letterContent table.labeledFields td.label {
				text-align: right;
				padding: 1px;
			}
			.letter .letterContent table.labeledFields td.field {
				text-align: left;	
				padding: 1px;
			}
		.letter .letterContent table.addressTable .name {
			width: 228px; /* with an address table, make the name width match the street width */
		}
		.letter .letterContent p {
			color: black;
			margin-bottom: 14px;
		}
		.letter .letterContent table.signature {
			border-collapse: collapse;
			width: 100%;
			}
			.letter .letterContent table.signature td {
				text-align: center;	
			}
			.letter .letterContent table.signature td.label {
				font: 7pt Verdana;
				font-weight: normal;
				padding-bottom: 8px;	
			}
		.letter .letterContent table.checkboxTable {
			border-collapse: collapse;
			width: 100%; }
			.letter .letterContent td.checkbox {
				vertical-align: top;
				padding-right: .6em;
			}
			.letter .letterContent td.checkboxIndent {
				vertical-align: top;
				padding-left: 1.2em;
				padding-right: .6em;
			}
			.letter .letterContent td.checkboxText {
				padding-bottom: 1em;
			}
.letter .letterFooter {
		font: 7pt Verdana;
		font-weight: normal;
		padding: 4px;
		border-top: 1px solid black;	
		}
		.letter .letterFooter div.form {	
			float :right;
			width: 270px;
			text-align: right;
		}	
		.letter .letterFooter div.name {	
			width: 270px;
			text-align: left;
		}	
	.letter hr {
		margin: 0px;	
		padding: 0px;	
		height: 0px;	
		border: 0px;	
		border-top: 1px solid black;	
	}
	
	/* field types */
	.letter .name {
		width: 180px;
	}
	.letter .street {
		width: 228px;
	}
	.letter .state {
		width: 22px;
	}
	.letter .zip {
		width: 72px;
	}
	.letter .city {
		width: 120px;
	}
	.letter .salutation {
		width: 200px;
	}
	.letter .schoolName {
		width: 228px;
	}	
	.letter .time {
		width: 79px;
	}	
	.letter .phone {
		width: 128px;
	}	

/******************* Label Table *********************/
/** use these classes around LabeledLine Components **/

	table.labelTable {
		border-collapse:collapse;
		
		margin: 0;
		width: 100%;
		}
		table.labelTable td {
			margin: 0;
			padding: 0;
		}

/********************** Date Range Group *********************/
.dateRangeGroup {
	display: inline-block;
	padding: 2px;
	padding-right: 4px;
	background: #ccc;
	
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	
	font-size: 9px;
	font-family: Verdana;
	}
	.dateRangeGroup input {
		width: 53px;
	}
	.dateRangeGroup .rangeToggle {
		cursor: pointer;
		
		color: #222;
		
		vertical-align: top;
		display: inline-block;
		margin-top: 1px;
		
		padding: 2px;
		padding-right: 6px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		}
		.dateRangeGroup .rangeToggle:hover {
			background: #eee;
		}

/********************** Validation Dialog ********************/
#ValidationTable, #ValidationTableHeader {
	border-collapse: collapse;
	}
	#ValidationTable .validationRow {
		
		}
		#ValidationTable .validationRow.critical {
			background: #ffaaaa;
			}
		#ValidationTable .validationRow.soft {
			background: #aaaaff;
			}
		#ValidationTable .validationRow.approved {
			background: #aaffaa;
			}
	#ValidationTable td, #ValidationTableHeader th {
		padding: 2px 4px;
	}
	#ValidationTable td {
		
	}
	#ValidationTable th.severity {
		width: 16px;
	}
	#ValidationTable .editNotes {
		font-size: 12px;
		color: #222;
	}

/************************ Export Dialog *********************/
.ExportDialog .exportSettings {
	border: 1px solid #888;
	padding: .2em .5em;
	margin: .1em 0 .2em 2em;
	}
	.ExportDialog .exportSettings .typeName {
		font-weight: bold;
		margin-right: 2em;
		font-size: 16px;
	}
	.ExportDialog .exportSettings .massEdit {
		float: right;
		font-size: 14px;
	}
	.ExportDialog .exportSettings .exportRelationships {
		font-size: 14px;
		list-style: none;
		
		margin-left: .5em;
		}
		.ExportDialog .exportSettings .exportRelationships li {
			
		}

/************************ Import Dialog **********************/
.ImportDialog ul li {
}
.ImportDialog .importTitle {
	font-size: 16px;
	font-weight: bold;
	
	padding-bottom: 0px;
	margin-bottom: 0px;
	
	border-bottom: 1px solid #888;
}
.ImportDialog .upload {
	max-width: 296px;
	}
	.ImportDialog .upload .importTitle {
		text-align: center;
	}
	.ImportDialog .upload .helpText {
		padding: 10px 4px;
		margin-top: 10px;
		text-align: center;
	}
	.ImportDialog .upload form table {
		display: block;
	}
	.ImportDialog .upload form table tbody {
		display: block;
	}
	.ImportDialog .upload form table tbody tr {
		display: block;
	}
	.ImportDialog .upload form table tbody tr td {
		display: block;
	}
	.ImportDialog .upload form table tbody tr.upload_row td.input_col input {
		width: 100%;
	}
	.ImportDialog .upload form table tbody tr.upload_row td.action_col {
		margin-top: 12px;
		text-align: center;
	}
	
.ImportDialog .choice {
	padding: 10px;
	width: 200px;
	height: 50px;

	margin-top: 20px;
	
	background: #ddd;
	
	line-height: 50px;
	
	border: 1px solid #aaa;
	}
	.ImportDialog .choice:hover {
		background: #f8f8f8;
		cursor: pointer;
	}
	.ImportDialog .choice:active {
		background: #ccc;
	}
	.ImportDialog .choice span {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		line-height: 16px;
	}
	.ImportDialog .choice.merge {
		float: right;
	}
	.ImportDialog .choice.import {
		float: left;
	}

/**************** Docusped Object Description ****************/
div.objectDescription {
	border: 1px solid #888;
	padding: .1em .2em;
	margin: .2em 0;
}
.objectDescription .relationship {
	margin-left: 2em;
	}
	.objectDescription .relationship ul {
		margin-left: 1em;
		list-style: none;
		}
		.objectDescription .relationship ul li {
			
		}

/******************* Session Log Details ********************/
#SessionLogList .pageNav {
	text-align: center;
	margin: 4px 0;
}

.SessionLogDetails table {
	border-collapse: collapse;
}
.SessionLogDetails tr:nth-child(even) {
	background: #f5f5f5;
}
.SessionLogDetails tr:nth-child(odd) {
	background: #fff;
}
.SessionLogDetails td {
	padding: 2px 6px;
}

/*********************** List Display *******************/
.header .RecordListPagination {
	text-align: center;
	
	}
	.header .RecordListPagination span {
		position: relative;
		top: 7px;
	}
	.header .RecordListPagination .arrow-left {
		float: left;
		position: relative;
		left: -12px;
	}
	.header .RecordListPagination .arrow-right {
		float: right;
		position: relative;
		right: -12px;
	}
	.header .RecordListPagination .small {
		margin-top: 6px;
	}

/*************************** Find Dialog ************************/
#find-dialog-services {
	clear: both;
	border-top: 1px solid #555;
}
#find-dialog-services table {
	border-collapse: collapse;
	
}
#find-dialog-services table td {
	text-align: center;
	
	border: 1px solid #555;
	padding: 2px;
}

#find-dialog-services table th {
	font-size: 14px;
	vertical-align: bottom;
	padding: 2px;
}

#find-dialog-accommodations, #find-dialog-searchable-record {
	clear: both;
	width: 960px;
}

#find-dialog-accommodations table {
	padding: 4px;
	border: 1px solid black;
	border-collapse: collapse;
	width: 870px;
}

#find-dialog-accommodations td, #find-dialog-accommodations th, #find-dialog-searchable-record {
	padding: 4px;
	border: 1px solid black;
}

#find-dialog-searchable-record .searchableField {
	display: inline-block;
	white-space: nowrap;
	background: #ddd;
	padding: 2px 4px;
	margin: 2px 0px;
}

.FindDialog .findGroups {
	border-collapse: collapse;
	margin-bottom: 4px;
	width: 100%;
	}
	
	.FindDialog .findGroups td {
		border: 1px solid #aaa;
		padding: 4px 6px;
		text-align: center;
		
		background: #dfdfdf;
		}
		.FindDialog .findGroups td:hover {
			cursor: pointer;
			background: #ccc;
		}
		.FindDialog .findGroups td.clear:active {
			background: #c1c1c1;
		}
		.FindDialog .findGroups td.group {
			padding: 0;
			}
			.FindDialog .findGroups td.group > div {
				position: relative;
			}
			.FindDialog .findGroups td.group .select {
				padding: 4px;
				}
				.FindDialog .findGroups td.group .select:hover {
					cursor: pointer;
					background: #ccc;
				}
				.FindDialog .findGroups td.group .select:active {
					background: #c1c1c1;
				}
				.FindDialog .findGroups td.group.selected .select {
					background: #a1aafd;
					cursor: auto;
				}
			.FindDialog .findGroups td.group:hover .delete {
				width: 16px;
				height: 16px;
				background: rgba(0, 0, 0, 0.2);
				cursor: pointer;
				
				border-radius: 2px;
				
				position: absolute;
				right: 5px;
				top: 5px;
				}
				.FindDialog .findGroups td.group:hover .delete:hover {
					background: rgba(0, 0, 0, 0.3);
				}
				.FindDialog .findGroups td.group:hover .delete:active {
					background: rgba(0, 0, 0, 0.4);
				}
				.FindDialog .findGroups td.group:hover .delete:before {
					content: "";
					width: 10px;
					height: 2px;
					background: #444;
					-moz-transform:rotate(45deg);
					-webkit-transform:rotate(45deg);
					-o-transform:rotate(45deg);
					-ms-transform:rotate(45deg);
					display: block;
					position: absolute;
					top: 7px;
					left: 3px;
				}
				.FindDialog .findGroups td.group:hover .delete:after {
					content: "";
					width: 10px;
					height: 2px;
					background: #444;
					-moz-transform:rotate(-45deg);
					-webkit-transform:rotate(-45deg);
					-o-transform:rotate(-45deg);
					-ms-transform:rotate(-45deg);
					display: block;
					position: absolute;
					top: 7px;
					left: 3px;
				}
				
		.FindDialog .findGroups td.selected {
			
		}
		.FindDialog .findGroups td.addGroup {
			width: 16px;
			padding: 0;
			cursor: auto;
			}
			.FindDialog .findGroups td.addGroup .addGroupButton {
				display: block;
				width: 26px;
				height: 26px;
				background: none;
				border: none;
				cursor: pointer;
				font-size: 18px;
				line-height: 26px;
				}
				.FindDialog .findGroups td.addGroup .addGroupButton:hover {
					background: #ccc;
				}
				.FindDialog .findGroups td.addGroup .addGroupButton:active {
					background: #c1c1c1;
				}
		.FindDialog .findGroups td.clear {
			width: 40px;
		}
			
/*********************** Child Count Date *******************/
div.childCountDate {
  	display: inline-block;
  	margin-top:0px;
 	font-family: "Times New Roman";
	font-size: 13px;
	font-weight: 600;
	border: 1px solid #888888;
  	border-radius: 4px;
	background-color: #cccccc;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 4px;
	color: #216fa8; 
	}
	div.childCountDate input {
		font-weight: 100;
	}
	
/************************ Grade Incrementer *********************/
.ShiftGradeDialog .content {
	text-align: center;
	}
	.ShiftGradeDialog .content .options {
		margin-bottom: 12px;
		}
		.ShiftGradeDialog .content .options input {
			width: 30px;
		}

/************************ Change Case Manager *********************/
.ChangeCaseManagerDialog .content {
	text-align: center;
	}
	.ChangeCaseManagerDialog .content .options {
		margin-bottom: 12px;
		}

/********************** Password Change Dialog *********************/
.PasswordChangeDialog {
	max-width: 380px;
	}
	.PasswordChangeDialog .error {
		font-size: 12px;
		}
		.PasswordChangeDialog .helpText ul {
			padding-left: 20px;
		}

/********************** Duplication *********************/
.DuplicationDialog h3 {
	margin-top: 20px;
}
.DuplicationDialog .sectionOptions {
	margin: 10px auto;
	width: 140px;
}

/**********************  *********************/
.blueNote {
	color: blue;
	text-align: center;
	font: 11px Verdana; 	
}

.blueSection {
	color: blue;
	text-align: left;
	font: 11px Verdana;
	}
	.blueSection h1 {
		text-align: left;
		font: 11px Verdana; 
		font-weight: bold;
		margin-top: 1.2em;
		margin-bottom: 1.2em;
	} 
	.blueSection h2 {
		text-align: left;
		font: 11px Verdana; 
		font-weight: bold;
		margin-top: 1.2em;
	} 
	.blueSection span {
		font: 11px Verdana; 
		font-weight: bold;
	} 
	.blueSection li {
		margin-left: 1.2em;
		font: 11px Verdana; 
	} 
	
.color504 {
	color: #0000FF;
}

.colorES {
	color: #007777;
}

.attachment-count {
	border: 2px #216fa8 solid;
	border-radius: 10px;
	padding: 1px 3px;
}

.attachment-count-with-new {
	border: 2px red solid;
	border-radius: 10px;
	padding: 1px 3px;
}

.AttachmentsDialog .filter {
	font-size: 14px;
	font-weight: normal;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 4px 0px;
	margin-top: 5px;
	}
	.AttachmentsDialog .filter table {
		margin: 0 auto;
		text-align: right;
	}
	.AttachmentsDialog .filter td {
		padding: 0px 4px;
	}
	.AttachmentsDialog .filter .field {
		text-align: left;
	}
	.AttachmentsDialog .newAttachment th {
		text-align: right;
		font-size: 14px;
	}
	.AttachmentsDialog .title .sizeLimit {
		font-size: 13px;
		font-weight: normal;
		color: #444444;
	}
	.AttachmentsDialog .content {
		font-size: 14px;
	}
	.AttachmentsDialog .AttachmentUpload {
		position: absolute;
		top: 5px;
		right: 10px;
	}
	.AttachmentsDialog .confirmDelete {
		max-width: 350px;
		padding: 10px;
	}
	.AttachmentsDialog .downloadLink {
		background-image: url(svg/download.svg);
		background-size: 24px 24px;
		background-position: center;
		background-repeat: no-repeat;
		height: 24px;
	}
	.AttachmentsDialog .noItemsMessage {
		width: 300px;
		padding: 10px;
		margin: 0 auto;
	}
	



	
/*********** Standard Input Format *************/
/** Any page that is a typical data entry form **/ 

/* Before content scroll */
.pageTitle {
	text-align: center;
	font-family: Verdana;
	font-size: 15px;
	font-weight: bold;
	padding: 2px;
}

.pageTitle2 {
	text-align: center;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	padding: 2px;
}

/* After content scroll */
.standardInputPage {
		margin-left: 48px;
		margin-right: 48px;
		margin-bottom: 48px;
	}
	.standardInputPage h2 {
		margin-top: 1em;
		margin-bottom: .2em;
		color: black;
		font-family: Verdana;
		font-size: 11px;
		font-weight: bold;
	}
	.standardInputPage p {
		margin-top: .5em;
		margin-bottom: .5em;
		color: black;
		font-family: Verdana;
		font-size: 11px;
	}
	.standardInputPage .blueNote {
		color: blue;
		font-family: Verdana;
		font-size: 11px;
		text-align: left;
		text-align: left;
	}
	
/* Pages that use Standard Input Format go below here */	
	
/*********** IEP_Plan_PresentLevel *************/
.IEP_Plan_PresentLevel {
	margin-bottom: 72px; /* extra margin for tooltip */
}
.IEP_Plan_PresentLevel td.leftColumn {
	width: 86%;
	vertical-align: top;
}
.IEP_Plan_PresentLevel td.rightColumn {
	width: 14%;
	padding: 2px;
	vertical-align: top; 
}
	
.IEP_Plan_PresentLevel div.aug2022 {
	font-family: Verdana;
	font-size: 11px;
}

.IEP_Plan_PresentLevel div.aug2022 .statement {
	margin-top: 1.2em;
	margin-bottom: .6em;
	font-family: Verdana;
	font-size: 11px;
}

.IEP_Plan_PresentLevel div.aug2022 .fieldHeader {
	padding-top: 1.2em;
	font-weight: bold;
}

.IEP_Plan_PresentLevel div.aug2022 .fieldHeader .secondary {
	padding-top: 1.2em;
	font-weight: normal;
	font-style: italic;
}


/* Evaluation 2 */

/* Label Table */
/* Component to set input to remaining width */
.label-table {
	margin-top: .1em;
	width: 100%;	
	border-spacing: 0px;
	}
	.label-table .label-table-label {
		width: 6%;
		white-space: nowrap;
		vertical-align: top;
	}
	.label-table .label-table-field {
		width: 94%;
		padding-left: 2px;
		padding-right: 0px;
		}
		.label-table .label-table-field input{
			width: 100%;	
		}
		
		.label-table .label-table-field input.date-field{
			width: 62px; 	/* matches other date-field for now; 2023-0527 MAG want to change to rem eventually */
		}
		
		
/* Cover Page */
.evaluation-cover-page {
	margin-top: 1.2em;
	margin-left: 45px;
	margin-right: 40px;
	margin-bottom: 2.4em;
	}
	.evaluation-cover-page h3 {
		text-align: center;
	}
	.evaluation-cover-page .group1 {
		margin-top: 1.2em;
 		}		
		.evaluation-cover-page .group1 .label-table-grade {
        	width: 60%;
			}
			.evaluation-cover-page .group1 .label-table-grade .grade-div {
				margin-right: 16px;
			}
		.evaluation-cover-page .group1 .label-table-date-of-birth {
			width: 40%;
		}
	
	.evaluation-cover-page .group2 {
		margin-top: 1.2rem;
		display: flex;
		justify-content: space-between;
	}
		
		.evaluation-cover-page .group2 .left div.eval2-cover-group2-left-wrapper
		{
			display: flex;
			flex-direction: column;
			row-gap: 0.2rem;
		}
		
		
		.evaluation-cover-page .group2 .right .none
		{
			color: blue;
		}
		
		
		.evaluation-cover-page .group2 .right table#consent-forms-id
		{
			border: 1px solid blue;
			background-color: white;
			color: blue;
		}
		
		.evaluation-cover-page .group2 .right table.row-display caption,
		.evaluation-cover-page .group2 .right table.row-display th
		{
			background-color: #e6e6e6; /* #d6d6d6; */
			color: blue;
		}	
		
		.evaluation-cover-page .group2 .right table.row-display tbody tr:nth-child(2n+1) 
		{
			background-color: #f9f9f9;
			color: blue;
		}

		.evaluation-cover-page .group2 .right table.row-display tbody tr:nth-child(2n+2) 
		{
			background-color: #F0F8FF; /*  #f0f0f0; */
			color: blue;
		}

		
		.evaluation-cover-page .group2 .right table.row-display caption,
		.evaluation-cover-page .group2 .right table.row-display th,
		.evaluation-cover-page .group2 .right table.row-display td		
		{
			text-align: left;
			padding-left: 0.25rem;
			padding-right: 0.25rem;
		}
		
		.evaluation-cover-page .group2 .right table.row-display th,
		.evaluation-cover-page .group2 .right table.row-display td
		{
			white-space: nowrap;
		}
		
				
		.evaluation-cover-page .group2 .date-consent-received .label-field-wrapper
		{
			align-items: flex-start;
		}

		.evaluation-cover-page .group2 .date-consent-received .label-field-wrapper .date-field
		{
			width: 62px;
		}
		
		.evaluation-cover-page .group2 div.checkbox-and-label.consent-not-required
		{
			display: flex;
			column-gap: 0.5rem;
			align-items: flex-start;
			
			color: blue;
			background-color: inherit;
			font-size: 0.8rem;
			
			width: 23rem;
		}
		
		
	.evaluation-cover-page .group3 {
		margin-top: 1.2em;
		}
		.evaluation-cover-page .group3 .item-row {
			display: inline-block;
			margin-top: .6em;
		}		
		.evaluation-cover-page .group3 .pop-up-row-label {
			display: inline-block;
			margin-right: 8px;
		}
		.evaluation-cover-page .group3 .checkbox-row-label {
			display: inline-block;
			margin-right: 8px;
		}		
		.evaluation-cover-page .group3 .checkbox-label {
			display: inline;
			margin-right: 7px;
		}
		
	.evaluation-cover-page .team-members {
			margin-top: 1.2em;
			margin-right: -30px;
			
			border: 1px dotted gray;
			padding: 0.25rem;
		}
		
		.evaluation-cover-page .team-members input[type="button"]
		{
				padding-left: 0.5rem;
				padding-right: 0.5rem;
		}
		
		.evaluation-cover-page .team-members div.heading {
			display: flex;
		}
		
		.evaluation-cover-page .team-members div.heading div.title {
			flex-basis: 0;
			flex-grow: 1;
			font-weight: bold;
		}
		
		.evaluation-cover-page .team-members div.heading div.title-hint {
			flex-basis: 0;
			flex-grow: 1;
			
			
			color: #0000ff;		/* matches .portalShell .blue-note, */
			font-size: 0.9rem;
			font-style: italic;
		}
		
	
		.evaluation-cover-page .team-member-table {
			width: 100%;
			margin-top: 2px;
			margin-bottom: 2px;
			border-collapse: collapse;
			}	
			.evaluation-cover-page .team-member-table th {
				border: 1px solid #666;
				background: white;
				padding: .1em;
				text-align: center;
				}
				.evaluation-cover-page .team-member-table th.name {
					width: 30%;
				}
				.evaluation-cover-page .team-member-table th.role {
					width: 42%;
				}
				.evaluation-cover-page .team-member-table th.involved {
					width: 8%;
				}
				.evaluation-cover-page .team-member-table th.agreed {
					width: 11%;
				}
				.evaluation-cover-page .team-member-table th.initial {
					width: 6%;
					white-space: nowrap;
				}
				.evaluation-cover-page .team-member-table th.delete {
					width: 3%;
					border-color: #eeeeee;
					background-color: #eeeeee;
				}
			.evaluation-cover-page .team-member-table td {
				border: 1px solid #666;
				background: white;
				padding: 1px;
				text-align: left;
				}
				.evaluation-cover-page .team-member-table td.name {
					padding-right: 7px;
					}
					.evaluation-cover-page .team-member-table td.name input {
						padding-left: 2px;
						width: 100%;
					}
				.evaluation-cover-page .team-member-table td.role {
					padding-right: 7px;
					}
					.evaluation-cover-page .team-member-table td.role input {
						padding-left: 2px;
						width: 100%;
					}
					.evaluation-cover-page .team-member-table td.role .role-text {
						padding-left: 3px;
						font-size: 11pt;
					}
				.evaluation-cover-page .team-member-table td.involved {
					text-align: center;
				}
				.evaluation-cover-page .team-member-table td.agreed {
					text-align: center;
				}
				
				.evaluation-cover-page .team-member-table td.initial {
					width: 6%;
					white-space: nowrap;
				}
				
				
				.evaluation-cover-page .team-member-table td.delete {
					text-align: center;
					padding-top: 2px;
					border-color: #eeeeee;
					background-color: #eeeeee;
				}

/* Disability Determination */


.evaluation-disability-determination {
	margin-top: 1rem;
	margin-left: 45px;
	margin-right: 40px;
	margin-bottom: 2.4em;
	}

 	.evaluation-disability-determination h3 {
		text-align: center;
	}
	
	.evaluation-disability-determination .section-a ,
	.evaluation-disability-determination .section-b,
	.evaluation-disability-determination .add-disability-area
	{
		margin-top: 1rem;
 	}		
	
	
	.evaluation-disability-determination .disability-list {
		margin-left: 15px;	/* was this */
		margin-left: 20rem;
	}

	

.evaluation-disability-determination a.page-top
{
	text-decoration: none;
}


.evaluation-disability-determination section.disability
{
	margin-top: 1rem;
	margin-bottom: 2rem;
	
	border: 1px solid #666; /*  #666; */
 	
	background-color: white;
	color: black;
}

	.evaluation-disability-determination section.disability div.section-body
	{
		padding: 1rem;
	}

	.evaluation-disability-determination section.disability div.disability-questions-header 
	{
		padding-left: 0.25rem;
		padding-right: 0.25rem
	}
	
	.evaluation-disability-determination section.disability table
	{
		border-collapse: collapse;
		border: 1px solid #666;
		
		margin-top: 1rem;
		width: 100%;
	}
	

	.evaluation-disability-determination section.disability table th,
	.evaluation-disability-determination section.disability table td
	{
		margin: 0;
		
		border-bottom: 1px solid #666;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
	
	.evaluation-disability-determination section.disability table.assessment-areas-and-evaluations-used thead th
	{
		background-color: #ddd;
		color: black;
	}


	.evaluation-disability-determination section.disability table.assessment-areas-and-evaluations-used td.delete
	{
		text-align: center;
	}
	
	
	.evaluation-disability-determination section.disability table.assessment-areas-and-evaluations-used th.assessment-area
	{
		width: 62%;
	}
	
	.evaluation-disability-determination section.disability table.assessment-areas-and-evaluations-used th.administered-by
	{
		width: 33%;
	}

	.evaluation-disability-determination section.disability table.assessment-areas-and-evaluations-used th.delete
	{
		width: 5%;
	}
	
	.evaluation-disability-determination section.disability table.assessment-areas-and-evaluations-used textarea
	{
		width: 100%;
	}
	
	.evaluation-disability-determination section.disability .question-and-answer-content-wrapper .disability-questions-header {
		background-color: #efefef;
		border: 1px solid gray;
	}
	
	.evaluation-disability-determination section.disability .conclusion .conclusion-header,
	.evaluation-disability-determination section.disability .assessments-for-disability-wrapper h3,
	.evaluation-disability-determination section.disability .question-and-answer-content-wrapper .disability-questions-header {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #666;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.evaluation-disability-determination section.disability h2
	{
		background-color: #ddd;
		color: black;
		
		border-bottom: 1px solid #666;
	
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
		
		display: flex;
		justify-content: space-between;
		
		font-weight: bold;
		font-size: 1rem;
	}

		.evaluation-disability-determination section.disability h2 span.disability-name
		{
			font-weight: bold;
		}

		.evaluation-disability-determination section.disability h2 span.disability-commands
		{
			display: flex;
			column-gap: 1rem;
		}
		
			.evaluation-disability-determination section.disability h2 span.disability-commands input[type="button"].edit-assessment,
			.evaluation-disability-determination section.disability input[type="button"].add-new-assessment
			{
				padding-left: 0.5rem;
				padding-right: 0.5rem;
			}


			.evaluation-disability-determination section.disability h2 span.disability-commands a.delete-disability
			{
				margin-right: 0.25rem;
			}



	.evaluation-disability-determination section.disability div.assessment-evaluation-header
	{
		padding-top: 1rem;
	}


	.evaluation-disability-determination section.disability div.conclusion
	{
		margin-top: 1rem;
		margin-bottom: 1rem;
		
		padding: 0;		/* so that background-gray on child h3 will span the whole width */
		
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
	}

		.evaluation-disability-determination section.disability div.conclusion h3
		{ 
			font-size: 1rem;
			background-color: #ddd;
			color: black;	
					
			margin-bottom: 0.25rem;
			border-bottom: 1px solid #666;
			
			padding: 0.25rem;
		}
		
		.evaluation-disability-determination section.disability div.conclusion-body
		{
			padding-top: 0.25rem;
			padding-left: 0.5rem;
			padding-bottom: 0.5rem;
			padding-right: 0.5rem;
		}
		


/* Considerations */

.evaluation-considerations {
	margin-top: 1.2em;
	margin-left: 45px;
	margin-right: 40px;
	margin-bottom: 2.4em;
	}
	.evaluation-considerations h3 {
		text-align: center;
	}
	.evaluation-considerations h4 {
		margin-top: 1.2em;
	}
	
	.evaluation-considerations .consideration-wrapper
	{
		margin-top: 1.2em;		
		border: 1px dotted gray;
		padding: 0.3rem;
	}
	
		.evaluation-considerations .consideration-wrapper textarea.consideration-field,
		.evaluation-considerations .consideration-wrapper div.label-value
		{
			margin-top: 0.25rem;
		}
			
		.evaluation-considerations .consideration-field {
			width: 100%;
		}
				
		.evaluation-considerations .consideration-wrapper div.label-value label::after
		{
			content: ":";
		}
		
		.evaluation-considerations .consideration-wrapper div.label-value select.starter-text
		{
			max-width: 40rem;
		}






/* Adverse Effect */

form[data-class-name="IEP_Evaluation2_AdverseEffect"] div.when-adverse-affect-not-required-note
{
	margin-top: 1rem; 
	color: blue; 
	background-color: transparent;
}


.evaluation-adverse-effect {
	margin-top: 1.2em;
	margin-left: 45px;
	margin-right: 40px;
	margin-bottom: 2.4em;
	}
	.evaluation-adverse-effect h3 {
		text-align: center;
	}
	.evaluation-adverse-effect .section-description {
		margin-top: 1.2em;
	}
	.evaluation-adverse-effect .areas-of-concern-header {
		margin-top: 1.2em;
		font-weight: bold;
	}
	.evaluation-adverse-effect .areas-of-concern-table {
		margin-top: 1.2em;
		}
	.evaluation-adverse-effect .areas-of-concern-table td {
		margin-top: 1.2em;
		}
		.evaluation-adverse-effect .areas-of-concern-table .checkbox-label {
			display: inline-block;
			margin-right: 32px;
 		}
	.evaluation-adverse-effect .skill-areas {
		margin-top: 1.2em;
		}
		.evaluation-adverse-effect .skill-area-table {
			width: 100%;
			border-collapse: collapse;
			margin-top: 2px;
			}
			.evaluation-adverse-effect .skill-area-table th {
				border: 1px solid #666;
				background: #dddddd;
				padding: .1em;
				text-align: center;
				position: relative;					
				}
				.evaluation-adverse-effect .skill-area-table th.assessment-area {
					width: 65%;
				}
				.evaluation-adverse-effect .skill-area-table th.administered-by {
					width: 30%;
				}
				.evaluation-adverse-effect .skill-area-table th.delete {
					width: 5%;
					text-align: center;
					padding-top: 2px;
					border-color: #eeeeee;
					background-color: #eeeeee;
				}
			.evaluation-adverse-effect .skill-area-table td {
				border: 1px solid #666;
				background: white;
				padding: 1px;
				text-align: left;
				}
				.evaluation-adverse-effect .skill-area-table td.assessment-area {
					height: 1.2em;
					vertical-align: text-top;
					white-space: pre-wrap;
					text-indent: 0px;
				}
				.evaluation-adverse-effect .skill-area-table td.assessment-area-edit {
					padding-right: 5px;
					}
					.evaluation-adverse-effect .skill-area-table td.assessment-area-edit textarea {
						width: 100%;
						padding-left: 2px;
					}
				.evaluation-adverse-effect .skill-area-table td.administered-by {
					vertical-align: text-top;
					white-space: pre-wrap;
					text-indent: 0px;
				}
				.evaluation-adverse-effect .skill-area-table td.administered-by-edit {
					padding-right: 5px;
					}
					.evaluation-adverse-effect .skill-area-table td.administered-by-edit textarea {
						width: 100%;
						padding-left: 2px;
					}
				.evaluation-adverse-effect .skill-area-table td.delete {
					vertical-align: text-top;
					text-align: center;
					border-color: #eeeeee;
					background-color: #eeeeee;
					height: 49px;
					position: relative;
					}
					
					/*
					.evaluation-adverse-effect .skill-area-table td.delete input {
					}
					*/
					
					.evaluation-adverse-effect .skill-area-table td.delete a {
						position: absolute;
						left: 14px;
						bottom: 1px;											
					}
	.evaluation-adverse-effect .measures-header {
		margin-top: 1.5rem;
		font-weight: bold;
	}	
	.evaluation-adverse-effect .measures-description {
		margin-top: 1.2em;
	}
	.evaluation-adverse-effect .primary-basic-skill {
		margin-top: 1.2em;
	}
	.evaluation-adverse-effect .primary-basic-skill .primary-skill-area-considered {
		width: 188px;
	}		
	.evaluation-adverse-effect .measures {
		margin-top: 1.2em;
		}
		.evaluation-adverse-effect .measure-table {
			width: 100%;
			border-collapse: collapse;
			margin-top: 1.2em;
			margin-bottom: 2px;
			}
			.evaluation-adverse-effect .measure-table td {
				border: 1px solid #666;
				background: white;
				padding: 1px;
				padding-left: 3px;	
				text-align: left;
				}
				.evaluation-adverse-effect .measure-table td.data-source {
					width: 95%;
					/* white-space: pre-wrap; */ /* CS-3039 this was causing extra white space during edits */
					text-indent: 0px;
					background: #dddddd;
				}
				.evaluation-adverse-effect .measure-table td.data-source-edit {
					width: 95%;
					padding-right: 5px;	
					}
					.evaluation-adverse-effect .measure-table td.data-source-edit textarea {
						width: 100%;
						padding-left: 2px;
					}

				.evaluation-adverse-effect .measure-table td.verification-edit {
					width: 95%;
					padding-right: 5px;					
					}
					.evaluation-adverse-effect .measure-table td.verification-edit textarea {
						width: 100%;
						padding-left: 2px;
					}
				.evaluation-adverse-effect .measure-table td.delete {
					width: 5%;
					vertical-align: text-top;
					text-align: center;
					border-top-color: #eeeeee;
					border-right-color: #eeeeee;
					border-bottom-color: #eeeeee;
					background-color: #eeeeee;
					height: 64px;
					position: relative;
					}
					
					/*
					.evaluation-adverse-effect .measure-table td.delete input {
					}
					*/
					.evaluation-adverse-effect .measure-table td.delete a {
						position: absolute;
						left: 14px;
						bottom: 1px;											
					}
		.evaluation-adverse-effect .rationale-for-one-measure-input {
			width: 100%;
		}
		.evaluation-adverse-effect .meets-adverse-effect {
			margin-top: 1.2em;
			font-weight: bold;
		}

	
form[data-class-name="IEP_Evaluation2_AdverseEffect"] div.additional-concerns
{
	margin-top: 0.5rem;
}

	form[data-class-name="IEP_Evaluation2_AdverseEffect"] a.page-top
	{
		text-decoration: none;
	}


	form[data-class-name="IEP_Evaluation2_AdverseEffect"] span.label.verification,
	form[data-class-name="IEP_Evaluation2_AdverseEffect"] td.adverse-effect span.label,
	form[data-class-name="IEP_Evaluation2_AdverseEffect"] td span.other-data-source-label
	{
		font-style: italic;
	}


/*
removed on 2023-1210 MAG

	form[data-class-name="IEP_Evaluation2_AdverseEffect"] #enter-evidence-hint-id
	{
		margin-top: 1rem;
		color: blue;
		background-color: inherit;
	}
*/


	form[data-class-name="IEP_Evaluation2_AdverseEffect"] select#choose-primary-basic-skill-id
	{
		width: auto;	/* make sure the pop-up menu is wide enough for all values */
	}
	
	
	form[data-class-name="IEP_Evaluation2_AdverseEffect"] div.primary-basic-skill label,
	form[data-class-name="IEP_Evaluation2_AdverseEffect"] label[for='choose-additional-concerns-id']
	{
		font-weight: bold;
	}
	
	form[data-class-name="IEP_Evaluation2_AdverseEffect"] label[for='choose-additional-concerns-id']
	{
		font-style: italic;
	}	
	
	
	form[data-class-name="IEP_Evaluation2_AdverseEffect"]  section.additional-concerns
	{
		margin-top: 1rem;

		border: 1px dotted gray;
		
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		
		padding-bottom: 1rem;
	}
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"]  section.additional-concerns h2
		{
			font-size: 1rem;
			font-weight: bold;			
		}
	
	form[data-class-name="IEP_Evaluation2_AdverseEffect"] ol.selected-additional-concerns-list
	{
		margin-top: 1rem;
		margin-left: 1rem;
	}
	
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"] ol.selected-additional-concerns-list li div.contents
		{
			display: flex;
			column-gap: 1rem;
		}
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"] ol.selected-additional-concerns-list li div.contents	div.display-name
		{
			width: 13rem;
		}
	
	
	form[data-class-name="IEP_Evaluation2_AdverseEffect"] #other-basic-skills-section-id
	{
		margin-top: 2rem;
		border: 1px solid black;
	}
	
	form[data-class-name="IEP_Evaluation2_AdverseEffect"] #other-basic-skills-section-id h2
	{
		font-size: 1.1rem;
		color: black;
		
		background-color: #ccc;	
		
		padding-top: 0.25rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		padding-bottom: 0.25rem;
		
		margin-bottom: 1rem;
		border-bottom: 1px solid gray;
	}
	
	form[data-class-name="IEP_Evaluation2_AdverseEffect"] section.other-basic-skill-evidence
	{
		margin-left: 1rem;
		margin-right: 1rem;
		margin-bottom: 1rem;
		
		border: 1px dotted gray;
	}
	
	
	form[data-class-name="IEP_Evaluation2_AdverseEffect"]  div.skill-that-met-adverse-effect
	{
		margin-top: 1rem;
		align-items: center;
	}
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"]  div.skill-that-met-adverse-effect > label,
		form[data-class-name="IEP_Evaluation2_AdverseEffect"]  div.skill-that-met-adverse-effect > select,
		form[data-class-name="IEP_Evaluation2_AdverseEffect"]  div.skill-that-met-adverse-effect > div
		{	/* so if the warning wraps, then it has some breathing room */ 
			margin-top: 0.5rem;
			margin-bottom: 0.5rem;
		}
	
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"]  div.skill-that-met-adverse-effect.label-value
		{
			flex-wrap: wrap;
		}
	
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"]  div.skill-that-met-adverse-effect.label-value label
		{
			font-weight: bold;
			white-space: nowrap;
		
			flex-shrink: 1;
		}
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"] select#skill-name-met-adverse-effect-id
		{
			flex-shrink: 1;
		}
	
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"]  div.skill-that-met-adverse-effect div.warning
		{
			border: 1px solid GoldenRod;
			
			padding: 0.25rem;
			padding-left: 0.5rem;
			padding-right: 0.5rem;
			
			background-color: LemonChiffon;
			color: blue;
			font-weight: bold;
			
			flex-shrink: 3;
		}
	

	

	form[data-class-name="IEP_Evaluation2_AdverseEffect"] section.other-basic-skill-evidence h3
	{
		font-size: 1rem;
		font-weight: normal;
		
		color: black;
		background-color: #d9d9d9;
		
		padding-top: 0.25rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		padding-bottom: 0.25rem;
		
		display: flex;
		justify-content: space-between;
	}
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"] section.other-basic-skill-evidence div.concern-commands
		{
			display: flex;
			column-gap: 1rem;
		}
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"] section.other-basic-skill-evidence div.section-body
		{
			padding: 0.5rem;
		}
		
		form[data-class-name="IEP_Evaluation2_AdverseEffect"] div.adverse-effect-question-answer
		{
			display: flex;
			column-gap: 1rem;

			margin-top: 0.5rem;
		}
		
		form[data-class-name="IEP_Evaluation2_AdverseEffect"] div.adverse-effect-question-answer div.question
		{
			font-style: italic;
		}
		
		form[data-class-name="IEP_Evaluation2_AdverseEffect"] div.adverse-effect-question-answer div.question span.concern-display-name
		{
			font-weight: bold;
			font-style: normal;
		}


		form[data-class-name="IEP_Evaluation2_AdverseEffect"] section.other-basic-skill-evidence textarea
		{
			width: 100%;	
		}
	
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"] section.other-basic-skill-evidence div.evidence-display-wrapper
		{
			border: 1px dotted gray;
			padding: 0.25rem;
			
		}
	
	
		form[data-class-name="IEP_Evaluation2_AdverseEffect"] section.other-basic-skill-evidence h3 div.concern-name-heading
		{
			display: flex;
			column-gap: 0.5rem;
		}
	
			form[data-class-name="IEP_Evaluation2_AdverseEffect"] section.other-basic-skill-evidence span.concern-name
			{
				font-style: italic;
				font-weight: bold;
			}
		
	
	
/* Need */
.evaluation-need {
	margin-top: 1.2em;
	margin-left: 45px;
	margin-right: 40px;
	margin-bottom: 2.4em;
	}
	.evaluation-need .list-indent {
		margin-left: 65px;
	}	
	.evaluation-need h3 {
		text-align: center;
	}
	.evaluation-need .section-description {
		margin-top: 1.2em;
	}
	.evaluation-need .section-indent {
		margin-top: 1.2em;
		margin-left: 49px;
	}
	.evaluation-need .list-main {
		margin-left: 18px;
	}	
	.evaluation-need .list-main li {
		margin-top: 1.2em;
	}	
	.evaluation-need .list-sub {
		margin-left: 32px;
	}	
	.evaluation-need .need-field {
		width: 100%;
	}
	.evaluation-need .additional-areas-header {
		margin-top: 1.2em;
	}
	.evaluation-need .additional-areas-table {
		margin-top: 1.2em;
		}
		.evaluation-need .additional-areas-table td {
			margin-top: 1.2em;
		}
		.evaluation-need .additional-areas-table .checkbox-label {
			display: inline-block;
			margin-right: 32px;
 		}
		.evaluation-need .need-eval-table {
			width: 100%;
			border-collapse: collapse;
			margin-top: 2px;
			}
			.evaluation-need .need-eval-table th {
				border: 1px solid #666;
				background: #dddddd;
				padding: .1em;
				text-align: center;
				position: relative;					
				}
				.evaluation-need .need-eval-table th.assessment-area {
					width: 64%;
				}
				.evaluation-need .need-eval-table th.administered-by {
					width: 30%;
				}
				.evaluation-need .need-eval-table th.delete {
					width: 6%;
					text-align: center;
					padding-top: 2px;
					border-color: #eeeeee;
					background-color: #eeeeee;
				}
			.evaluation-need .need-eval-table td {
				border: 1px solid #666;
				background: white;
				padding: 1px;
				text-align: left;
				}
				.evaluation-need .need-eval-table td.assessment-area {
					height: 1.2em;
					vertical-align: text-top;
					white-space: pre-wrap;
					text-indent: 0px;
				}
				.evaluation-need .need-eval-table td.assessment-area-edit {
					padding-right: 5px;
					}
					.evaluation-need .need-eval-table td.assessment-area-edit textarea {
						width: 100%;
						padding-left: 2px;
					}
				.evaluation-need .need-eval-table td.administered-by {
					vertical-align: text-top;
					white-space: pre-wrap;
					text-indent: 0px;
				}
				.evaluation-need .need-eval-table td.administered-by-edit {
					padding-right: 5px;
					}
					.evaluation-need .need-eval-table td.administered-by-edit textarea {
						width: 100%;
						padding-left: 2px;
					}
					.evaluation-need .need-eval-table td.administered-by-edit li {
						margin: 0;
					}
				.evaluation-need .need-eval-table td.delete {
					vertical-align: text-top;
					text-align: center;
					border-color: #eeeeee;
					background-color: #eeeeee;
					height: 49px;
					position: relative;
					}
					
					/*
					.evaluation-need .need-eval-table td.delete input {
					}
					*/
					.evaluation-need .need-eval-table td.delete a {
						position: absolute;
						left: 16px;
						bottom: 1px;											
					}
	
/* Decision */
.evaluation-decision {
	margin-top: 1.2em;
	margin-left: 45px;
	margin-right: 40px;
	margin-bottom: 2.4em;
	}
	.evaluation-decision h3 {
		text-align: center;
	}
	.evaluation-decision .section-description {
		margin-top: 1.2em;
	}
	.evaluation-decision .verification-section {
		margin-top: 1.2em;
		}
		.evaluation-decision .verification-section .verification-field {
			margin-top: 2px;
			width: 100%;		
		}
	.evaluation-decision .meets-section {
		margin-top: 1.2em;
		}
		.evaluation-decision .meets-section .blue-note {
			color: blue;
			font-size: 10pt;
		}
		.evaluation-decision .meets-section .category-selection {
			margin-top: 2px;
  			display: block;
		}
	.evaluation-decision .did-not-meet-section {
		margin-top: 1.2em;
		}
		.evaluation-decision .did-not-meet-section .did-not-meet-field {
			margin-top: 2px;
			width: 100%;		
		}
	.evaluation-decision .enclosures {
		margin-top: 4.8em;
		}
		.evaluation-decision .enclosures .enclosures-field {
			margin-left: 2px;
			width: 84%;
		}		

/* Disagreement */
.evaluation-disagreement {
	margin-top: 1.2em;
	margin-left: 45px;
	margin-right: 40px;
	margin-bottom: 2.4em;
	}
	.evaluation-disagreement h3 {
		text-align: center;
	}
	
	.evaluation-disagreement p {
		margin-top: 1rem;
		color: black;
	}

	.evaluation-disagreement .role-label {
		width: 101px;
	}
	.evaluation-disagreement .role-field {
		width: 200px;
	}
	.evaluation-disagreement .address-label {
		width: 130px;
		text-align: right;
		vertical-align: top;
	}
	
	.evaluation-disagreement .address-field,
	.evaluation-disagreement .school-name-field
	{
		width: 300px;
	}
	.evaluation-disagreement .phone-field {
		width: 200px;
	}
	.evaluation-disagreement .reasons-field {
		width: 100%;
	}

	.evaluation-disagreement .conclusion-field {
		width: 100%;
	}
	
	.evaluation-disagreement hr {
		margin-top: 1rem;
		margin-bottom: 1rem;
		border: 0;
		border-bottom: 1px solid black;
		
	}
	
	div.evaluation-disagreement div.disagreement--signature-block
	{
		margin-top: 0.75rem;
	}
	
	div.evaluation-disagreement div.disagreement--signature-block div.staff-and-date-wrapper,
	div.evaluation-disagreement div.disagreement--signature-block div.role-school-wrapper,
	div.evaluation-disagreement div.disagreement--signature-block div.phone-mailing-address-wrapper
	{
		display: flex;
		margin-top: 0.15rem;
		
		justify-content: flex-start;	/* bunch horizontally left  */
		align-items: flex-start;		/* bunch vertically top */
	}
	
	
		div.evaluation-disagreement div.disagreement--signature-block div.label-value:nth-child(1) label
		{
			width: 5.6rem;
		}
		
		div.evaluation-disagreement div.disagreement--signature-block div.label-value:nth-child(2) label
		{
			width: 9.5rem;
			text-align: right;
		}
	

	div.evaluation-disagreement div.label-value.reason-for-disagreement,
	div.evaluation-disagreement div.label-value.conclusion
	{
		display: flex;
		flex-direction: column;
		
		margin-bottom: 1rem;
	}


	div.evaluation-disagreement div.signature-and-date-wrapper
	{
		margin-top: 2rem;
		display: flex;
		justify-content: space-between;	/* flex-start = bunch horizontally left  */
		align-items: flex-start;		/* bunch vertically top */
		column-gap: 2rem;
	}

		div.evaluation-disagreement div.signature-and-date-wrapper div.label-value
		{
			/* border: 1px solid green; */ /* debugging */
		}

		div.evaluation-disagreement div.signature-and-date-wrapper div.label-value div.label
		{
			font-style: normal;	/* override default of italic for div.label-value label */
		}
		

		div.evaluation-disagreement div.signature-and-date-wrapper div.label-value.signature
		{
 			flex-grow: 4; /* signature block is 4 times the size of date block */
		}
		
		
		div.evaluation-disagreement div.signature-and-date-wrapper div.label-value.date
		{
			flex-grow: 1; /* container grows to allow the handwrite line to show */
		}
		
		div.evaluation-disagreement div.signature-and-date-wrapper div.label-value div.value.handwrite-guiding-line,
		div.evaluation-disagreement div.signature-and-date-wrapper div.label-value hr.value.handwrite-guiding-line		
		{
			flex-grow: 1;	/* allows the line to grow from 'one' unit to as many units as necessary */
			border: 0;
			margin: 0;
			border-bottom: 1px solid black;
		}
		
	

	
/* initially for the Eval (beta) Cover page */
div.label-field
{
	display: flex;
}

	div.label-field div.label-field-wrapper
	{
		display: flex;
		flex-direction: column;
		
		border: 1px solid green;
	}

	div.label-field label[for=date-of-referral-id],
	div.label-field label[for=date-of-planning-meeting-id],
	div.label-field label[for=date-of-planning-meeting-id],
	div.label-field label[for=date-consent-received-id]	
	{ 
		width: 11.25rem; 
	}
	


div.label-and-underline,	/* used for fill-in-the-blank style rendering, like a signature line in PDFs */
div.checkbox-with-label,
div.label-and-value
{
	display: flex;
	column-gap: 0.5rem;
}


/* 
	2023-0527 MAG
	this is only here to line up the table with the flexbox'd div.label-field for now
	Eventually, all fields will be flexboxed but I punted because there appeared to be a
	problem with the Date Consent Received being flexboxed.. leaving for another day
*/
td.label-table-field input.date-consent-received.date-field,
td.label-table-field input.date-consent-received.date-field + table
{ margin-left: 2.3rem; }


input.ajax-update-link.button.yes,
input.ajax-update-link.button.no
{ 
	padding-left: 0.5rem; 
	padding-right: 0.5rem; 
}

div.ConfirmationDialog div.confirmation-message 
{ 
	margin-bottom: 1rem;  /* include some vertical space before the buttons */
}




/*
	Used in components.iep.evaluation2.IEP_Evaluation2_DisabilityDetermination.wo
*/

div.evaluation-disability-determination .tooltip
{
	font-family: Verdana;
}

section.disability.is-displaying div.assessments-for-disability-wrapper div.assessment-area-and-evaluation-wrapper div.value 
{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	border: 1px dotted gray;
}

div.assessments-for-disability-wrapper
{
	margin-top: 1rem;
	border: 1px solid gray;
}

	div.assessments-for-disability-wrapper textarea
	{
		width: 99%;
	}
		
	div.assessments-for-disability-wrapper h3
	{
		border-bottom: 1px dotted gray;
		
		padding-left: 0.25rem;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
		padding-right: 0.25rem;
	
		background-color: #efefef;
		color: black;
		
		font-weight: normal;
		font-style: italic;
		font-size: 1rem;
		
		text-align: left;
		
	}


	div.assessments-for-disability-wrapper div.add-assessment-wrapper
	{
		margin-left: 1rem;
		margin-bottom: 1rem;
	}

	div.assessments-for-disability-wrapper div.label-value-wrapper div.label
	{
		font-weight: bold;
		font-style: italic;
	}
	
	div.assessments-for-disability-wrapper div.assessment-wrapper
	{
		margin-top: 1rem;
		margin-bottom: 1rem;
		margin-left: 1rem;
		margin-right: 1rem;
		border: 1px solid gray; 	/* border: 2px solid green; */ 		/* debugging */
		
		padding: 0.3rem;
		
		/* debugging lines below */
		/*
		color: black;
		background-color: pink;
		*/
	}

	div.assessments-for-disability-wrapper div.assessment-wrapper.deleteable
	{
		color: black;
		background-color: #eee;
	}


	div.assessments-for-disability-wrapper div.assessment-area-and-evaluation-wrapper,
	div.assessments-for-disability-wrapper  div.role-and-name-wrapper
	{
		margin-bottom: 1rem;
		
		display: flex;
		justify-content: space-between;
		column-gap: 1rem;
	}
	
	
		div.assessments-for-disability-wrapper  div.assessment-area-and-evaluation-wrapper div.label-value-wrapper
		{
			/* border: 2px solid green; */  /* debugging */
			flex-grow: 1;

			flex-basis: 50%;	/* default size of an element before the remaining space is distributed. */
		}
	
		div.assessments-for-disability-wrapper  div.role-and-name-wrapper div.label-value-wrapper
		{
			/* border: 2px solid green; */  /* debugging */
			flex-grow: 1;
			flex-basis: 50%;
			
			display: flex;
			column-gap: 0.5rem;
		}
		
			div.assessments-for-disability-wrapper div.role.administered-by.label-value-wrapper div.value input,
			div.assessments-for-disability-wrapper div.name.administered-by.label-value-wrapper div.value input
			{
				width: 99%;
			}
					
			div.assessments-for-disability-wrapper  div.role-and-name-wrapper div.label-value-wrapper div.value
			{
				/* background-color: orange; */ 		/* debugging */			
				width: 100%;		/* attempt to ensure that input field won't be narrowed */
			}
			
			
form[data-class-name='IEP_Evaluation2_AdverseEffect'] div.assessment-actions-wrapper,
form[data-class-name='IEP_Evaluation2_Need'] div.assessment-actions-wrapper
{
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5rem;
}

	/* all buttons on this page should have nice padding */
	form[data-class-name='IEP_Evaluation2_AdverseEffect'] input[type='button'],
	form[data-class-name='IEP_Evaluation2_Need'] input[type='button']
	{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

form[data-class-name='IEP_Evaluation2_AdverseEffect'] div.assessments-for-disability-wrapper,
form[data-class-name='IEP_Evaluation2_Need'] div.assessments-for-disability-wrapper
{
	color: black;
	background-color: white;	
}

form[data-class-name='IEP_Evaluation2_Need'] textarea.js-ajax-auo-save-text.need-medical
{
	margin-top: 1rem;
	width: 100%;
}


form[data-class-name='IEP_Evaluation2_Disagreement'] table.disagreement-signature-table
{
	width: 100%;
	margin-top: 1rem;
}
	form[data-class-name='IEP_Evaluation2_Disagreement'] table.disagreement-signature-table tr
	{
		vertical-align: top;
	}
	
	
	form[data-class-name='IEP_Evaluation2_Disagreement'] table.disagreement-signature-table td.date-label,
	form[data-class-name='IEP_Evaluation2_Disagreement'] table.disagreement-signature-table td.school-name-label,
	form[data-class-name='IEP_Evaluation2_Disagreement'] table.disagreement-signature-table td.mailing-address-label
	{
		text-align: right;
	}




div#iep-evaluation2-delay-id
{
	padding-left: 10rem;
	padding-right: 10rem;
	padding-bottom: 2rem;
}

	div#iep-evaluation2-delay-id label::after,
	div#iep-evaluation2-delay-id div.label-field label[for='date-delay-requested-id']::after
	{
		content: ":";
	}
	
	div#iep-evaluation2-delay-id div.label-field.wraps-checkbox label::after,
	div#iep-evaluation2-delay-id div.checkbox-with-label label::after	/* used in ElectronicSignatureBox2 */
	{
		content: "";	/* don't want colon when it's a checkbox */
	}


	div#iep-evaluation2-delay-id div.label-field label[for='date-delay-requested-id']::after
	{
		content: ":"; /* add back the colon in this special case */
	}


	div#iep-evaluation2-delay-id div.label-field
	{
		column-gap: 0.5rem;
	}

	div#iep-evaluation2-delay-id div#school-and-date-sent-id,
	div#iep-evaluation2-delay-id div#student-name-and-cc-id,
	div#iep-evaluation2-delay-id div#phone-and-email-wrapper-id
	{
		margin-top: 1rem;
		display: flex;
		justify-content: space-between;
	}

	div#iep-evaluation2-delay-id div#school-district-field-wrapper-id input
	{
		width: 20rem;
	}
	
	div#iep-evaluation2-delay-id div#salutation-field-wrapper-id
	{
		margin-top: 2rem;
	}
	
	
	div#iep-evaluation2-delay-id p
	{
		color: black;
		background-color: transparent;
		
		margin-top: 0.75rem;
		line-height: 1.25rem;
	}
	
	div#iep-evaluation2-delay-id div.label-field.wraps-checkbox
	{
		margin-top: 1rem;
		display: flex;
		align-items: baseline;
	}
	
	div#iep-evaluation2-delay-id div#how-delay-was-requested-wrapper-id,
	div#iep-evaluation2-delay-id div#delay-method-other-wrapper-id,
	div#iep-evaluation2-delay-id div#delay-method-reason-wrapper-id
	{
		margin-top: 0.75rem;
		margin-left: 3rem;
	}
	
	div#iep-evaluation2-delay-id div#pending-schedule-wrapper-id
	{
		margin-top: 1rem;
		display: flex;
		flex-direction: column;
	}
	
	div#iep-evaluation2-delay-id div#new-by-date-wrapper-id,
	div#iep-evaluation2-delay-id div#address-name-field-wrapper-id
	{
		margin-top: 1rem;
	}
	
	
	div#iep-evaluation2-delay-id input#address-name-field-id 
	{ 
		width: 21rem; 
		margin-bottom: 0.25rem;
	}
	
div.keep-together-div-as-span
{
	display: inline-block;
	white-space: nowrap;
}




div#electronic-signature-block-2-id
{
	margin-top: 1rem;
	border: none;  /* debugging */ /* border: 1px solid red; */
	/* padding: 1rem; */
	
	color: black;
	background-color: transparent;	/* debugging */ /*	background-color: pink; */
}

	div#electronic-signature-block-2-id div#signature-and-date-line-id,
	div#electronic-signature-block-2-id div#name-and-esignature-line-id
	{
		display: flex;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

		div#electronic-signature-block-2-id div.signature.underline,
		div#electronic-signature-block-2-id div.name.underline,
		div#electronic-signature-block-2-id div.date.underline
		{
			width: 10rem;
			border-bottom: 1px solid black;
		}
	
	
	div#electronic-signature-block-2-id input#position-field-id
	{
		width: 13rem;
	}
	
	div.esignature-field.checkbox-with-label label::after
	{
		content: "";	/* don't want colon if label is for checkbox */
	}


div#electronic-signature-block-2-id div#electronic-signature-date-id
{
	border-bottom: 1px solid black;
}


/* used on many wocomponents, sometimes multiple times */
table.electronic-signature-block 
{
	margin-top: 2em;
}


div.IEP_ServicesPlan h1.form-title
{
	text-align: center; 
	color: #000000; 
	font: 11pt Verdana; 
	font-weight: bold; 
	margin-top: 16px;	
}

	div.IEP_ServicesPlan form.IEP_ServicesPlan
	{
		width: 820px; 
		margin: auto; 
	}

	div.IEP_ServicesPlan div.meeting-date.label-value
	{
		margin-top: 1rem;	
	}

	div.IEP_ServicesPlan div.student-and-id
	{
		margin-top: 1rem;
		
		display: flex;
		justify-content: space-between;
	}
	
	div.IEP_ServicesPlan div.label-value .label { font-style: normal; }
	
	div.IEP_ServicesPlan div.non-public-school { margin-top: 1rem; }
	div.IEP_ServicesPlan div.non-public-school input { width: 15rem; }
	
	div.IEP_ServicesPlan div.implementation-date-wrapper { 
		margin-top: 1rem; 
	}

	div.IEP_ServicesPlan div.implementation-date-wrapper div.dates-wrapper 
	{ 
		display: flex;
		justify-content: center;
		column-gap: 4rem;
		margin-top: 1rem; 
	}




div.label-value input.date
{
	width: 4rem;
}


div.Student_MainData section.most-recent-evaluations
{
	margin-top: 1rem;
	border: 1px solid red;	
}

	div.Student_MainData section.most-recent-evaluations h2
	{
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		
		font-weight: bold;
		font-style: italic;
		background-color: pink;
		color: black;
	}

	div.Student_MainData section.most-recent-evaluations div.section-content
	{
		margin-top: 0.25rem;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	
	
div[data-class-name="IEP_EEEPlan_Services"] div#description
{
	padding: 0.25rem;
	text-align: center;
	
	font-family: Verdana;
	font-size: 0.75rem;

	background-color: #C3BCA1;
	color: #665E42; 
}

	div[data-class-name="IEP_EEEPlan_Services"] div#description h2
	{
		font-size: 0.9rem;
		font-weight: bold;
	}	
	
div[data-class-name="IEP_EEEPlan_Services"] div#new-services-and-auto-loc-id
{
	/* border: 2px solid red; */	/* debugging */
	
	margin-top: 0.5rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	
	
	display: flex;
	font-size: 1rem;
	column-gap: 0.5rem;
	justify-content: space-between;
}
	
		div[data-class-name="IEP_EEEPlan_Services"] div#new-services-and-auto-loc-id div#new-services-id table
		{
			border: 1px solid black;
		}
	
	
		div[data-class-name="IEP_EEEPlan_Services"] td input.js-ajax-date-picker,
		div[data-class-name="IEP_EEEPlan_Services"] td input.js-auto-save-date-picker
		{
			width: 3.5rem;
		}
	
	
	
		div[data-class-name="IEP_EEEPlan_Services"] div#new-services-and-auto-loc-id div#new-services-id table caption
		{
			border-top: 1px solid black;
			border-right: 1px solid black;
			border-left: 1px solid black;
			
			font-family: Verdana;
			font-size: 0.75rem;
			font-weight: bold;
		
			background-color: #C3BCA1;
			color: #665E42; 	
		}

		
		
	
	div[data-class-name="IEP_EEEPlan_Services"] div#new-services-and-auto-loc-id div#auto-loc-id
	{
		border: 1px solid black;
		
		background-color: #f1e7cf;
		color: black;		
	}
	
	
		div[data-class-name="IEP_EEEPlan_Services"] div#new-services-and-auto-loc-id div#auto-loc-id h2
		{
			text-align: center;
			
			background-color: #C3BCA1;
			color: #645B11; 
			
			font-family: Verdana;
			font-size: 0.75rem;
		}


		div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-id div.auto-loc-button-and-optional-message
		{
			display: flex;
			column-gap: 0.25rem;
			justify-content: flex-start;
	
			margin-left: 0.25rem;
			margin-right: 0.25rem;
			margin-top: 0.25rem;
			margin-bottom: 0.25rem;
	
			/* border: 2px solid red; */ /* debugging */
							
			font-family: Verdana;
			font-size: 0.75rem;
		
		}		
	
	
			div[data-class-name="IEP_EEEPlan_Services"] div#new-services-and-auto-loc-id div#auto-loc-id div#or-enter-below-id
			{
				background-color: #f1e7cf; 
				color: #645B11; 
			}
	

			div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.headings
			{
				display: flex;
				
				font-family: Verdana;
				font-size: 0.75rem;
				
				font-weight: bold;
				background-color: #e1d7bf;
				color: #645B11;
			}


			div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.body
			{
				padding-bottom: 0.25rem;
				
				overflow-y: scroll; 
				height: 4rem;			
			}			
			

			div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.med-loc-item-wrapper
			{
				display: flex;
				margin-bottom: 0.1rem;
			}

				div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.med-loc-item-wrapper div.add,
				div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.headings div.add
				{
					width: 3rem;
					/* border: 1px dotted gray; */
					
					padding-left: 0.25rem;
					text-align: center;
					
				}
				
				div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.med-loc-item-wrapper div.go,
				div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.headings div.go
				{
					width: 3rem;
					/* border: 1px dotted gray; */
					
					padding-right: 0.25rem;
					text-align: center;
				}

			
				div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.med-loc-item-wrapper div.from,
				div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.headings div.from,
				div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.med-loc-item-wrapper div.to,
				div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.headings div.to
				{
					width: 4rem;
					text-align: center;
				}

				div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.med-loc-item-wrapper div.from,
				div[data-class-name="IEP_EEEPlan_Services"] div#auto-loc-from-to-wrapper-id div.med-loc-item-wrapper div.to
				{
					border: 1px dotted gray;
				}

	

	div[data-class-name="IEP_EEEPlan_Services"] div#services-wrapper-id
	{
		margin-top: 1rem;
		
		/* border: 2px solid orange; */ /* debugging */
		
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	
		div[data-class-name="IEP_EEEPlan_Services"] div#services-wrapper-id div.add-duplicate-service-button-wrapper
		{
			margin-top: 0.25rem;
			margin-bottom: 0.25rem;
		}


		div[data-class-name="IEP_EEEPlan_Services"] div#services-wrapper-id table#services-table-id
		{
			/* border: 2px solid red; */	/* debugging */

			width: 100%;			
			border-collapse: collapse;			
		}
	

		div[data-class-name="IEP_EEEPlan_Services"] div#services-wrapper-id table#services-table-id thead
		{
			background-color: #f1e7cf;
			color: #665E42;  
			font-family: Verdana;
			font-size: 0.6rem;
		}
	
			div[data-class-name="IEP_EEEPlan_Services"] div#services-wrapper-id table#services-table-id th div.personnel-name
			{
				background-color: inherit;
				color: blue;
			}
			
			
			div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td
			{
				padding: 2px; 
				border: 1px solid #665E42; 
				text-align: center;
			}
			
			div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td input,
			div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td div.optionsList
			{
				text-align: left; /* make sure contents of input boxes are left-aligned... overrides the centering of the box itself */ 
			}
			
			
			div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.special-education-services
			{
				width: 9rem;
			}
			
				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.special-education-services select,
				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.special-education-services input
				{
					max-width: 8.8rem;
				}
			
			
			div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.category
			{
				/* border: 2px solid green; */ 	/* debugging */
				width: 2.5rem;
			}
			
				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.category input.state-category-list
				{
					/* border: 2px solid orange; */ 	/* debugging */
					width: 2rem;
				}
			
			
			
			
			div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.location-and-delivery-mode
			{
				/* border: 2px solid red; */ 	/* debugging */
				/* text-align: left; */ 
			}
			
			
				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.location-and-delivery-mode div.location-wrapper,
				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.location-and-delivery-mode div.delivery-mode-wrapper				
				{
					/* border: 2px solid green; */ 	/* debugging */
					width: 7rem;
				}
				
					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.location-and-delivery-mode div.location-wrapper input,
					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.location-and-delivery-mode div.delivery-mode-wrapper input	
					{
						width: 6.5rem;
					}
				
				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.duration
				{
					width: 2.5rem;
				}
				
					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.duration input
					{
						width: 1.5rem;
						text-align: right;
					}
				

				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.session
				{
					width: 2.5rem;
				}
				
					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.session input
					{
						width: 1.5rem;
					}


				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.frequency
				{
					width: 7rem;
				}
				
					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.frequency input
					{
						width: 6rem;
					}


				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.mode
				{
					width: 1rem;
				}
				
					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.mode input
					{
						width:0.9rem;
					}
				

				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.group-size
				{
					width: 4.8rem;
				}
				
					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.group-size input
					{
						width: 4.25rem;
					}



						
	
				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td div.contingency
				{
					text-align: left;
					vertical-align: top;
					font-weight: bold;
				}

				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.eco
				{
					text-align: left; 	/* reverse the 'center' used for all other td's */

					font-family: Verdana;
					font-size: 0.7rem;
					
					border-top: 0;
				}

				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.personnel-provider input.personnel
				{
					color: blue; 
				}
				
				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.auto-loc
				{
					width: 2rem;
					padding: 0;
					vertical-align: top;
					height: 1rem;	/* hack to make height: 100% work in contained div! */
				}
				
								
					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.auto-loc div.auto-loc-wrapper
					{
						padding: 0;
						margin: 0;
						height: 100%; 	/* won't work unless td has explicit height set to something small, like 1px */
						
						display: flex;
						/* border: 2px solid blue; */ /* debugging */
												
						justify-content: center; /* center = horizontally center the items */
					}
				

					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.auto-loc div.auto-loc
					{
						padding: 0;
						margin: 0;
	
						display: flex;
						/* border: 2px solid green; */ /* debugging */						
						column-gap: 0.25rem;
						
						align-items: center;  	/* vertically center */
						justify-content: center; /* center = horizontally center the items */
						
						flex-grow: 1;
					}


					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.auto-loc div.error
					{
						padding: 0;
						margin: 0;
					
					/*
						border: 2px solid red;
						background-color: pink;
						color: black;
					*/
					}

					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.auto-loc .auto-loc-error
					{
						color: red;
					}



				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.medicaid
				{
					padding: 5px; 
					border: 1px solid #665E42; 
					border-left: 0px; 
					vertical-align: bottom; 
					text-align: right;
					
					background-color: pink;
				}


				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.eco div.eco-content-wrapper
				{
					/* background-color: pink; */
				
					display: flex;
					flex-direction: column;					
				}

				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.eco div.eco-content-wrapper div.eco-area
				{
					display: flex;
					justify-content: space-between;	
				}

					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.eco div.eco-content-wrapper div.eco-area div.eco-checkboxes
					{
						display: flex;
						column-gap: 1rem;
					}
					
					div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.eco div.eco-content-wrapper div.eco-area div.tooltip-left
					{
						margin-right: 0.2rem;
					}
					

				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.eco div.eco-content-wrapper div.checkbox-group-label
				{
					width: 1.4rem;
				}


				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id td.eco div.eco-content-wrapper > div
				{
					display: flex;
					column-gap: 1rem;
				}

	
				div[data-class-name="IEP_EEEPlan_Services"] table#services-table-id tr.empty-row-for-vertical-spacing td
				{
					height: 1rem;
					border: none;
				}
	
	
	

		div[data-class-name="IEP_EEEPlan_Services"] div#written-notice-to-bill-medicaid-id
		{
			font-family: Verdana;
			font-size: 0.7rem;
			
			color: #665E42; 			
			background-color: rgb(238, 238, 238);
						
			padding: 0.25rem;
			
		}

			div[data-class-name="IEP_EEEPlan_Services"] div#written-notice-to-bill-medicaid-id h2
			{
				font-size: 0.7rem;
				font-weight: bold;				
			}

			div[data-class-name="IEP_EEEPlan_Services"] div#written-notice-to-bill-medicaid-id p
			{
				color: #665E42; 			
				background-color: rgb(238, 238, 238);
			}


form[data-class-name="IEP_Evaluation_NeedV2"] > section
{
	margin: 14px; 
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 1em; 
}

	form[data-class-name="IEP_Evaluation_NeedV2"] > section > h2
	{
		font-size: 14px; 
	}

	form[data-class-name="IEP_Evaluation_NeedV2"] > li
	{
		margin-bottom: 5em;
	}



/* Sec504_Eval_Report.css start */

div[data-page-name="Sec504_Eval_Report"]
{
	padding-top: 0.5rem;
	padding-bottom: 1rem;
	
	font-family: Verdana;
	font-size: 1rem;
	
	color: #000055; 
	background-color: transparent;	 	
}


div[data-page-name="Sec504_Eval_Report"] h2
{
	text-align: center; 

	font-size: 1rem;
	font-weight: bold;
	
	margin-bottom: 0.5rem;
}


div[data-page-name="Sec504_Eval_Report"] form
{
	/* 25 Mar 2024 MAG	
		this is what keeps elements horizontally centered... I don't like this approach
	   because it relies on the screen width not to be too wide or too narrow!
	*/
	padding-left: 2rem;
	padding-right: 2rem;
}

div[data-page-name="Sec504_Eval_Report"] div.form-number-identifier
{
	font-size: 0.7rem;
}


div[data-page-name="Sec504_Eval_Report"] div.top-info
{
	margin-top: 0.9rem;
	display: flex;
	flex-direction: column;
	row-gap: 0.1rem;
}

div[data-page-name="Sec504_Eval_Report"] div.top-info div.field-pair
{
	display: flex;
	justify-content: space-between;	
}


div[data-page-name="Sec504_Eval_Report"] div.top-info div.field-pair div.labelled-input
{
	display: flex;
	column-gap: 0.5rem;	
	
	align-items: center;	/* align along horizontal centerline */
}


div[data-page-name="Sec504_Eval_Report"] div.top-info div.field-pair input#district-input-id,
div[data-page-name="Sec504_Eval_Report"] div.top-info div.field-pair input#referred-by-input-id
{
	min-width: 18rem;
}

div[data-page-name="Sec504_Eval_Report"] div.top-info div.field-pair input#grade-input-id
{
	max-width: 2rem;
	text-align: right;
}


div[data-page-name="Sec504_Eval_Report"] div.top-info div.field-pair div.labelled-input label
{
	font-weight: bold;
	font-size: 0.7rem;
	text-align: right;
	
	width: 6rem;
}

div[data-page-name="Sec504_Eval_Report"] div.top-info div.field-pair div.labelled-input input.date
{
	max-width: 4rem;
}


div[data-page-name="Sec504_Eval_Report"] div.meeting-participants
{
	margin-top: 1rem;
}

div[data-page-name="Sec504_Eval_Report"] div.meeting-participants h3
{
	font-size: 0.85rem;		
}

div[data-page-name="Sec504_Eval_Report"] div.meeting-participants table.meeting-participants-names-and-titles
{
	/* border: 1px dotted gray; */
	border-collapse: collapse;
	/* width: 100%; */
	
	font-size: 0.7rem;
}

div[data-page-name="Sec504_Eval_Report"] div.meeting-participants table.meeting-participants-names-and-titles th
{
	text-align: left;
	font-size: 0.7rem;
}

div[data-page-name="Sec504_Eval_Report"] div.meeting-participants table.meeting-participants-names-and-titles th,
div[data-page-name="Sec504_Eval_Report"] div.meeting-participants table.meeting-participants-names-and-titles td
{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	padding-top: 0.05rem;
	padding-bottom: 0.05rem;
	/* width: 100%; */
	white-space: nowrap;
}


div[data-page-name="Sec504_Eval_Report"] div.meeting-participants table.meeting-participants-names-and-titles td input
{
	width: 95%;
}

div[data-page-name="Sec504_Eval_Report"] div.meeting-participants table.meeting-participants-names-and-titles td.names
{
	width: 30rem;
}


div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list
{
	margin-top: 0.5rem;
}


div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list h4
{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;	
	font-size: 0.7rem;
}

div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section
{
	margin-top: 0.5rem;
	font-size: 0.7rem;	
}

div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section div.letter-with-title
{
	display: flex;
	column-gap: 0.25rem;

	margin-bottom: 0.2rem;	
}

div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section div.letter-with-title span.letter
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	border: none;
}


div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section.conclusion div.letter-with-title,
div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section.conclusion span.is-or-is-not
{
	font-weight: bold;
}


div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section textarea
{
	width: 100%;
	height: 5rem;
}

div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section div.reports-attached
{
	margin-top: 0.5rem;
}


div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section div.reports-attached input
{
	width: 100%;
}

div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section.conclusion div.radiobutton-family
{
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	
	margin-bottom: 1rem;
}

div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section.conclusion div.radiobutton
{
	display: flex;
	column-gap: 0.5rem;
	align-items: flex-start;
	
	width: 100%;
}

div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section.conclusion div.radiobutton div.associated-info-with-radio-choice
{
	width: 100%;
}


div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section.conclusion div.label-value
{
	display: flex;
	flex-direction: column;
	row-gap: 0.25rem;
	width: 100%;
}

div[data-page-name="Sec504_Eval_Report"] div.lettered-sections-list div.lettered-section.protection-based-on-record
{
	font-style: italic;
}


div[data-page-name="Sec504_Eval_Report"]  div#coordinator-signature-area-wrapper-id
{
	margin-top: 1rem;
	border: 1px solid black;
	
	padding: 0.5rem;
}

div[data-page-name="Sec504_Eval_Report"]  div#coordinator-signature-area-wrapper-id h2
{
	text-align: left;
	font-size: 0.9rem;
	
}


div[data-page-name="Sec504_Eval_Report"]  div#coordinator-signature-area-id
{
	font-size: 0.7rem;
	
	display: flex;
	column-gap: 1rem;
	justify-content: flex-start;
}


div[data-page-name="Sec504_Eval_Report"]  div#coordinator-signature-area-id div.label-value
{
	display: flex;
	flex-direction: column;
	row-gap: 0.5rem;	
}

div[data-page-name="Sec504_Eval_Report"]  div#coordinator-signature-area-id div.label-value label
{
	font-weight: bold;
}

div[data-page-name="Sec504_Eval_Report"] input#coordinate-name-id
{
	min-width: 18rem;
}


div[data-page-name="Sec504_Eval_Report"] div#coordinator-signature-area-id div.label-value.coordinator-contact-info
{
	min-width: 12rem;
}


div[data-page-name="Sec504_Eval_Report"] div#coordinator-signature-area-id textarea#coordinator-contact-info-id
{
	height: 5rem;
	width: 100%;
	min-width: 20rem;
}

div[data-page-name="Sec504_Eval_Report"] #coordinator-signature-area-id > div.label-value.coordinator-contact-info > label > span.color504.where-used
{
	display: none;
	/* display: inline-block; */
	margin-left: 4rem;
	font-weight: normal;
}



div[data-page-name="Sec504_Eval_Report"] div.notes-recommendations-for-not-covered-by-504,
div[data-page-name="Sec504_Eval_Report"] div.more-specific-info
{
	margin-top: 0.5rem;
}


div[data-page-name="Sec504_Eval_Report"] label[for="conclusion-not-disability-notes-id"]::after
{
	content: ":";
}

/* Sec504_Eval_Report.css end */



div.iep-plan-consent-form,
div.iep-plan-revoke-form, 
div.sec-504-plan-consent-form, 
div.sec-504-plan-revoke-form,
div.iep-eeeplan-revoke-form
{
	/* purposely nothing here for now */
}

	div.iep-plan-consent-form div.form-content,
	div.iep-plan-revoke-form div.form-content, 
	div.sec-504-plan-consent-form div.form-content, 
	div.sec-504-plan-revoke-form div.form-content,
	div.iep-eeeplan-revoke-form div.form-content
	{
		margin: auto;
		margin-top: 1rem;
		margin-bottom: 1rem;
		
		max-width: 53rem;
		
		border: 1px solid black;
		font-family: Verdana;
	}
	

		div.iep-plan-consent-form div.form-content h2,
		div.iep-plan-revoke-form div.form-content h2, 
		div.sec-504-plan-consent-form div.form-content h2, 
		div.sec-504-plan-revoke-form div.form-content h2,
		div.iep-eeeplan-revoke-form div.form-content h2
		{
			padding: 0.25rem;
			background-color: #BBB; 

			font-weight: bold; 
			font-size: 1rem;
			text-align: center; 
		}
	
		div.iep-plan-consent-form div.form-content div.heading,
		div.iep-plan-revoke-form div.form-content div.heading, 
		div.sec-504-plan-consent-form div.form-content div.heading, 
		div.sec-504-plan-revoke-form div.form-content div.heading,
		div.iep-eeeplan-revoke-form div.form-content div.heading
		{
			padding-top: 0.25rem;
			padding-left: 0.25rem;
			padding-right: 0.25rem;
			padding-bottom: 0.25rem;
			
			font-size: 0.7rem;
			
			display: flex;
			align-items: center;
			
			justify-content: space-between;
		}
		
		div.iep-plan-consent-form div.form-content div.heading div.block,
		div.iep-plan-revoke-form div.form-content div.heading div.block,
		div.sec-504-plan-consent-form div.form-content div.heading div.block, 
		div.sec-504-plan-revoke-form div.form-content div.heading div.block,
		div.iep-eeeplan-revoke-form div.form-content div.heading div.block
		{
			display: flex;
			flex-direction: column;
			row-gap: 0.05rem;				/* minimum vertical-spacing */			
		}
		
		div.iep-plan-consent-form div.form-content div.heading div.label-value,
		div.iep-plan-revoke-form div.form-content div.heading div.label-value,
		div.sec-504-plan-consent-form div.form-content div.heading div.label-value, 
		div.sec-504-plan-revoke-form div.form-content div.heading div.label-value,
		div.iep-eeeplan-revoke-form div.form-content div.heading div.label-value		
		{
			min-height: 1.2rem;	/* helps make sure distances between are also consistent */
			align-items: center;
		}
		
		div.iep-plan-revoke-form div.form-content div.heading div.label-value input.school-district
		{
			min-width: 13rem;	/* otherwise the input field is too narrow */
		}
				
		div.iep-plan-consent-form div.form-content div.heading div.label-value div.label,
		div.iep-plan-revoke-form div.form-content div.heading div.label-value div.label,
		div.sec-504-plan-consent-form div.form-content div.heading div.label-value div.label, 
		div.sec-504-plan-revoke-form div.form-content div.heading div.label-value div.label,
		div.iep-eeeplan-revoke-form div.form-content div.heading div.label-value div.label
		{
			font-weight: bold;
			font-style: normal;		
		}
	
		div.iep-plan-consent-form div.form-content div.heading div.label-value div.value,
		div.iep-plan-revoke-form div.form-content div.heading div.label-value div.value, 
		div.sec-504-plan-consent-form div.form-content div.heading div.label-value div.value, 
		div.sec-504-plan-revoke-form div.form-content div.heading div.label-value div.value,
		div.iep-eeeplan-revoke-form div.form-content div.heading div.label-value div.value		
		{
			color: #000055;
			background-color: inherit;
		}
		

			div.iep-eeeplan-revoke-form div.form-content div.heading input.district-name
			{
				min-width: 19rem;
			}
					

		div.iep-plan-consent-form div.form-content div.letter-content, 
		div.iep-plan-revoke-form div.letter-content,
		div.sec-504-plan-consent-form div.form-content div.letter-content, 
		div.sec-504-plan-revoke-form div.form-content div.letter-content,
		div.iep-eeeplan-revoke-form div.form-content div.letter-content			
		{
			border-top: 1px solid black;
			
			color: #003366;
			background-color: #DEDEDE;
			
			padding-top: 0.5rem;
			padding-left: 0.5rem;
			padding-right: 0.5rem;
			
			font-size: 0.8rem;
		}
		
		
			div.iep-plan-revoke-form div.letter-content,
			div.iep-eeeplan-revoke-form div.letter-content
			{
				margin: unset;
				padding-left: 1rem;
				padding-right: 1rem;
				
				font-size: 0.85rem;
				font-family: Verdana;
				color: #000055;
				background-color: #DEDEDE;			
			}
			

				div.iep-plan-revoke-form div.letter-content ul
				{
					margin-left: 1rem;
					margin-right: 1rem;
				} 
				
					div.iep-plan-revoke-form div.letter-content ul li,
					div.iep-eeeplan-revoke-form div.letter-content ul li
					{
						padding-bottom: 0.25rem;
					}
				
			
		
			div.iep-plan-consent-form div.form-content div.letter-content input.addressees, 
			div.sec-504-plan-consent-form div.form-content div.letter-content input.addressees, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content input.addressees
			{
				min-width: 13rem;
			}
		
			div.iep-plan-consent-form div.form-content div.letter-content p.introduction, 
			div.sec-504-plan-consent-form div.form-content div.letter-content p.introduction, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content p.introduction
			{
				font-weight: bold;
				margin-top: 1rem;
			}
	

			div.iep-plan-consent-form div.form-content div.letter-content .emphasize, 
			div.sec-504-plan-consent-form div.form-content div.letter-content .emphasize, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content .emphasize
			{
				font-weight: bold; 
			}
			
			
			div.iep-plan-consent-form div.form-content div.letter-content div.checkbox-list, 
			div.sec-504-plan-consent-form div.form-content div.letter-content div.checkbox-list, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content div.checkbox-list
			{
				margin-top: 1rem;
				margin-bottom: 1rem;
				
				display: flex;
				flex-direction: column;
				row-gap: 1rem;
			}
			
			div.iep-plan-consent-form div.form-content div.letter-content div.consent-item, 
			div.sec-504-plan-consent-form div.form-content div.letter-content div.consent-item, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content div.consent-item
			{
				display: flex;
				align-items: flex-start;
				column-gap: 0.5rem;
			}


			div.iep-plan-consent-form div.consent-item.transitioning.partB p, 
			div.sec-504-plan-consent-form div.consent-item.transitioning.partB p, 
			div.sec-504-plan-revoke-form div.consent-item.transitioning.partB p
			{
				color: blue;
				background-color: inherit;
				
				font-style: italic;
			}
			

			div.iep-plan-consent-form div.form-content div.letter-content div.signature-area, 
			div.iep-plan-revoke-form div.letter-content div.signature-area, 
			div.sec-504-plan-consent-form div.form-content div.letter-content div.signature-area, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content div.signature-area,
			div.iep-eeeplan-revoke-form div.form-content div.letter-content div.signature-area			
			{
				padding-left: 0.25rem;
				padding-right: 0.25rem;
				padding-top: 1rem;
				padding-bottom: 1rem;
				
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				row-gap: 1rem;
			}

			div.iep-plan-consent-form div.form-content div.letter-content div.signature-area div.label-value, 
			div.iep-plan-revoke-form div.letter-content div.signature-area  div.label-value, 
			div.sec-504-plan-consent-form div.form-content div.letter-content div.signature-area div.label-value, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content div.signature-area div.label-value,
			div.iep-eeeplan-revoke-form div.form-content div.letter-content div.signature-area div.label-value			
			{
				display: flex;
				flex-direction: column;
				align-items: center;				
			}
			
			div.iep-plan-consent-form div.form-content div.letter-content div.underline-label, 
			div.iep-plan-revoke-form div.letter-content div.signature-area div.underline-label, 
			div.sec-504-plan-consent-form div.form-content div.letter-content div.underline-label, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content div.underline-label,
			div.iep-eeeplan-revoke-form div.form-content div.letter-content div.underline-label
			{
				display: flex;
				flex-direction: column;
				align-items: flex-start;				
			}
			
			div.iep-plan-consent-form div.form-content div.signature-and-date, 
			div.iep-plan-revoke-form div.letter-content div.signature-area div.signature-and-date,
			div.sec-504-plan-consent-form div.form-content div.signature-and-date, 
			div.sec-504-plan-revoke-form div.form-content div.signature-and-date,
			div.iep-eeeplan-revoke-form div.form-content div.signature-and-date
			{
				display: flex;
				justify-content: space-between;
			}
			
			div.iep-plan-consent-form div.form-content div.letter-content div.signature-area div.printed-name, 
			div.iep-plan-revoke-form div.letter-content div.signature-area div.printed-name,
			div.sec-504-plan-consent-form div.form-content div.letter-content div.signature-area div.printed-name, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content div.signature-area div.printed-name,
			div.iep-eeeplan-revoke-form div.form-content div.letter-content div.signature-area div.printed-name
			{
				display: flex;
				flex-direction: row;
			}
			
			div.iep-plan-consent-form div.form-content div.letter-content div.signature-area div.printed-name.label-value div.label, 
			div.iep-plan-revoke-form div.letter-content div.signature-area div.printed-name.label-value div.label, 			
			div.sec-504-plan-consent-form div.form-content div.letter-content div.signature-area div.printed-name.label-value div.label, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content div.signature-area div.printed-name.label-value div.label,
			div.iep-eeeplan-revoke-form div.form-content div.letter-content div.signature-area div.printed-name.label-value div.label
			{
				font-style: normal;
			}
			
			
			div.iep-plan-consent-form div.form-content > div.letter-content > div.signature-area > div.signature-and-date > div.parent-signature.underline-label > div.value.underline, 
			div.iep-plan-revoke-form div.letter-content > div.signature-area > div.signature-and-date > div.parent-signature.underline-label > div.value.underline,		
			div.sec-504-plan-consent-form div.form-content div.letter-content div.signature-area div.signature-and-date div.parent-signature.underline-label div.value.underline, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content div.signature-area div.signature-and-date div.parent-signature.underline-label div.value.underline,
			div.iep-eeeplan-revoke-form div.form-content div.letter-content div.signature-area div.signature-and-date div.parent-signature.underline-label div.value.underline
			{
				border-bottom: 1px solid #003366;
				width: 23rem;
			}
			
			
			div.iep-plan-consent-form div.form-content > div.letter-content > div.signature-area > div.printed-name.label-value > div.value.underline, 
			div.iep-plan-revoke-form div.letter-content > div.signature-area div.printed-name.label-value div.value.underline, 
			div.sec-504-plan-consent-form div.form-content div.letter-content div.signature-area div.printed-name.label-value div.value.underline, 
			div.sec-504-plan-revoke-form div.form-content div.letter-content div.signature-area div.printed-name.label-value div.value.underline,			
			div.iep-eeeplan-revoke-form div.form-content div.letter-content div.signature-area div.printed-name.label-value div.value.underline			
			{
				border-bottom: 1px solid #003366;
				width: 15rem;
			}
		
			
			div.iep-plan-consent-form div.form-content div.signature-and-date div.date.underline-label, 
			div.iep-plan-revoke-form div.letter-content div.signature-and-date div.date.underline-label, 	
			div.sec-504-plan-consent-form div.form-content div.signature-and-date div.date.underline-label, 
			div.sec-504-plan-revoke-form div.form-content div.signature-and-date div.date.underline-label,
			div.iep-eeeplan-revoke-form div.form-content div.signature-and-date div.date.underline-label
			{
				display: flex;
				flex-direction: column;
				row-gap: 0.1rem;

				align-items: center;
			}

			
			div.iep-plan-consent-form div.form-content div.fill-in-boxes, 
			div.iep-plan-revoke-form div.letter-content div.fill-in-boxes, 
			div.sec-504-plan-consent-form div.form-content div.fill-in-boxes, 
			div.sec-504-plan-revoke-form div.form-content div.fill-in-boxes,
			div.iep-eeeplan-revoke-form div.form-content div.fill-in-boxes
			{
				display: flex;
				align-items: flex-start;
			}

				div.iep-plan-consent-form div.form-content div.fill-in-boxes div.date-piece, 
				div.iep-plan-revoke-form div.letter-content div.fill-in-boxes div.date-piece, 
				div.sec-504-plan-consent-form div.form-content div.fill-in-boxes div.date-piece, 
				div.sec-504-plan-revoke-form div.form-content div.fill-in-boxes div.date-piece,
				div.iep-eeeplan-revoke-form div.form-content div.fill-in-boxes div.date-piece
				{
					border-bottom: 1px solid #003366;
					/* background-color: lime; */ /* debugging */				
					width: 4rem;
				}
			
			div.iep-plan-revoke-form div.letter-content div.signature-area div.printed-name-and-date,
			div.iep-eeeplan-revoke-form div.letter-content div.signature-area div.printed-name-and-date
			{
				display: flex;
				justify-content: space-between;				
			}


			div.iep-plan-revoke-form div.letter-content div.signature-area div.printed-name-and-date input.date-revoke-sign,
			div.iep-eeeplan-revoke-form div.signature-area input.date-revoke-sign
			{
				margin-left: 3rem;
				margin-right: 3rem;
				width: 6rem;
			}
			
			div.iep-eeeplan-revoke-form div.date-revoke-sign-wrapper
			{
				display: flex;
				column-gap: 0.25rem;
				
				margin-right: 3rem;
			}
			
				div.iep-eeeplan-revoke-form div.signature-area div.date-revoke-sign-wrapper input.date-revoke-sign
				{
					/* need to undo the above margin-left and margin-right of input.date-revoke-sign  */
					margin-left: 0rem;
					margin-right: 0rem;
				}
			
			
			
			div.iep-plan-consent-form div.question-authorization-area, 
			div.sec-504-plan-consent-form div.question-authorization-area, 
			div.sec-504-plan-revoke-form div.question-authorization-area
			{
				border-top: 1px solid black;
				
				padding-top: 0.5rem;
				padding-left: 0.5rem;
				padding-right: 0.5rem;				
				padding-bottom: 0.5rem;
				
				color: inherit;
				background-color: #DEDEDE;
				
				font-size: 0.7rem;
			}
			
			
		div.iep-plan-revoke-form div.form-content div.written-notice-block,
		div.iep-eeeplan-revoke-form div.form-content div.written-notice-block
		{
			border-top: 1px solid black;
			
			color: #000055;
			background-color: #DEDEDE;
			
			padding-top: 0.5rem;
			padding-left: 1rem;
			padding-right: 1rem;
			padding-bottom: 1rem;
			
			font-size: 0.85rem;
			font-family: Verdana;				
		}
		
			div.iep-plan-revoke-form div.form-content div.written-notice-block ul,
			div.iep-eeeplan-revoke-form div.form-content div.written-notice-block ul
			{
				padding-left: 2rem;
				padding-right: 2rem;
			}

			div.iep-plan-revoke-form div.form-content div.written-notice-block ul li,
			div.iep-eeeplan-revoke-form div.form-content div.written-notice-block ul li
			{
				padding-top: 0.5rem;
			}
			
			div.iep-plan-revoke-form div.form-content div.written-notice-block textarea.revoke-changed-to,
			div.iep-eeeplan-revoke-form div.form-content div.written-notice-block textarea.revoke-changed-to
			{
				width: 100%;
			}
			
			div.iep-plan-revoke-form div.form-content  div.effective-date-of-action,
			div.iep-eeeplan-revoke-form div.form-content  div.effective-date-of-action
			{
				margin-top: 1rem;
				padding-bottom: 1rem;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			
				div.iep-plan-revoke-form div.form-content  div.effective-date-of-action input#revoc_DateEffectiveID,
				div.iep-eeeplan-revoke-form div.form-content  div.effective-date-of-action input#revoc_DateEffectiveID
				{
					width: 6rem;
				}
				
				div.iep-plan-revoke-form div.form-content  div.effective-date-of-action label,
				div.iep-eeeplan-revoke-form div.form-content  div.effective-date-of-action label
				{
					font-weight: bold;
				}
				
			div.iep-plan-revoke-form div.form-content textarea.action-explanation-text,
			div.iep-eeeplan-revoke-form div.form-content textarea.action-explanation-text			
			{
				width: 100%;
			}

			
		div.iep-plan-revoke-form div.form-content div.procedural-safeguards,
		div.iep-eeeplan-revoke-form div.form-content div.procedural-safeguards,
		div.iep-plan-revoke-form div.form-content div.signature-block-wrapper		
		{
			border-top: 1px solid black;
			
			color: #000055;
			background-color: #DEDEDE;
			
			padding-top: 0.5rem;
			padding-left: 1rem;
			padding-right: 1rem;
			padding-bottom: 1rem;
			
			font-size: 0.75rem;
			font-family: Verdana;			
		}
		

			div.iep-plan-revoke-form div.form-content div.procedural-safeguards h2,
			div.iep-eeeplan-revoke-form div.form-content div.procedural-safeguards h2			
			{
				text-align: left;
				color: #000055;
				background-color: #DEDEDE;
				font-size: 0.75rem;
				padding: 0;			
			}
	
	div.iep-eeeplan-revoke-form div.signature-block-wrapper
	{
		border-top: 1px solid black;

		padding-top: 0.5rem;
		padding-bottom: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
		
		display: flex;
		flex-direction: column;
		row-gap: 0.75rem;
		
		font-size: 0.75rem;
		color: #000055;
		background-color: #DEDEDE;		
	}	
	
		div.iep-eeeplan-revoke-form div.signature-block-wrapper div.person-and-school-wrapper
		{
			display: flex;
			justify-content: flex-start;
			column-gap: 1rem;
		}

			div.iep-eeeplan-revoke-form div.person-and-school-wrapper div.label-value div.label,
			div.iep-eeeplan-revoke-form div.person-and-school-wrapper div.label-value label
			{
				font-style: normal; /* override italics which comes from somewhere else */
				width: 4rem;
			}
			
			div.iep-eeeplan-revoke-form div.person-and-school-wrapper div.label-value input,
			div.iep-eeeplan-revoke-form div.person-and-school-wrapper div.label-value textarea
			{
				width: 15rem;
			}
			
			
		
			div.iep-eeeplan-revoke-form div.person-and-school-wrapper div.person-block,
			div.iep-eeeplan-revoke-form div.person-and-school-wrapper div.date-and-school-block		
			{
				display: flex;
				flex-direction: column;
				row-gap: 0.5rem;
			}
	
				div.iep-eeeplan-revoke-form div.person-block div.signature div.value 
				{
					border-bottom: 1px solid black;
					width: 17rem;
				}



		
			div.iep-eeeplan-revoke-form div.date-and-school-block > div.date.label-value input.date-of-revocation-signature
			{
				width: 4rem;
				/* border: 2px solid orange; */ /* debugging */
			}			


	div.iep-plan-consent-form div.question-authorization-area div.position-school-wrapper,
	div.iep-plan-consent-form div.question-authorization-area div.phone-mailing-address-wrapper,
	
	div.iep-plan-revoke-form div.form-content div.signature-block-wrapper div.position-school-wrapper,
	div.iep-plan-revoke-form div.form-content div.signature-block-wrapper div.phone-mailing-address-wrapper,

	div.sec-504-plan-consent-form div.question-authorization-area div.position-case-manager-wrapper,
	div.sec-504-plan-consent-form div.question-authorization-area div.phone-mailing-address-wrapper,
	div.sec-504-plan-revoke-form div.question-authorization-area div.position-case-manager-wrapper,
	div.sec-504-plan-revoke-form div.question-authorization-area div.phone-mailing-address-wrapper	
	{
		margin-top: 0.15rem;
		
		display: flex;
		justify-content: space-between;	
		align-items: flex-start;		/* align vertically top */
	}
	
		div.iep-plan-consent-form div.question-authorization-area div.position-school-wrapper div.label-value.school-name-field input, 
		div.iep-plan-revoke-form div.signature-block-wrapper div.position-school-wrapper div.label-value.school-name-field input,
		div.iep-plan-revoke-form div.signature-block-wrapper div.email-address-wrapper input.email.js-ajax-auto-save-text,
		
		div.sec-504-plan-consent-form div.question-authorization-area div.position-case-manager-wrapper div.label-value.school-name-field input, 
		div.sec-504-plan-revoke-form div.question-authorization-area div.position-case-manager-wrapper div.label-value.school-name-field input
		{
			width: 16rem;
		}
	
	
		/* 16 Aug 2024 MAG FIXME: Should rarely, if ever, rely on ordering of elements such as nth-child
									Should more directly address which label */
		div.iep-plan-consent-form div.question-authorization-area div.label-value.position-field label, 
		div.iep-plan-consent-form div.question-authorization-area div.label-value.phone label, 
		
		div.iep-plan-revoke-form div.signature-block-wrapper div.label-value.position-field label, 
		div.iep-plan-revoke-form div.signature-block-wrapper div.label-value.phone label, 
		div.iep-plan-revoke-form div.signature-block-wrapper div.label-value.email label, 
		
		div.sec-504-plan-consent-form div.question-authorization-area div.label-value:nth-child(1) label, 
		div.sec-504-plan-revoke-form div.question-authorization-area div.label-value:nth-child(1) label
		{
			width: 5.6rem;
		}
		
		
		div.iep-plan-consent-form div.question-authorization-area div.position-school-wrapper input.position-field,
		div.iep-plan-revoke-form div.signature-block-wrapper div.position-school-wrapper input.position-field,
		
		div.iep-plan-consent-form div.question-authorization-area div.phone-mailing-address-wrapper input.phone-field,	
		div.iep-plan-revoke-form div.signature-block-wrapper div.phone-mailing-address-wrapper input.phone-field,
			
		div.sec-504-plan-consent-form div.question-authorization-area div.position-case-manager-wrapper input.position-field,
		div.sec-504-plan-consent-form div.question-authorization-area div.phone-mailing-address-wrapper input.phone-field,
		div.sec-504-plan-revoke-form div.question-authorization-area div.position-case-manager-wrapper input.position-field,
		div.sec-504-plan-revoke-form div.question-authorization-area div.phone-mailing-address-wrapper input.phone-field
		{
			width: 15rem;
		}
	
		div.iep-plan-revoke-form div.signature-block-wrapper div.tooltip-wrapper
		{
			text-align: right;
		}

		div.iep-plan-revoke-form div.signature-block-wrapper table.electronic-signature-block
		{
			margin-top: 0;	/* override previously defined table.electronic-signature-block */
		}


	div.iep-plan-consent-form div.footer-area,
	div.iep-eeeplan-revoke-form div.footer-area, 
	div.iep-plan-revoke-form div.footer-area, 
	div.sec-504-plan-consent-form div.footer-area, 
	div.sec-504-plan-revoke-form div.footer-area
	{
		display: flex;
		justify-content: space-between;
		
		border-top: 1px solid black;
		
		/* border: 1px solid blue; */
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		
		color: inherit;
		background-color: #DEDEDE;

		font-size: 0.7rem;
	}
			
			
		div.iep-plan-consent-form div.footer-area div.date-received-in-district
		{
			color: red;
			background-color: inherit;
		}
	

	div.sec-504-plan-revoke-form ul.revoke-bullet-points,
	div.iep-eeeplan-revoke-form ul.revoke-bullet-points
	{
		margin-left: 1.5rem;
	}

	div.sec-504-plan-revoke-form p.note
	{
		padding-top: 0.5rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;				
		padding-bottom: 0.5rem;
		
		color: inherit;
		background-color: #DEDEDE;
		
		font-size: 0.7rem;
		font-style: italic;
		color: #003366;
	}

	div.sec-504-plan-revoke-form div.placement-change
	{
		color: #003366;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
	
	div.sec-504-plan-revoke-form p.explanation-of-actions-wrapper
	{
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
	
	div.sec-504-plan-revoke-form div.procedural-safeguards 
	{
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
	
	div.sec-504-plan-revoke-form div.procedural-safeguards h3
	{
		font-weight: bold;
		font-size: 1rem;
	}
	
	div.sec-504-plan-revoke-form p.effective-date-wrapper
	{
		text-align: center; 
		font-weight: bold; 
		font-size: 10pt;
	}



#permission-div-base-id
{
	position: absolute;
	left: 0.5rem;
	top: 0.5rem;
	z-index: 999;
}

#permission-div-base-id div.tool-tip-text
{
	visibility: visible;
  
	opacity: 95%;
	z-index: 999;
	
	border-radius: 0.5rem;
	padding: 1rem;
	  
	font-size: 1rem;
	border: 2px solid red;
	background-color: pink;
	color: black;
}


div#StudentFindUpdate 
{
	display: inline-block;
}


/* iep-plan-transition page START */

div.iep-plan-transition div.toggle-version-wrapper
{
	margin-right: 2rem;
	
	display: flex;
	justify-content: flex-end;
	
	font: 8pt Verdana;	
}


div.iep-plan-transition div.form-wrapper
{
	width: 640px; 
	text-align:left; 
	font: 8pt Verdana; 
	margin-left: auto; 
	margin-right:auto;
	padding-bottom: 2rem;
	padding-top: 2rem;
}

div.iep-plan-transition div.form-wrapper div.current-grade-expected-graduation
{
	display: flex;
	margin-top: 3em; 
	font: bold 8pt Verdana; 
	text-align:center;
}


div.iep-plan-transition div.form-wrapper div.transition-section
{
	display: flex;
	flex-direction: column;
	margin-top: 2em;
}

div.iep-plan-transition div.form-wrapper div.transition-section div.section-note
{
	margin-top: 0.5em;
	font-style: italic;
}

div.iep-plan-transition div.form-wrapper div.transition-section div.label-value
{
	display: flex;
	flex-direction: column;
	margin-top: 0.5em;
}


div.iep-plan-transition div.form-wrapper div.transition-section span.indicator-and-element
{
	font-style: italic; 
	color: #3300fe;
}

div.iep-plan-transition div.form-wrapper div.section-label span.label
{
	font-weight: bold;
}

div.iep-plan-transition div.form-wrapper div.transition-section textarea
{
	width: 100%; 
	height: 3.6em; 
	margin-top: 2px;
}

div.iep-plan-transition div.form-wrapper div.assessment-summary div.assessment-table-wrapper
{
	width: 100%; 
	margin-top: 1rem; 
}

div.iep-plan-transition div.form-wrapper div.assessment-summary div.assessment-table-wrapper table.transitionCourseTable
{
	width: 100%; 
	margin-top: 2px; 
}

div.iep-plan-transition div.form-wrapper div.assessment-summary div.assessment-table-wrapper table.transitionCourseTable th.date
{
	width: 5%;
	padding: 2px;
}

div.iep-plan-transition div.form-wrapper div.assessment-summary div.assessment-table-wrapper table.transitionCourseTable th.transition-assessment-tool
{
	width: 40%;
	padding: 2px;
}

div.iep-plan-transition div.form-wrapper div.assessment-summary div.assessment-table-wrapper table.transitionCourseTable th.results-summary
{
	width: 50%;
	padding: 2px;
}

div.iep-plan-transition div.form-wrapper div.post-secondary-goals div.progress-review-dates
{
	margin-top: 0.5em;
}

div.iep-plan-transition div.form-wrapper div.post-secondary-goals div.progress-review-dates input
{
	margin-left: 4px; 
	width: 40px; 
	text-align: center;
}

div.iep-plan-transition div.form-wrapper div.post-secondary-goals table.transitionGoalTable
{
	border-collapse: collapse;
	width: 100%;
	margin-top: 0.5rem;
}

div.iep-plan-transition div.form-wrapper div.post-secondary-goals div.table-wrapper, 
div.iep-plan-transition div.form-wrapper div.course-of-study div.table-wrapper 
{
	margin-top: 1rem;
}

div.iep-plan-transition div.form-wrapper div.post-secondary-goals div.goal-table-auc
{
	margin-top: 1rem;
}

div.iep-plan-transition div.form-wrapper div.note-color-contrast
{
	color: #3300fe;
}

div.iep-plan-transition div.form-wrapper .cfr
{
	font-size: 7pt; 
	float:right; 
	color: #3300fe;
}

div.iep-plan-transition div.form-wrapper .subhead
{
	font-weight: bold;
}

div.iep-plan-transition div.form-wrapper span.parenthetical
{
	font-weight: normal;
}

div.iep-plan-transition div.form-wrapper div.transition-section div.label-value.independent-living-position-responsible, 
div.iep-plan-transition div.form-wrapper div.transition-section div.label-value.employment-position-responsible, 
div.iep-plan-transition div.form-wrapper div.transition-section div.label-value.education-training-position-responsible
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

div.iep-plan-transition div.form-wrapper div.transition-section div.label-value.independent-living-position-responsible label, 
div.iep-plan-transition div.form-wrapper div.transition-section div.label-value.employment-position-responsible label, 
div.iep-plan-transition div.form-wrapper div.transition-section div.label-value.education-training-position-responsible label, 
div.iep-plan-transition div.form-wrapper div.transition-section div.start-end-date-wrapper div.start-date label
{
	min-width: 8rem;
	text-align: right;
}

div.iep-plan-transition div.form-wrapper div.transition-section div.start-end-date-wrapper
{
	display: flex;
	flex-direction: row;
	column-gap: 1rem;
}

div.iep-plan-transition div.form-wrapper div.transition-section div.start-end-date-wrapper div.label-value
{
	display: flex;
	flex-direction: row;
}

div.iep-plan-transition div.form-wrapper input#current-grade-level-id
{
	width: 4rem;
}

div.iep-plan-transition div.form-wrapper input#dateExpectedGraduationID
{
	width: 8rem;
}

div.iep-plan-transition div.form-wrapper div.current-grade-expected-graduation-wrapper
{
	display: flex;
	flex-direction: row;
	column-gap: 3rem;
	justify-content: center;
}

div.iep-plan-transition div.form-wrapper div.current-grade-expected-graduation-wrapper label
{
	font-weight: bold;
}

/* iep-plan-transition page START */




/* IEP_Plan_TransitionMYP page START */

div#IEP_Plan_TransitionMYP_wrapper {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

div#IEP_Plan_TransitionMYP_wrapper > p {
	text-align: center;
}

div#IEP_Plan_TransitionMYP_wrapper div.controls-wrapper {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

div#IEP_Plan_TransitionMYP_wrapper table.transition-courses thead tr th, 
div#IEP_Plan_TransitionMYP_wrapper table.transition-courses tbody tr td {
	text-align: center;
}

div#IEP_Plan_TransitionMYP_wrapper table.transition-courses tbody tr td.course-type textarea {
	width: 47px;
	height: 56px;
}

div#IEP_Plan_TransitionMYP_wrapper table.transition-courses tbody tr td.course-year textarea {
	width: 63px;
	height: 56px;
}

div#IEP_Plan_TransitionMYP_wrapper table.transition-courses tbody tr td.course-grade-level textarea {
	width: 39px;
	height: 56px;
}

div#IEP_Plan_TransitionMYP_wrapper table.transition-courses tbody tr td.course-grade-req textarea {
	width: 152px;
	height: 56px;
}

div#IEP_Plan_TransitionMYP_wrapper table.transition-courses tbody tr td.course-master textarea {
	width: 152px;
	height: 56px;
}

div#IEP_Plan_TransitionMYP_wrapper table.transition-courses tbody tr td.course-or-activity textarea {
	width: 127px;
	height: 56px;
}

div#IEP_Plan_TransitionMYP_wrapper table.transition-courses tbody tr td.course-credit textarea {
	width: 39px;
	height: 56px;
}

div#IEP_Plan_TransitionMYP_wrapper div.signature-block-wrapper {
	text-align: center;
}

div#IEP_Plan_TransitionMYP_wrapper p.if-alternative-credits {
	margin-top: 1rem;
	text-align: center;
}

div#IEP_Plan_TransitionMYP_wrapper div.signature-block {
	display: inline-block;
	margin-bottom: 1rem;
}

div#IEP_Plan_TransitionMYP_wrapper div.superintendent-signature-wrapper {
	display: inline-block;
	margin-top: 3rem;
	text-align: center;
}

div#IEP_Plan_TransitionMYP_wrapper div.superintendent-date-wrapper {
	display: inline-block;
	margin-top: 3rem;
	text-align: center;
	margin-left: 2rem;
}

div#IEP_Plan_TransitionMYP_wrapper div.myp-approved-date {
	margin-top: 1rem;
	text-align: right;
}

/* IEP_Plan_TransitionMYP page END */



div#user-list-has-moved-message-id
{
	margin: 1rem;
	border: 1px dotted gray;
	width: fit-content;
	
	display: flex;
	align-items: center;
	column-gap: 0rem;
} 

div#user-list-has-moved-message-id div.renovation-message
{
	padding: 1rem;
	line-height: 1.5rem;
}



/* ---- Codivus Toolbox flexbox primitives START ----- */

div.developer-only,
span.developer-only
{
	margin: 1rem;
	border: 2px solid red;
	padding: 1rem;
	color: black;
	background-color: pink;
}

div.label-value
{
	display: flex;
	column-gap: 0.5rem;
	justify-content: flex-start; /* if horizontal, then flush left */
	align-items: flex-start;     /* if horizontal, then flush top without stretching (stretch is default) */
}

div.label-value .label { font-style: italic; }
div.label-value .label::after { content: ":"; }



div.labelled-checkbox
{
	/* border: 1px solid red; */ 	/* debugging */
	display: flex;
	column-gap: 0.5rem;	
}

div.labelled-select
{
	/* border: 1px solid red; */ 	/* debugging */
	display: flex;
	column-gap: 0.5rem;	
}

div.labelled-input-text
{
	/* border: 1px solid red; */ 	/* debugging */
	display: flex;
	column-gap: 0.5rem;	
}


table.row-display
{
	border-collapse: collapse;
	border: 1px solid black;
}

table.row-display caption
{
	font-weight: bold;
	font-style: italic;
	
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

table.row-display thead tr th
{
	font-style: italic;
	font-weight: normal;
}


table.row-display th,
table.row-display td
{
	border: 1px dotted gray;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

table.row-display th,
table.row-display td
{
	border: 1px dotted gray;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}


table.row-display tbody 
{
	counter-reset: RowCounter;
}

table.row-display tbody tr
{
	counter-increment: RowCounter;
}


table.row-display tbody tr:nth-child(2n+2)
{
	background-color: #ccc;
	color: black;
}

table.row-display td.number
{
	text-align: right;
}

/* ---- Codivus Toolbox flexbox primitives END ----- */