body {
	background-color:	#666666;
}

.opsLandingPageCanvas {
	width:			1118px;
	height:			690px;
	overflow:		hidden;				/* prevent margin-collapse */
	margin:			0 auto 0 auto;
}

.opsLoginPageBanner {
	font-size:		24px;
	font-weight:		bold;
	color:			#222222;
	margin-top:		80px;
	text-align:		center;
}

.opsLoginPageInfo {
	font-size:		15px;
	font-weight:		normal;
	color:			#222222;
	margin-top:		12px;
	text-align:		center;
}

.opsLoginPageDialog {
	width:			350px;
	margin:			25px auto 0 auto;
	border:			1px solid white;
}

.opsLoginPageGrid {
	display:		table;
}

.opsLoginPageGridRow {
	display:		table-row;
}

.opsLoginPageTitleCell {
	display:		table-cell;
	font-size:		12px;
	color:			white;
	padding:		5px 5px 5px 5px;
}

.opsLoginPageUsername {
	margin-top:		5px;
}

.opsLoginPagePassword {
	margin-bottom:		25px;
}

.opsLoginPageForgotDiv {
	padding-bottom:		15px;
}

.opsLoginPageForgotLink {
	color:			white;
}

.opsLoginPageInput {
	font-size:		12px;
	color:			black;
}

.opsLoginPageSubmitWrapper {
	display:		flex;
	flex-direction:         row;
	justify-content:	space-between;
	border-top:		1px solid white;
}

.opsLoginPageSubmitButtons {
	width:			100%;
	background-color:	#3C3C3C;
}

.opsLoginPageSubmitBlock {
	background-color:	black;
	width:			70px;
	border-left:		1px solid white;
}

.opsLoginPageButton {
	margin-top:		10px;
	margin-bottom:		10px;
	padding-top:		0px;
	padding-bottom:		0px;
	font-size:		12px;
}

.opsLoginPageTopButton {
	margin-bottom:		2px;
}

.opsLoginPageSubmitButton {
	margin-left:		10px;
}

.opsLoginPageResetButton {
	margin-left:		12px;
}

.opsLoginPageLinksWrapper {
	text-align:		center;
}

.opsLoginPageLinks {
	display:		inline-block;
	background-color:	rgba(165, 193, 181, 0.8);
	border:			2px solid #C4CA9D;
	border-radius:		3px;
	margin-top:		20px;
	padding:		5px 15px 15px 15px;
}

.opsLoginPageLink {
	font-size:		15px;
	padding-top:		5px;
}

.opsLoginPageDisabled {
	text-align:		center;
	width:			420px;
	margin:			25px auto 0 auto;
	padding:		10px;
	border:			1px solid white;
}

.opsLoginPageDisabledLine {
	padding:		5px;
	font-size:		16px;
	color:			white;
}

.opsWelcomeBlock {
	display:		flex;
	flex-direction:		row;
	margin-top:		35px;
	margin-left:		258px;
}

.opsWelcomeInfoCommon {
	background-color:	rgba(204, 204, 204, 0.7);
	border:			2px solid #C4CA9D;
	border-radius:		3px;
}

.opsWelcomeAlertCommon {
	background-color:	rgba(204, 204, 204, 0.7);
	border:			2px solid #C4CA9D;
	border-radius:		3px;
}

.opsWelcomeInfoWindow {
	width:			500px;
	flex:			0 0 auto;
}

.opsWelcomeCanvas {
	padding:		10px 0px 5px 15px;
}

.opsWelcomeCanvasTeacher {
	height:			calc(690px - 35px - 10px);
	overflow-y:		auto;
}

.opsWelcomeGreeting {
	font-size:		18px;
	font-weight:		bold;
	color:			#1E6B33;
}

.opsWelcomeInfoHeader {
	font-size:		20px;
	color:			#FFFFFF;
	padding-top:		10px;
}

.opsWelcomeInfoText {
	font-size:		13px;
	color:			black;
	padding-top:		0px;
	padding-bottom:		5px;
	padding-right:		5px;
}

.opsWelcomeAlertsWrapper {
	width:			305px;
	display:		flex;
	flex-direction:         column;
	flex:			0 0 auto;
	margin-left:		15px;
}

.opsWelcomeHeader1 {
	font-size:		24px;
	color:			white;
	padding-top:		0.3em;
	padding-bottom:		0.3em;
}

.opsWelcomeHeader2 {
	font-size:		14px;
	font-weight:		bold;
	color:			white;
	padding:		1.5em 0 0 0;
}

.opsWelcomeHeader3 {
	font-size:		13px;
	font-weight:		bold;
	color:			black;
	padding:		3px 0 0 6px;
}

.opsWelcomePara {
	font-size:		12px;
	color:			black;
}

.opsWelcomeBullet {
	font-size:		12px;
	color:			black;
	padding:		2px 0 0 20px;
}

.opsInfoCenterWrapper {
}

.opsInfoCenterLine {
	display:		flex;
	flex-direction:		row;
	margin-bottom:		10px;
}

.opsInfoCenterStandardEntry {
	width:			220px;
	background-color:	rgba(168, 199, 180, 0.5);
	border:			2px solid #C4CA9D;
	border-radius:		3px;
	margin:			5px 15px 0px 0px;
	padding:		10px 10px 5px 10px;
}

.opsInfoCenterFullWidthEntry {
	width:			460px;
	background-color:	rgba(168, 199, 180, 0.5);
	border:			2px solid #C4CA9D;
	border-radius:		3px;
	margin:			5px 15px 0px 0px;
	padding:		10px 10px 5px 10px;
}

.opsInfoCenterPiechartEntry {
	width:			436px;
	background-color:	#ADC0B6;
	border:			2px solid #C4CA9D;
	border-radius:		3px;
	margin:			15px 0px 10px 0px;
	padding:		10px 10px 0px 10px;
}

.opsInfoCenterTextTitle {
	font-size:		16px;
	font-weight:		bold;
	padding:		0px 0px 7px 0px;
}

.opsInfoCenterButtonTitle {
	font-size:		16px;
	font-weight:		bold;
	padding:		0px 0px 1px 0px;
}

.opsInfoCenterEntryTable {
	width:			200px;
}

.opsInfoCenterEntryCellLeft {
	display:		inline-block;
	width:			145px;
	color:			#9C0202;
	font-size:		15px;
	text-align:		left;
}

.opsInfoCenterEntryCellRight {
	display:		inline-block;
	width:			50px;
	color:			#9C0202;
	font-size:		15px;
	text-align:		right;
	padding-bottom:		7px;
}

.opsInfoCenterEntryCellLink {
	/* color:			#9C0202; */
}

.opsInfoCenterButtonGroup {
	display:		flex;
	flex-direction:		column;
	align-items:		left;
	justify-content:	space-around;
	padding-top:		10px;
	padding-bottom:		10px;
}

.opsInfoCenterButton {
	font-size:		13px;
}

.opsWelcomeTopTenVendors {
	flex:			1 0 auto;
}

.opsWelcomeTopTenVendorsTitle {
	font-size:		18px;
	font-weight:		bold;
	color:			#1E6B33;
	padding-bottom:		15px;
}

.opsWelcomeTopVendorsTitle {
	font-size:		18px;
	font-weight:		bold;
	color:			#1E6B33;
	padding-bottom:		5px;
}

.opsWelcomeVendorName {
	width:			210px;
	color:			black;
	font-size:		12px;
	text-align:		left;
	padding:		2px 3px 3px 0px;
}
.opsWelcomeVendorGap {
	height:			5px;
}
.opsWelcomeVendorMoreLink {
	font-size:		12px;
}

.opsWelcomeVendorTotal {
	color:			black;
	font-size:		12px;
	text-align:		right;
	vertical-align:		top;
	/* border:			0px solid black; */
}

.opsNoStudentsMsg {
	color:			black;
	font-size:		15px;
	text-align:		center;
	padding-top:		20px;
}

.opsLoginPageTrailer {
	font-size:		12px;
	min-height:		calc(100vh - 690px - 62px);
	background-color:	#000000;
}

.opsAlertsWindow {
	vertical-align:		top;
	margin-left:		15px;
	height:			50px;
}

.opsAlertsTitle {
	font-size:		18px;
	font-weight:		bold;
	color:			#1E6B33;
}

.opsAlertsMessage {
	font-size:		12px;
	color:			#9C0202;
	padding-left:		10px;
}

.opsAlertsInfo {
	font-size:		12px;
	color:			#030303;
	padding-left:		10px;
	padding-right:		10px;
}

.opsAlertsCanvas {
	/* min-width:		320px; */
	padding:		10px 10px 10px 10px;
	margin-bottom:		10px;
	flex:			0 0 auto;
}

.opsAlertsSelectWrapper {
	width:			280px;
	display:		flex;
	flex-direction:		row;
	justify-content:	space-between;
	margin-top:		12px;
	border:			3px solid #A4BEB6;
	padding:		0px;
	background:		linear-gradient(to bottom, #FFFFFF 20%, #C0C0C0 100%);
}

.opsAlertsSelectWrapper:hover {
	border:			3px solid #7798AA;
	border-radius:		3px;
}

.opsAlertsSelectText {
	padding:		5px 0px 3px 8px;
	font-size:		12px;
}

.opsAlertsSelectArrows {
	padding:		5px 8px 3px 0px;
}

.opsAlertsAnchor {
	position:		relative;
}

.opsAlertsDropdownWrapper {
	position:		absolute;
	border:			2px solid #C4CA9D;
	border-top:		none;
	border-radius:		3px;
	display:		none;
	width:			290px;
	margin-top:		-2px;
	margin-left:		5px;
}

.opsAlertsDropdownBar {
	height:			9px;
}

.opsAlertsDropdownText {
	background-color:	rgba(165, 193, 181, 1.0);
	padding:		5px 10px 5px 10px;
}

.opsAlertsEntryDiv {
	padding:		5px 0px 5px 0px;
}

.opsAlertsEntryLink {
	font-size:		15px;
	color:			#C00000;
	text-decoration:	none;
}

.opsAlertsEntryLink:hover {
	text-decoration:	underline;
}

.opsTeacherWelcomePageMessage {
	padding-top:		10px;
	font-size:		16px;
	width:			465px;
	color:			firebrick;
}

.opsParentWelcomePageMessage {
	padding-top:		10px;
	font-size:		16px;
	color:			firebrick;
}

.opsParentStudentDropdownWrapper {
	padding-top:		10px;
}

.opsParentStudentTitle {
	font-size:		13px;
	color:			black;
}

.opsParentStudentDropdown {
	margin-left:		10px;
}

.opsErrorPageDialog {
	font-size:		15px;
	width:			600px;
	margin:			70px auto 0 auto;
	padding:		10px 10px 10px 15px;
	border:			2px solid firebrick;
	border-radius:		3px;
	background-color:	rgba(165, 193, 181, 0.8);
	color:			#030303;
}

.opsErrorPageHeader {
	text-align:		center;
	font-size:		16px;
	color:			firebrick;
	font-weight:		bold;
	margin-top:		10px;
	margin-bottom:		10px;
}

.opsErrorPageMessage {
}

.opsErrorPageButton {
	text-align:		center;
	margin-top:		15px;
	margin-bottom:		15px;
}

.opsSuccessPageHeader {
	color:			#006600;
}