.body, .xpage>.main {
	background-color: #eee !important;
}

.apply-dashboard {
	max-width: 1600px;
}

.app-row-msg {
	background-color: #ffe7ee;
	border: 1px dashed grey;
	padding: 10px 10px;
	line-height: 16px;
	margin-left: 25%;
}
.app-row-msg .icon {
	margin-right: 5px;
}
.dashboard-left .ui-box-shadow {
	margin-right: 0;
}

.app-checklist * {
	font-size: 99%;
}

.app-forms.no-progress {
	max-width: 1000px !important;
}

.app-forms.submitted, .app-forms .locked {
	opacity: .85;
}

.app-forms.submitted .actions {
	display: none;
}

.app-forms.submitted input, .app-forms.submitted textarea, .app-forms.submitted select {
	background-color: #eee;
	color: #333;
}
.app-forms.submitted label {
	color: #333;
}

.app-forms .locked input, .app-forms .locked textarea, .app-forms .locked select {
	background-color: #eee;
	color: #333;
}
.app-forms .locked label {
	color: #333;
}

.app-forms.site-forms fieldset li label {
	float:  none;
}

.app-forms.site-forms fieldset li label.opt-col {
	display: table;
	break-inside: avoid;
	min-width: 32%;
}

.app-forms.site-forms fieldset li label.opt-col * {
	display: table-cell;
	width: auto;
}

.app-forms.site-forms fieldset li label.opt-col div {
	margin-left: 4px;
	width: 100%;
}

.app-forms.site-forms fieldset li{
	padding: 5px 0;
	display: table;
	float: none;
}
.app-forms.site-forms fieldset li.expand {
	width: 90%;
}

.app-forms.site-forms fieldset li>*{
	display: table;
	vertical-align:  top;
	text-align: left;
}

.app-forms.site-forms li input, li select + .select2 {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
	float: none;
	font-size: 16px;
}

.app-forms.site-forms li select, .app-forms.site-forms li option {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
	float: none;
	font-size: 16px;
}

.app-forms.site-forms fieldset fieldset label {
	width: 100%;
	margin-left: 0;
	clear: none;
}
.app-forms.site-forms legend {
	width: 100%;
	font-weight: 400;
	text-align: left;
	margin-bottom: 20px;
}

#frm-questionnaire .prompts.inactive {
	display: none;
}

.app-forms .fake-btn, .app-forms input[type="submit"].fake-btn, .app-forms .fake-btn+.fake-btn {
	font-family: Gotham A, Gotham B, sans-serif;
	font-size: 14px;
	text-transform: none;
	padding: 10px 20px;
    margin: 0 20px 0 0;
}

.dev-hilite {
	background-color: #FFFF00;
	padding: 2%;
}
.dev-hilite .red {
	font-weight: bold;
}

.bdr-grid, .bdr-grid .row, .bdr-grid .row {
	border-color: ##d6dadd !important;
}
.bdr-grid {
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
}
.bdr-grid .row {
	border-top: 1px solid #d1d1d1;
}
.bdr-grid .cell {
	xborder-top: 1px solid #d1d1d1;
}
.bdr-grid .row .cell:not(:first-child) {
	xborder-left: 1px solid #d1d1d1;
}
.neongreen {
	color: #63af00 !important;
}

.admissions .fake-btn {
	font-family: Gotham A, Gotham B, sans-serif;
	text-transform: none;
	font-size: 14px;
}
.admissions .fake-btn:hover {
	color: black;	
}

.clone {
	cursor: pointer;
}
select.invalid, textarea.invalid {
	border: 1px solid red !important;
}

#MiddleName {
	width: 176px;
}
.dob-select.invalid, .js-select.invalid + .select2-container .select2-selection {
	border-color: red !important;
}

.progress-indicator a.disabled {
	opacity: .5;
	pointer-events: none;
}

.event-list {
	margin: 0 4% !important;
	max-width: 1000px !important;
}
.event-list .event-name {

}


.event-list .event-div {
	
}

.pronoun-prompt.invalid, .Pronouns.invalid {
	color: #d90000 !important;
}

.parent-work label {
	width: 250px;
}

.add-to-app, .site-forms input[type=submit].add-to-app:not(.btn):not(.bg-default) {
	background-color: white !important;
	border: none !important;
	color: #3066a2 !important;
}
.icon.sm {
	font-size: 17px;
}

.icon.med {
	font-size: 19px;
}

.icon.ml {
	font-size: 20px;
}
.icon.disabled {
	color: #ccc;
	pointer-events: none;
}

.phone-fld {
	width: 200px !important;
	max-width: 100% !important;
}
.photo-frame {
	width:200px;
	min-height: 200px;
	max-height:7.5cm;
	min-width:2.5cm;
	min-height:2.5cm;
}
img.photo-preview{
	width:200px;
	max-height:7.5cm;
	min-width:2.5cm;
	min-height:2.5cm;
}

.icon.photo-upload-icon {
	font-size: 16px;
}
.icon.photo-file-icon {
	font-size: 16px;
}
.btn.photo-btn {
	padding: 10px 20px;
}
.photo-file {
	max-width: 300px;
}
.photo-file .cell.photo-file-wrapper {
	display: none;
}
.photo-file.has-photo .cell.photo-file-wrapper {
	display: table-cell;
}
.photo-upload-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  xwidth: 200px;
  xborder: 1px solid #ccc;
  xborder-radius: 20px;
}
.photo-upload-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.row.photo embed, .row.photo iframe {
	width: 100%;
	min-height: 600px;
	min-height: 50vw;
	height: 100%;
	margin-bottom: 0px;
}
.photo-expand {
	font-size: 19px;
	vertical-align: bottom;
	margin: 10px;
}
.photo-upload-label {
	font-size: 14px;
	margin-left: 0px !important;
}

.pay-opt-form .row.deflex {
	display: block;
}

#card-frame {
	width: 100%;
	flex-direction: column;
}

.infoBox{
	width: 500px;
	height: 150px;
	border-style: solid;
	border-width: 2px;
}

.app-siblings .table.compact .cell, .app-siblings .table.compact .cell.left {
	margin-right: 10px !important;
}
input.McDSiblingName{width:200px !important;}
input.McDSiblingAge{width:50px !important;}
input.McDSiblingGender{width:50px !important;}
select.McDSiblingGrade{width:100px !important;}

input.SiblingName{width:200px !important;}
input.SiblingAge{width:50px !important;}
input.SiblingGender{width:50px !important;}
input.SiblingSchool{width:200px !important;}
select.SiblingGrade{width:100px !important;}
input.SiblingAlumni{width:10px !important;}

input.RelativeName{width:200px !important;}
input.RelativeRelationship{width:200px !important;}
select.RelativeStartYear{width:100px !important;}
select.RelativeEndYear{width:100px !important;}
input.RelativeAlumni{width:10px;}

span.fld-label.inline {display: none !important;}
.table.add-people{padding: 10px 10px 20px 10px}
@media (max-width: 600px){
	span.fld-label.inline {
		display: block !important;
		width: 100%;
	}
	span.fld-label:not(.inline) {
		display: none !important;
	}
	.table.add-people{
		padding: 0px;
	}
	.table.add-people .row  {
		border-top: 1px solid #ccc;
		padding-bottom: 10px;
	}
	.table.add-people .row .cell {
		margin-top: 10px !important;
	}
	.table.add-people .row .cell.center {
		text-align: left !important;
	}
}	

span.McDSiblingName{width:209px !important;}
span.McDSiblingAge{width:59px !important;}
span.McDSiblingGender{width:79px !important;}
span.McDSiblingGrade{width:100px !important;}

span.SiblingName{width:209px !important;}
span.SiblingAge{width:59px !important;}
span.SiblingGender{width:79px !important;}
span.SiblingSchool{width:209px !important;}
span.SiblingGrade{width:100px !important;}
span.SiblingAlumni{width:19px !important;}

span.RelativeName{width:209px !important;}
span.RelativeRelationship{width:209px !important;}
span.RelativeStartYear{width:109px !important;}
span.RelativeEndYear{width:98px !important;}
span.RelativeAlumni{width:10px !important;}

#AddMcDSibling,#AddSibling,#AddRelative{
	display:inline-block;
	margin-bottom:15px;
}

textarea.essay {
	min-height: 300px;
}

@media (max-width: 1024px){
	.page-header .top-header.sys-header.dark {
		min-height: 64px;
		height: auto;
	}
	.event-list {
		margin: 0 !important;
	}

}

@media (min-width: 800px){
	.app-forms.site-forms fieldset li>*{
		display: table-cell;
	}

	.app-forms.site-forms fieldset li>label:not(.masked){
		width: 225px !important;
	}
	
	.dashboard-left {
		width: 69% !important;
		min-width: 69% !important;
	}

	.dashboard-right {
		width: 29% !important;
		min-width: 29% !important;
	}
}

@media (min-width: 320px){
	app-forms .ui-box-shadow {
		margin-right:  0px;
	}

}