﻿@charset "UTF-8";
/* CSS Document PUBLIC */

/* Gray - color:#57575a; */
/* Lt. Gray - color:#A09F9F; */
/* Red - color: #8a1f03; */
/* Blue - color: #27AAE1; */
/* Lt. Blue - color: #74c1e1; */

body {
	border : 0px;
	padding : 0px;
	margin: 0px;
	font-family: sans-serif;
	overflow: hidden;
}

.topBar {
	background-color: white;
	height: 4vh;
	border-bottom: 1px solid #cecece
}

h1 {
	margin: 1rem 1rem 1rem 3rem;
	font-weight: 100;
	font-size: 1.2rem;
}

.showcase {
	background-color: #efefef;
	width: 100vw;
	height: 96vh;
}

.innerShowcase {
	display: flex;
	flex-direction: column;
	background-color: white;
	align-content: center;
	justify-content: center;
	width: 60%;
	min-width: 800px;
	margin: 3rem auto;
	border: 1px solid #cecece;
}

.message {
	margin: 1rem;
}

.requestAccessForm {
	display: flex;
	flex-direction: column;
	background-color: white;
}

#backToLogin {
	margin: 1rem;
}

.row {
	display: flex;
	width: 100%;
	align-content: start;
	justify-content: start;
}

.center {
	display: inline-flex;
	margin: 0rem auto;
	align-content: center;
	justify-content: center;
}

.cell{
	margin: 0rem 1rem 0.5rem 1rem;
	width: 45%;
	display:flex;
	flex-direction:column;
}

fieldset {
	border: none;
	margin: 2rem;
}

.dxeTextBoxDefaultWidthSys, .dxeButtonEditSys{
	width: 100%;
}

#captchaRow {
	margin: 2rem auto;
	width: 100px;
	align-content: center;
	justify-content: center;
}

#submitCell, #recoveryOptions {
	margin: 0rem auto;
	width: 200px;
}

#Submit{
	align-self: center;
	justify-self: center;
	width: 200px;
}

.requiredField{
	color: red;
}

p, .requiredField {
	margin: 0 0 0.5rem 0;
}

.regionDistrictPane {
	width: 45%;
}

#SchoolsSites {
	overflow: scroll;
	height: 350px;
}

.schoolsSitesPane {
	width: 45%;
}

.note {
	color: #626262;
	font-size: .75rem;
}

.padPane {
	margin-top: 1rem;
}

.recoveryOptions {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
}

.contentPanel {
	display: flex;
	flex-direction: column;
	background-color: white;
	padding: 1rem;
}

.label {
	text-align: right;
	margin: auto 0.5rem auto 2rem;
	line-height: 1rem;
}