/*----------------------------------------------------------*/
/*#blueBar {
background-color: #808080;
height: 2px;
left: 0px;
position: absolute;
width: 100%;
}
 
div {
display: block;
}*/
.x-body {
	background-color: #E0E0E0 !important;
	/*border-style: solid none none none !important;*/
	border-width: 1px !important;
	border-color: #808080 !important;
	/*color: #808080 !important; */
}

.myheader {
	background-color: white !important;
}

#app-header {
	color: #333;
	background-image: url(../Content/logo.png);
	background-repeat: no-repeat;
	height: 45px;
	font-size: 22px;
	font-family: tahoma,arial,verdana,sans-serif;
	padding: 10px 50px;
	float: left;
	width: 50%;
	font-weight: 300;
}

.topbar {
	font-size: large; /*color: #666 !important;*/
	color: red;
	background-color: #FFFFFF;
}

#user-header {
	/*background-color: #E0E0E0;*/
	text-align: right;
	font-size: small;
	color: #666; /*line-height: 45px; */
	padding: 10px 10px 0px 0px;
	/*float: right;
	width: 50%;
	vertical-align: text-bottom;*/
}

.left1 {
	position: absolute;
	background: url('wels.ico') 0 0 no-repeat;
	background-position: left;
	left: 10px;
	top: 5px;
}

.header1 {
	padding: 5px;
	width: 100%;
	float: left;
	color: #222222;
	background: #F2F2F2;
	font-weight: bold;
}


.link-header {
	cursor: pointer;
	/*display: block;*/
	color: #666;
	text-decoration: none !important;
}
/*#image-header
{
	float:left;
	padding: 2px;
}*/
#app-footer {
	color: #808080;
	float: right;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: small;
}

/*body {
	color: #808080;
	/*display: none; !1!
}*/

header,
footer,
nav,
section {
	display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

/*fieldset 
{
	border:1px solid #ddd;
	padding:0 1.4em 1.4em 1.4em;
	margin:0 0 1.5em 0;
}

legend 
{
	font-size:1.2em;
	font-weight: bold;
}

textarea 
{
	min-height: 75px;
}

.editor-label 
{
	margin: 1em 0 0 0;
}

.editor-field 
{
	margin:0.5em 0 0 0;
}*/


/* Styles for validation helpers
-----------------------------------------------------------*/
/*.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}*/

/* Control mods */
/*.x-border-box, .x-tab-bar-top, .x-tab-bar-body-default-plain{
height : 10px;
}*/

.bg-yellow > td {
	background: #fffec7 !important;
}

.bg-lightgreen > td {
	/*background: #66FF66 !important; */
	background: #CCFF99 !important;
}

.font-grey > td {
	color: #808080 !important;
}

.x-grid-row .grey-column { 
	color: #808080;
}

.search-item1 {
	/*padding: 5px 10px;*/
	white-space: normal;
	color: #555;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

.search-item2 {
	display: block;
	font: inherit;
	font-weight: bold;
	color: #222;
}

.search-item3 {
	float: right;
	font-weight: normal;
	/*margin:0 0 5px 5px;*/
	/*width: 100px;*/
	clear: none;
}

#loading-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
	background-color: white;
}

#loading {
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 2px;
	z-index: 20001;
	height: auto;
	margin: -35px 0 0 -30px;
}

#loading .loading-indicator {
	background: url(../Content/loading.gif) no-repeat;
	color: #555;
	font: bold 13px tahoma,arial,helvetica;
	padding: 0 0 0 20px;
	margin: 0;
	/*text-align: center;*/
	height: auto;
}

.padding-img {
	width: 6px;
	height: 0px;
}

img.imgcenter {
	vertical-align: middle;
}

.feed-list {
	padding: 0 2px 0 2px;
}

.feed-list-item {
	margin-top: 3px;
	padding-left: 2px;
	font-size: 11px;
	line-height: 20px;
	cursor: pointer;
	border: 1px solid #fff;
}

.list-separator {
	background-image: url(../Content/line.gif);
	background-repeat: no-repeat;
	height: 5px;
}

.feed-list-item-hover {
	background-color: #eee;
}

.feed-list-item-hover span {
	background-color: #FFFFFF;
}

.feed-list-item hr {
	border: 1px dotted #C0C0C0;
	line-height: 5px;
	cursor: default; 
	position:relative;
	left:-10px;
	width: 80%; 
	background-color: #FFFFFF;
	padding-right: 20px;
}

.feed-list-item span {
	width: 100%;
	background-position: center center;
	display: block;
	line-height: 5px;
	cursor: default;
	background-color: #FFFFFF;
}

.feed-list-item1 {
	width: 100%;
	line-height: 20px;
	cursor: default; 
	background-color: #FFFFFF;
}

.alt-background {
	background-color: #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.mylistitem {    
	white-space: normal;
	color: grey;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

.mylistitem h3 {
	display: block;
	font: inherit;
	font-weight: normal;
	color: black;
}

.search-item span {
	display: block;
	color: black;
	margin: 0;
	padding: 0;
}

.search-item {
	padding: 1px 1px;
	white-space: normal;
	color: #808080;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

.text1 {
	color: navy;
	background-image: none;
}
/*.custom-accordion .x-panel-body{
	background:#ffe;
	text-align:center;
}
.custom-accordion .x-panel-body p {
	font-family:georgia,serif;
	padding:20px 80px !important;
	font-size:18px;
	color:#15428B;
}*/
.custom-accordion .x-panel-header-text {
	font-weight: bold;
}

.zero_num {
	background-image: url('icons/0.png');
	height: 16px;
	width: 16px;
	margin-left: 5px;
	margin-right: 5px;
}

.one_num {
	background-image: url('icons/1.png');
	height: 16px;
	width: 16px;
	margin-right: 5px;
}

.two_num {
	background-image: url('icons/2.png');
	height: 16px;
	width: 16px;
	margin-right: 5px;
}

.three_num {
	background-image: url('icons/3.png');
	height: 16px;
	width: 16px;
}

.level-NY {
	background-image: url('icons/level-NY.png');
	margin-left: 5px;
	margin-right: 5px;
}

.x-action-col-cell img.level-NY {
	width: 28px;
}

.level-B {
	background-image: url('icons/level-B.png');
	margin-right: 5px;
}

.level-S {
	background-image: url('icons/level-S.png');
	margin-right: 5px;
}

.level-U {
	background-image: url('icons/level-U.png');
	margin-right: 5px;
}

.level-C {
	background-image: url('icons/level-C.png');
	margin-right: 5px;
}

.level-R {
	background-image: url('icons/level-R.png');
	margin-right: 5px;
}

.level-A {
	background-image: url('icons/level-A.png');
	margin-right: 5px;
}

.x-grid-cell.assessment-red {
	background-color: #ffe2e2 !important;
	color: red;
}

.x-grid-cell.assessment-orange {
	background-color: #ffd2b3 !important;
	color: #666633;
}

.x-grid-cell.assessment-yellow {
	background-color: #FFFFCC !important;
	color: #666633;
}

.x-grid-cell.assessment-lightgreen {
	background-color: #e2ffe2 !important;
	color: green;
}

.x-grid-cell.assessment-darkgreen {
	background-color: #99FF99 !important;
	color: #006666;
}

.red_col {
	background-color: #ffe2e2 !important;
	color: red;
	display: inline-block;
	width: 20px;
	text-align: center;
}

.orange_col {
	background-color: #ffd2b3 !important;
	color: #666633;
	display: inline-block;
	width: 20px;
	text-align: center;
}

.yellow_col {
	background-color: #FFFFCC !important;
	color: #666633;
	display: inline-block;
	width: 20px;
	text-align: center;
}

.lightgreen_col {
	background-color: #e2ffe2 !important;
	color: green;
	display: inline-block;
	width: 20px;
	text-align: center;
}

.darkgreen_col {
	background-color: #99FF99 !important;
	color: #006666;
	display: inline-block;
	width: 20px;
	text-align: center;
}

.left_col {
	background-color: lightgray !important;    
	color: #808080;
	display: inline-block;
	width: 20px;
	text-align: center;
}

.grey_white {
	background-color: white !important;
	color: #808080;
	display: inline-block;
	width: 20px;
	text-align: center;
}

.sl-column {
	background-color: #FFFFCC !important;
}

.r-column {
	background-color: #FFB0C4 !important;
}

.w-column {
	background-color: #99CCFF !important;
}

.arrow_left {
	background-position: left;
	background-image: url(../Content/icons/arrow_left.png) !important;
	background-repeat: no-repeat;
}

.invalid_field {
	background-color: white;
	background-image: url(invalid_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#settingsWrapper {
	padding-left: 4px;
}

#settings {
	padding: 2px;
}

#settings ul li {
	display: inline;
	font-size: small;
	color: #666;
	margin-right: 8px;
	line-height: 24px;
	padding: 2px;
	padding-left: 10px;
}

.grey {
	color: #808080
}

.lightgrey {
	color: lightgrey
}
.incomplete {
	font-style: italic !important;
   /* color: #808080 !important;*/
	background-color: bisque !important;
}

.warning {
	color: red
}

.red_font > td { color:#FF6666; }
.invalid_row1 > td { background-color: #99ccff !important}
.invalid_row2 > td {
	color: #FF6666 !important;
	font-style: italic !important;
}

.no_init_assessment
.no_init_assessment > td {
	/*color: #FF6666 !important*/
	font-style: italic
}

.padding-img{padding-left: 12px;}

.exiting {
	background-color: #fcb7b6 !important;
}

.staying {
	background-color: #DFFBBC!important;
}

.leftSchool,
.leftSchool > td {
	color: grey !important;
}

.inReview {
	background-color: #fbe39d !important;
}

.futureStudent {

}

.refugeeVisa {
	color: #FF00FF;
	background-color: white;
}

.internationalVisa {
	color: #0000CD;
	background-color: white;
}

.otherVisa {
	color: black;
	background-color: white;
}


.exitGridRow, .transitionGridRow {
	height: 22px;
}

.coordinatorsGridRow {
	height: 23px;
}

.schoolOverridesGridRow {
	height: 23px;
}

.exitGridRow .x-grid-cell, transitionGridRow .x-grid-cell, .coordinatorsGridRow .x-grid-cell, .schoolOverridesGridRow .x-grid.add-cell {
	vertical-align: middle;
}

.coordinatorsGridRow .readonlyColumn, .schoolOverridesGridRow .readonlyColumn {
	background-color: #F5F5F5;
}

	.schoolOverridesGridRow .overriddenSchool {
		color: royalblue;
	}

.isOutreachStudentOutstanding,
.isOutreachStudentOutstanding > td {
	background-color: #f2e1e1 !important; /*#f5dada*/
}

.isEnrolmentStudentOutstanding,
.isEnrolmentStudentOutstanding > td {
	background-color: #f2e1e1 !important; /*#f5dada*/
}

.closedEnrolmentStudent,
.closedEnrolmentStudent > td {
	color: grey !important;
}

.enrolmentSiblingSelectionGrey,
.enrolmentSiblingSelectionGrey > td {
	color: grey !important;
}

.enrolment-family-size {
	font-family: Arial Black;
	font-size: 12px;
	/*font-weight: 900;*/
	/*color: #81D4FA;*/
	color: #90A4AE;
	/*color: #B0BEC5;*/
}
/* KF: This class is not used anymore but I'll keep it in case the requirements change */
.dirtyAttendance,
.dirtyAttendance > td {
	color: #195390 !important;
}

.absenceCode111 {
	background-image: url('icons/111.png');
	height: 16px;
	width: 34px !important;
	margin-left: 5px;
	margin-right: 5px;
}

.absenceCode112 {
	background-image: url('icons/112.png');
	height: 16px;
	width: 34px !important;
	margin-left: 5px;
	margin-right: 5px;
}

.absenceCode200 {
	background-image: url('icons/200.png');
	height: 16px;
	width: 34px !important;
	margin-left: 5px;
	margin-right: 5px;
}

.attendanceUnmarked {
	background-color: #FCB7B6 !important;
}
.attendanceUnmarked:hover {
	border-width: 1px;
	border-color: transparent;
}
.attendanceUnmarkedDisabled {
	background-color: #F6EBEB !important;
	color: lightgrey;
}
.attendanceUnmarkedExpected {
	background-size: 44px 22px;
	background-repeat: repeat-x;
	background-image: linear-gradient(315deg, #FCB7B6 0%, #FBF290 33%, #FCB7B6 66%, #FBF290 100%);
}
.attendanceUnmarkedExpected:hover {
	/*border-width: 1px;
	border-color: transparent;*/
	padding-top: 1px;
	padding-left: 1px;
}
.attendanceUnmarkedExpectedDisabled {
	background-size: 44px 21px;
	background-repeat: repeat-x;
	background-image: linear-gradient(315deg, #F6EBEB 0%, #F9F6CE 33%, #F6EBEB 66%, #F9F6CE 100%);
	color: lightgrey;
}
.attendanceUnexplained {
	background-color: #FFCC95 !important;
}
.attendanceUnexplained:hover {
	border-width: 1px;
	border-color: transparent;
}
.attendanceUnexplainedDisabled {
	background-color: #FDE9D4 !important;
	color: lightgrey;
}
.attendanceExplained {
	background-color: #FBF290 !important; 
}
.attendanceExplained:hover {
	border-width: 1px;
	border-color: transparent;
}
.attendanceExplainedDisabled {
	background-color: #F9F6CE !important;
	color: lightgrey;
}
.attendancePresent {
	background-color: #DFFBBC !important;
}
.attendancePresent:hover {
	border-width: 1px;
	border-color: transparent;
}
.attendancePresentDisabled {
	background-color: #F0FFDE !important;
	color: lightgrey;
}

.hideAttendanceCell {
	display: none;
}
.primaryAttendanceCell > div {
	width: 50px;
}

.report-menu-title {
	padding: 8px 5px 0px 10px !important;
	font: bold 11px tahoma,arial,verdana,sans-serif;
}

.tip {
	display: inline-block;
	width: 40px;
	text-align: center;
	margin: 1px
}
.attendanceTip {
	display: inline-block;
	width: 50px;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 1px;
	margin: 1px
}

.grid_icon1 .x-grid-cell-inner{
	padding: 0;
}  

.grid_icon {
	float:right
}

.black_font {
	color: black
}

.white_bg {
	background-color: white;
}

.custom-grid .x-grid-row-over .x-grid-cell {
	background: transparent;
} 
 
.custom-grid .x-grid-row-selected .x-grid-cell {
	background: transparent;
}
/*#settings ul li a, #settings ul li a:link {
		text-decoration : none;
	}
	
	#settings ul li a:hover {
		text-decoration : underl
	/****** Custom ********/
.float-right {
	float: right
}

.float-left {
	float: left
}

.visibility-hidden {
	visibility: hidden;
}

.left-font {
	color: #666666;
	font-weight: bolder;
}

.image {
	height: 116px;
	width: 116px;
}

.card {
	width: 130px;
	height: 175px;
	margin: 2px 2px 2px 2px;
	display: inline-block;
}

.card-content {
	padding: 7px 7px 7px 7px;
}

.text-wrapper .x-form-display-field {
	word-break: break-all;
	word-wrap: break-word;
}

.red,
.red > td {
	background-color: #F9602E !important; /* EE4E3C */
}

.orange,
.orange > td {
	background-color: #F8C529 !important;
}

.green,
green > td {
	background-color: #86C450 !important;
}

.left,
.left > td {
	background-color: lightgrey !important;
}

.field-label {
	width: 85px;
	font-weight: bold !important;
}

.field-label-short {
	width: 60px;
	font-weight: bold !important;
}

.note-label {
	width: 80px;
	font-weight: bold !important;
}

.field-value {
	width: 150px;
}

.x-grid-rowbody-tr {
	background-color: white !important;
	font-size: x-large !important;
}

.note-textarea {
	width: 100%;
	max-width: 100%;
	resize: none;
	/*max-height:30%;*/
}
.note-span {
	display: inline-block;
	width: 85px;
	font-weight: bold !important;
}

.add-cell-btn {
	background: url(../Content/icons/add.png) no-repeat;
	background-position: center;
}

.simplelink {
	color: grey;
}
.simplelink:hover {	
	cursor: pointer;
	color: #666;
	text-decoration: underline;
}

kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}

.sibling-hover {
	background: rgba(116, 165, 237, 0.2);
}

.mathsClassStudentDefaultDate {
	color: darkgray;
}

/*
a.simplelink {
	color: grey;
	text-decoration: none;
}
a.simplelink:visited {
	cursor: pointer;
	color: grey;	
}

simplelink_hover {
	text-decoration: underline;
}
*/

.icon-table_save, .icon-empty {
	margin-left: 16px;
}

.readOnlyField input {
	background-image: none;
	border-width: 0;
}

.readOnlyField textarea {
	background-image: none;
	border-width: 0;
}

.flatButton.x-btn-default-small {
	border-width: 1px;
	border-color: transparent;
	background: none;
}

.flatButton.x-btn-default-small:hover {
	border-width: 1px;
	border-color: #d0d0d0;
}

.flatButton.x-btn-default-small.x-btn-default-small-disabled:hover {
	border-width: 1px;
	border-color: transparent;
	background: none;
}

.tooltipButton.x-btn-default-small {
	border-width: 0px;
	border-color: transparent;
	background: none;
	background-repeat: no-repeat;
}

.tooltipButton.x-btn-default-small:hover {
	border-width: 0px;
	border-color: transparent;
	background: none;
	background-repeat: no-repeat;
}

.enrolment-status-grid-cell {
	background-color: transparent !important;
}

.scrollsiblings .x-box-inner {
	overflow-x: auto;
}

.smt-card-photo-container {
	position: relative;
	top: 0;
	left: 0;
}

.smt-card-photo {
	position: relative;
	top: 0;
	left: 0;
}

.smt-card-medicalAlert {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #E2574C;
	font-size: 22px;
	font-weight: 800;
	background-color: rgba(235,235,235,0.8);
	border-radius: 12px;
	height: 24px;
	width: 24px;
}

.smt-card-medicalAlert-cross {
	background-image: url(../Content/icons/red_cross.png) !important;
	background-size: contain;
	margin: 4px;
	height: 16px;
	width: 16px;
}

	/*.enrolmentSiblingButton.x-btn-default-small {
	border-width: 1px;
	border-color: white;
	background: none;
}

	.enrolmentSiblingButton.x-btn-default-small:hover {
		border-width: 1px;
		border-color: #d0d0d0;*/
		/*background: none;*/
	/*}*/