@font-face {
	font-family: 'GE SS Two';
	/*src: url(../../../public/fonts/ar/GE_SS_TWO_LIGHT.OTF);*/
	src: url(../../../public/fonts/ar/GE_SS_TWO_BOLD.OTF);
}

/*================== MAIN LAYOUT ==========================*/
body {
	direction: rtl;
	margin: 2px 0px 0px 0px;
	text-align: right;
}

/* disable safari border hilight on textboxes and other elements */
*:focus {
	outline: 0 none !important;
}

.MainLayoutTable {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #AAAAAA
}

A:link {
	text-decoration: none;
	color: #3D46A1;
	font-size: 9pt;
}

A:visited {
	text-decoration: none;
	color: #3D46A1;
	font-size: 9pt;
}

A:active {
	text-decoration: none;
	color: #3D46A1;
	font-size: 9pt;
}

A:hover {
	text-decoration: underline;
	color: #3D46A1;
	font-size: 9pt;
}

/*================ New Workframe ==========================*/
.Clear {
	clear: both;
	height: 0px
}

.NormalFieldLabel {
	margin: 0 0 0 5px;
	font-family: Tahoma;
	color: #646400;
	font-size: 10pt;
}

.RequiredFieldLabel {
	margin: 0 0 0 5px;
	font-family: Tahoma;
	color: #5E940B;
	font-size: 10pt;
	font-weight: bold;
}

.InvalidFieldLabel {
	margin: 0 0 0 5px;
	font-family: Tahoma;
	color: #A32025;
	font-size: 10pt;
	font-weight: bold;
}

.NormalFieldTextBox {
	border: 1px solid #BFAC5D;
	width: 99%;
	border-radius: 3px
}

.RequiredFieldTextBox {
	border: 1px solid #9FCB40;
	width: 99%;
	border-radius: 3px
}

.InvalidFieldTextBox {
	border: 1px solid #E38085;
	width: 99%;
	border-radius: 3px
}

.NormalFieldSelect {
	padding: 2px 2px 2px 0;
	border: 1px solid #BFAC5D;
	width: 99%;
	border-radius: 3px
}

.RequiredFieldSelect {
	padding: 2px 2px 2px 0;
	border: 1px solid #9FCB40;
	width: 100%;
	border-radius: 3px
}

.InvalidFieldSelect {
	padding: 2px 2px 2px 0;
	border: 1px solid #E38085;
	width: 99%;
	border-radius: 3px
}

.NormalFieldCheckbox {
	border: 1px solid #BFAC5D;
}

.RequiredFieldCheckbox {
	border: 1px solid #9FCB40;
}

.InvalidFieldCheckbox {
	border: 1px solid #E38085;
}

.ActionsMenuBar {
	width: 100%;
	border: 0px solid #EEEEEE;
	border-collapse: collapse;
	height: 31px
}

.A {
	border-top: 1px solid #666666
}

.B {
	border-right: 1px solid #666666
}

.C {
	border-bottom: 1px solid #666666
}

.D {
	border-left: 1px solid #666666;
}

.E {
	font-weight: bold;
}

/*================ End of new Workframe ==========================*/

.MainHeaderColumn {
	height: 124px;
	border: 0px solid;
	padding: 0px;
}

.HeaderTable {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

.BannerColumn {
	height: 100px;
	border: 0px solid;
	padding: 0px;
}

.BannerTable {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	background-position: right;
	background-image: url('images/header.jpg');
	background-repeat: no-repeat
}

.MenuColumn {
	height: 30px;
	border: 0px solid;
	padding: 0px;
}
/*
.MenuEntryDiv {margin-left: 4px; font-family: Tahoma; color: #F8E67B; font-size:9pt; font-weight: bold;}
.MenuTable {width: 100%; height: 100%; border-collapse:collapse; background-image: url("images/mainmenubg.jpg");}
*/
.MenuColumns {
	border: 0px solid;
	padding: 0px;
}

.MainMiddleColumn {
	border: 0px solid;
	padding: 0px;
}

.MiddleTable {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.HeartColumn {
	height: 850px;
	border: 0px solid;
	background-color: #FFFFFF;
	padding: 0px;
}

.LeftSideBarToHeartSpacerColumn {
	width: 1px;
	border: 0px solid;
	background-color: #FFFFFF;
	padding: 0px;
}

.LeftSideBarColumn {
	width: 220px;
	height: 430px;
	border: 0px solid;
	background-color: #EEEEEE;
	padding: 0px;
}

.LeftSideBarTable {
	color: #cdd7dd;
	width: 100%;
	border-collapse: collapse;
}

.Footer {
	height: 88px;
	border: 0px solid;
	background-color: #4886ba;
	padding: 0px;
	background: url("images/footer_bg.jpg");
}
/*
.FooterTable {width: 100%; border-collapse:collapse;}
.FooterColumn {height: 100%; border: 0px solid; padding: 0px;}
*/

.FooterCellsDiv {
	font-family: Tahoma;
	color: #F2EED0;
	font-size: 8pt;
	text-align: center;
}

/********************** New Theme Design ******************************************/

/******** recently added Menu Items ********************/
.MenuItemButton {
	float: right;
	margin: 0px 10px 0 0;
	background-color: #3BB3E0;
	background-image: url("images/menu_button_bg.jpg");
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	font-family: 'GE SS Two', Tahoma;
	font-size: 11px;
	font-weight: bold;
	height: 26px;
	padding: 6px 8px 10px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}


.MenuItemIcon {
	float: right;
	margin: -6px -5px 0 5px;
	width: 24px;
	height: 24px;
}

.AdvancedButton {
	display: inline;
	background-color: #2B6EBF;
	background-image: -moz-linear-gradient(center bottom, #1261A4 0%, #1781D8 100%);
	border: 1px solid #186F8F;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 0 #7FD2F1 inset, 0 1px 0 #FFFFFF;
	color: #FFFFFF;
	font-family: 'GE SS Two', Tahoma;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
	position: relative;
	height: 12px;
	text-decoration: none;
	cursor: pointer;
}

.ActionsMenuBar {
	width: 100%;
	border: 0px solid #EEEEEE;
	border-collapse: collapse;
	height: 31px;
}
/*********** Menu Items ********************/

.FilterHeader {
	display: inline;
	margin: 3px 5px 0 0px;
	font-family: Tahoma;
	color: #325987;
	font-size: 10pt;
	font-weight: bold;
}

.SideBarTitle {
	height: 38px;
	background: url('images/sidebar_title_bg.jpg') #305890;
	padding: 0px;
	padding: 10px 10px 0 0;
	font-family: "GE SS Two",Tahoma;
	font-size: 10pt;
	color: #cdd7dd;
	font-weight: bold;
	border-bottom: 1px solid #AAAAAA;
	cursor: hand;
	cursor: pointer;
}

.SideBarTitleIcon {
	float: right;
}

.MenuTable {
	width: 100%;
	height: 38px;
	border-collapse: collapse;
	background-image: url("images/mainmenubg.jpg");
}

.SideBarEntry {
	margin: 15px 10px 15px 0;
	font-family: Tahoma;
	color: #466f88;
	font-size: 9pt;
	font-weight: bold;
	display: block;
}

.SideBarEntryIcon {
	margin-left: 6px;
	float: right;
	font-size: 1.2rem;
	color: #1C80D6
}

.SideBarIconText {
	float: right;
	margin-top: 2px;
	font-family: 'GE SS Two', Tahoma;
	font-size: 1.1em;
}

.MenuEntryDiv {
	margin-right: 4px;
	font-family: 'GE SS Two';
	color: #2992ed;
	font-size: 1.1em;
	font-weight: bold;
}

.DataGridContainer {
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	overflow: auto;
	border-bottom: 5px solid #DDDDDD;
	position: relative;
}

.DataGrid {
	width: 100%;
	border-collapse: collapse;
	background-color: #FFFFFF;
	text-align: center;
	table-layout: fixed;
}

	.DataGrid tbody tr:hover {
		background-color: #CFDCEA;
	}

	.DataGrid i {
		font-size: 0.95rem;
	}

.DataGridHeader {
	margin-right: 1px;
	font-family: Cairo, Tahoma;
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	padding: 6px 6px 6px 0;
}

.InternalPageTitleDiv {
	margin-right: 10px;
	font-family: Cairo, Tahoma;
	color: #3f96cc;
	font-size: 0.9em;
	font-weight: bold;
}

.AligningDiv {
	text-align: center
}

.CollapsedHeaderDiv {
	margin: 10px 5px 0 5px;
	background-color: #cfdcea;
	height: 25px;
	text-align: right;
	cursor: pointer;
}

.CollapsedDiv {
	margin: 0px 5px 0px 5px;
	background-color: #eaf1f7;
	text-align: right;
	padding: 5px 0 5px 0;
}

.ThumbnailImage {
	border: 1px solid #BFAC5D;
}

.NormalImageButton {
	border: 1px solid #DDDDDD;
	margin: -2px 4px 0 4px;
	float: left;
	cursor: pointer;
	cursor: hand;
}

.PressedImageButton {
	margin: -2px 4px 0 2px;
	float: left;
	cursor: pointer;
	cursor: hand;
	border-top: solid 2px #777;
	border-left: solid 2px #777;
	border-bottom: solid 2px #eaeaea;
	border-right: solid 2px #eaeaea;
}
/*==================== INTERNAL CONTENT  =======================*/
.InternalUpperMenuTable {
	width: 100%;
	border-collapse: collapse;
	height: 31px;
}

.UpperMenuImage {
	border: solid 1 #bfc8db
}

.UpperListLabelDiv {
	margin-right: 10px;
	margin-top: 5px;
	font-family: Tahoma;
	color: #8C95A8;
	font-size: 10pt;
}

.TableHeaderCells {
	height: 25px;
	text-align: right;
	border-left: 1px solid #FFFFFF;
	background-color: #3579C2;
	padding: 0px;
	/*background: url("images/data_grid-header_bg.jpg") repeat-x #a2b1da;*/
}

.TableDataCells {
	height: 30px;
	text-align: right;
	border-bottom: 1px solid #DDE2EA;
	padding: 0px;
}

.TableDataCellsDiv {
	margin-right: 5px;
	font-family: Tahoma;
	color: #3F3F3F;
	font-size: 10pt;
}

table tbody .TableDataCellsDiv a {
	display: inline-block;
	color: #3d46a1;
	font-size: 10pt;
	text-decoration: none;
	margin: 2px 0;
}

.IconedEntry {
	display: inline-block;
	padding: 1px 4px 0 0;
	vertical-align: top;
}

.IconedFlatButton {
	display: inline-block;
	font-size: 10pt;
	font-weight: bold;
	color: #2865a8;
	padding: 8px;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	margin-right: 20px;
}

.EntryIcon {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 2px 0;
}

.ItemsOddRow {
	background-color: #F5F5F5;
}

.DataGrid tbody tr:nth-child(even) {
	background-color: #F5F5F5;
}

.InternalLowerMenuTable {
	width: 100%;
	border-collapse: collapse;
	height: 35px;
}

.LowerMenuButtonsColumns {
	vertical-align: middle;
	padding: 0px
}

.SearchTable {
	width: 100%;
	border-collapse: collapse;
}

.SearchTableCells {
	height: 23px;
	text-align: right;
	border: 0px;
	padding: 0px;
}

.SearchTableCellsDiv {
	margin-right: 5px;
	font-family: Tahoma;
	color: #545400;
	font-size: 9pt;
}

.TextBoxes {
	border: 1px solid #3280C2;
	padding-right: 3px;
	height: 30px;
	color: #444444;
	font-family: Tahoma;
	font-size: 13px;
	border-radius: 2px;
	text-align: right;
}

	.TextBoxes:focus {
		border-bottom: 2px solid #4388eb;
	}

	.TableHeaderCheckbox {
	margin: 0 3px 5px 3px;
}

.FieldLabelsDiv {
	margin: 4px 0 0 15px;
	font-family: Tahoma;
	color: #044177;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	float: left;
}

.LowerButton {
	text-align: right;
	height: 27px;
	border-style: none;
	font-family: Tahoma;
	color: #fcfcfc;
	font-size: 9pt;
	font-weight: bold;
	padding-bottom: 4px;
	background-image: url('images/plainbg.jpg');
	border-radius: 2px;
	border: 1px solid #255bc0;
	cursor: pointer;
	text-align: center;
}

.NonEditableNumberFieldDiv {
	margin-right: 5px;
	font-family: Tahoma;
	color: #646400;
	font-size: 10pt
}

/***************************** Pagination **********************************/
.Pagination {
	direction: ltr;
	font-family: Tahoma;
	font-size: 11px;
	padding: 20px 3px 20px 3px;
	margin: 0 3px 0 30px;
	border-bottom: 2px solid #DDDDDD;
}

	.Pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px 5px;
		border: 1px solid #AAAADD;
		text-decoration: none;
		color: #000099;
	}

		.Pagination a:hover, .Pagination a:active {
			border: 1px solid #000099;
			color: #3F6CAD;
		}

	.Pagination .Current {
		padding: 2px 5px 2px 5px;
		margin: 2px 3px;
		border: 1px solid #000099;
		font-weight: bold;
		/*background-color: #3F6CAD;*/
		background: url("images/pagination_number_bg.jpg") repeat-x;
		color: #FFFFFF;
	}

	.Pagination .Disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px 3px;
		border: 1px solid #EEEEEE;
		color: #AAAAAA;
	}

/*********************  New CSS Update ********************************/

#FieldsTable td {
	height: 45px;
	vertical-align: top;
}

.GridSmallTextBox {
	width: 45px;
	height: 17px;
	margin: 4px 4px;
	border: 1px solid #3280c2;
	border-radius: 2px;
	color: #444444;
	font-family: Tahoma;
	font-size: 11px;
	padding: 0 2px;
}

.NoToolbar {
	width: 25px;
	height: 15px;
	position: relative;
	margin: 4px 5px;
	outline: none;
	background: url("images/editor-toolbar-modes-bg.jpg") no-repeat;
	cursor: pointer;
	cursor: hand;
	opacity: 0.5;
}

.BasicToolbar {
	width: 25px;
	height: 15px;
	display: block;
	position: relative;
	margin: 4px 5px;
	outline: none;
	background: url("images/editor-toolbar-modes-bg.jpg") no-repeat 0 -15px;
	cursor: pointer;
	cursor: hand;
	opacity: 0.5;
}

.AdvancedToolbar {
	width: 25px;
	height: 15px;
	position: relative;
	float: right;
	margin: 2px 5px;
	outline: none;
	background: url("images/editor-toolbar-modes-bg.jpg") no-repeat 0 -31px;
	cursor: pointer;
	cursor: hand;
	opacity: 0.5;
}

.FilterFieldValueLink:LINK, .FilterFieldValueLink:VISITED {
	color: #006000;
	width: 75%;
	height: 17px;
	padding: 3px;
	display: block;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 10pt;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	float: right;
}

.FilterFieldValueLink:HOVER {
	text-decoration: underline;
}

.FilterFieldClearButton {
	width: 23px;
	height: 23px;
	margin-right: 6px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	display: block;
	float: right;
	background: url("images/delete.gif") no-repeat 4px 3px;
	cursor: pointer;
}

.FilterFieldValueContent {
	color: #044177;
	width: 260px;
	height: 28px;
	padding: 4px 8px 5px 3px;
	display: block;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 10pt;
	float: right;
	border: 1px solid #3280C2;
	background: #e3e3e3;
}

.DropDownListBoxes {
	height: 30px;
	border: 1px solid #3280C2;
	padding: 2px;
	font-size: .8rem;
	color: #444444;
	font-family: Tahoma;
	width: 100%;
}

#FilterContainer .DropDownListBoxes {
	border: 1px solid #3280C2;
	padding: 2px;
	font-size: 12px;
	color: #444444;
	font-family: Tahoma;
	height: 28px;
}

#FilterContainer .DropDownMultiListBoxes {
	border: 1px solid #3280C2;
	padding: 2px;
	font-size: 12px;
	color: #444444;
	font-family: Tahoma;
	min-height: 130px;
	max-height: 200px;
}

.SalectCheckboxes {
	border: 1px solid #3280C2;
	padding: 3px;
	font-size: 12px;
	color: #444444;
	font-family: Tahoma;
	min-height: 130px;
	max-height: 200px;
}

#PlusMinusIcon {
	float: right;
	margin: 4px 5px 0px 0px;
}

.FieldValueContent {
	margin-top: 4px;
	font-family: Tahoma;
	color: #044177;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
}

.BoxedFieldValueContent {
	font-family: Tahoma;
	color: #044177;
	border: 1px solid #CCCCCC;
	padding: 3px 5px 2px 0;
	height: 29px;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
	width: 260px;
	background: #F8F8F8;
	display: inline-block;
}

.BoxedFieldValueAdjacentText {
	font-family: Tahoma;
	color: #044177;
	border: 1px solid #CCCCCC;
	padding: 5px;
	height: 32px;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	background: #F8F8F8;
}

.FieldValueAdjacentInput {
	height: 32px;
	padding: 0.25rem 0.35rem;
	background-color: #fff;
	background-clip: padding-box;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border: 1px solid #3280C2;
	border-radius: 2px;
	font-family: Tahoma;
	font-size: 0.8rem;
	color: #444444;
}

.FieldValueSuffixWarningText {
	/* margin: 4px 0 0 15px; */
	font-family: Tahoma;
	color: #BB0000;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	display: inline-block;
	/* float: right; */
}

.FieldValueSuffixWarningIcon {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.SpacedElement {
	margin-right: 10px;
}

.FiledVlueCheckbox {
	/*float: right;*/
	border: 1px solid #587ebe;
	display: inline-block;
	margin-top: 10px;
}

.RadioButton {
	color: #044177;
	/* float: right; */
	margin-top: 10px;
	margin-bottom: 2px;
}

.FieldValueRadioLabel {
	color: #044177;
	/* float: right; */
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	margin-top: 4px;
	margin-bottom: 5px;
}

.FieldValueElementContainer {
	margin: 0;
	float: right;
}

.FieldErrorValueContent {
	margin: 4px 0 0 15px;
	font-family: Tahoma;
	color: #ff0000;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
}

.MenuDrawerContainer {
	display: none;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #EBE5B3;
	background-image: url('images/tablebg.jpg');
	background-repeat: repeat-x;
}

.CollapsibleElementsContainer {
	float: right;
	margin: 20px 40px 0 0px;
	padding: 5px;
}

.TableVerticalFirstHeaderCells {
	height: 250px;
	border: 1px solid #FFFFFF;
	background-color: #3579C2;
	padding: 0px;
	/*background: url("images/data_grid-header_bg.jpg") repeat-x #a2b1da;*/
	text-align: center;
	vertical-align: top;
	overflow: hidden;
}

.VerticalAdditionalHeaderCellsH30 {
	height: 30px;
	border: 1px solid #FFFFFF;
	background-color: #3579C2;
	padding: 0px;
	/*background: url("images/data_grid-header_bg.jpg") repeat-x #a2b1da;*/
	text-align: center;
	vertical-align: top;
}

.VerticalAdditionalHeaderCellsH90 {
	height: 90px;
	border: 1px solid #FFFFFF;
	background-color: #3579C2;
	padding: 0px;
	/*background: url("images/data_grid-header_bg.jpg") repeat-x #a2b1da;*/
	text-align: center;
	vertical-align: top;
}

.VerticalAdditionalHeaderCellsH110 {
	height: 110px;
	border: 1px solid #FFFFFF;
	background-color: #3579C2;
	padding: 0px;
	/*background: url("images/data_grid-header_bg.jpg") repeat-x #a2b1da;*/
	text-align: center;
	vertical-align: top;
}

.MarksChkStudentHeader110 {
	margin-top: 84px;
}

.VerticalHeaderDataGrid {
	width: 100%;
	border-collapse: collapse;
	background-color: #DDDDDD;
	text-align: center;
}

.VerticalDataGridHeaderFirstColumn {
	white-space: nowrap;
	margin-right: 3px;
	margin-left: 3px;
	font-family: Tahoma, Verdana;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	padding: 6px 6px 6px 0px;
	text-align: right;
}

.DataGridVerticalHeader {
	-ms-transform: rotate(270deg); /* IE 9 */
	-moz-transform: rotate(270deg); /* Firefox */
	-webkit-transform: rotate(270deg); /* Safari and Chrome */
	-o-transform: rotate(270deg); /* Opera */
	transform: rotate(270deg);
	/*filter: none;*/ /*Mandatory for IE9 to show the vertical text correctly*/
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* 0: not rotated (Default), 1: 90 degrees, 2: 180 degrees, 3: 270 degrees */
	position: relative;
	white-space: nowrap;
	display: block;
	/* bottom: 0px; */
	/* right:0px; */
	/* height: 30px; */
	/* width: 300px; */
	/* margin-right: 3px;
	margin-left: 3px; */
	margin: 5px 3px 0 3px;
	font-family: Tahoma, Verdana;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	/*background: #a2b1da url('images/data_grid-header_bg.jpg');*/
	padding: 6px 6px 6px 6px;
	background-color: #3579C2;
	/*overflow: hidden;*/
	line-height: 15px;
	height: 15px;
	width: 15px;
	/* float: right; */
}

.VerticalTableDataCells {
	height: 35px;
	text-align: right;
	border-bottom: 1px solid #CFD8EA;
	border-left: 1px solid #DDDDDD;
	padding: 0px;
	filter: none;
}

.AccessWarningMessage {
	margin: 50px;
	font-family: Tahoma;
	color: #044177;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
}

.FieldErrorValueContent {
	margin: 4px 0 0 15px;
	font-family: Tahoma;
	color: #ff0000;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
}

.MenuDrawerContainer {
	display: none;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #EBE5B3;
	background-image: url('images/tablebg.jpg');
	background-repeat: repeat-x;
}

.CollapsibleElementsContainer {
	float: right;
	margin: 20px 40px 0 0px;
	padding: 5px;
}

.PersonPhoto {
	border: 1px #666666 solid;
	width: 180px;
	/* height: 200px; */
	cursor: pointer;
}

.ListingEntryWithPhoto {
	float: right;
	margin-top: 13px !important;
}

.ListingStudentPhoto {
	float: right;
	margin-top: -10px;
	border-radius: 50%;
	border: 1px solid #AAAAAA;
	width: 50px;
	height: 50px;
	background-size: cover;
}

A.FieldValueLink {
	height: 22px;
	width: 260px;
	border: 1px solid #CCCCCC;
	display: inline-block;
	font-size: 13px;
	font-family: Tahoma;
	color: green;
	padding: 6px 6px 0px 0;
	text-decoration: none;
}

	A.FieldValueLink:HOVER {
		height: 22px;
		width: 260px;
		border: 1px solid #CCCCCC;
		display: inline-block;
		font-size: 13px;
		font-family: Tahoma;
		color: green;
		padding: 6px 6px 0px 0;
		text-decoration: underline;
	}

A.FilterFieldValueLink {
	height: 22px;
	width: 260px;
	border: 1px solid #CCCCCC;
	display: inline-block;
	font-size: 13px;
	font-family: Tahoma;
	color: green;
	padding: 3px 5px 2px 0;
	text-decoration: none;
}

	A.FilterFieldValueLink:HOVER {
		height: 22px;
		width: 260px;
		border: 1px solid #CCCCCC;
		display: inline-block;
		font-size: 13px;
		font-family: Tahoma;
		color: green;
		padding: 3px 5px 2px 0;
		text-decoration: underline;
	}

.DocumentImagesGalleryContainer {
	text-align: right;
	margin: 0 auto;
	width: 99%;
	border: 2px solid #DDDDDD;
	margin-bottom: 20px;
}

	.DocumentImagesGalleryContainer ul {
		list-style: none;
		margin: 6px
	}

		.DocumentImagesGalleryContainer ul img {
			height: 160px;
			width: 120px;
			border: 1px solid #CCCCCC
		}

		.DocumentImagesGalleryContainer ul li {
			margin: 0;
			height: 192px;
			width: 138px;
			display: inline-block;
		}

.DocumentResourceTitle {
	font-family: Tahoma;
	font-size: 12px;
	/* position: absolute; */
	cursor: default;
}

/************* Notification *************/
.Notification_Successfull {
	margin: 0px 6px 15px 6px;
	padding: 6px 10px 10px 10px;
	background: #D3F2D7;
}

.Notification_Failed {
	margin: 15px 10%;
	padding: 10px;
	background: #EEEEEE;
}


/***************** Photo delete buttons **************************/
#ImgDeletePhoto {
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #CCCCCC;
}

.AccessDropDownListWarningMsg {
	margin: 0;
	font-family: Tahoma;
	color: #044177;
	font-size: 9pt;
	white-space: nowrap;
}

.InlineButton {
	background-color: #2B6EBF;
	border-radius: 4px;
	box-shadow: 0 1px 0 #7fd2f1 inset, 0 1px 0 #ffffff;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-family: "GE SS Two",Tahoma;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 10px;
	position: relative;
	text-decoration: none;
	vertical-align: top;
	margin: -1px 9px 0 9px;
}

.NormalRegisterResult, .NormalRegisterMark {
	border: 1px solid #3280c2;
}

.ChangedRegisterResult, .ChangedRegisterMark {
	border: 2px solid #008000;
}

.CommonRegisterResult, .CommonRegisterMark {
	width: 20px;
	height: 23px;
	border-radius: 2px;
	font-family: Tahoma;
	font-size: 13px;
	padding-right: 4px;
	padding-left: 1px;
	text-align: right;
	direction: ltr;
	color: #444444;
	margin-right: 4px;
}

.SourceCarryOverResult {
	color: red;
	background-color: #fdfb9d;
}

.DestinationCarryOverResult {
	color: #000000;
	background-color: #fee8da;
}

.SourceEligibleResult {
	color: #000000;
	background-color: #E2FFE2;
}

.DestinationEligibleResult {
	width: 20px;
	height: 20px;
	direction: ltr;
	padding-left: 1px;
	padding-top: 4px;
	padding-right: 3px;
	border: 1px solid #3280c2;
	border-radius: 2px;
	font-family: Tahoma;
	font-size: 13px;
	background-color: #45d23e;
	color: blue;
}

.NormalCalculatedMark {
	width: 21px;
	height: 20px;
	direction: ltr;
	padding-left: 1px;
	padding-top: 4px;
	padding-right: 4px;
	border: 1px solid #91ABC0;
	border-radius: 2px;
	font-family: Tahoma;
	font-size: 13px;
	background-color: #E9E7E7;
	color: blue;
	margin-right: 4px;
}

.LangAlign {
	text-align: right;
}

.LangDir {
	direction: rtl;
}

.LangFloat {
	float: right;
}


input[type="radio"]:disabled {
	float: right;
	margin: 8px 5px 0 5px;
}

/************************************ New Stacked Grid System *****************************************/
.Row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0.8rem;
}

.RowSpacer5 {
	width: 100%;
	height: 5px;
}

.RowSpacer10 {
	width: 100%;
	height: 10px;
}

.RowSpacer15 {
	width: 100%;
	height: 15px;
}

.RowSpacer20 {
	width: 100%;
	height: 20px;
}

.RowSpacer25 {
	width: 100%;
	height: 25px;
}

.RowSpacer50 {
	width: 100%;
	height: 50px;
}

.RowSpacer100 {
	width: 100%;
	height: 100px;
}

.ColFull {
	position: relative;
	width: calc(100% - 40px);
	min-height: 1px;
	margin-right: 20px;
	margin-left: 20px;
}

	.ColFull.--no-margin-right {
		margin-right: 0;
		width: 100%;
	}

	.ColFull.--no-margin-left {
		margin-left: 0;
		width: 100%;
	}

.ColHalf {
	position: relative;
	width: calc((100% - 80px) / 2);
	min-height: 1px;
	margin-right: 20px;
	margin-left: 20px;
}

.ColQuarter {
	position: relative;
	width: calc((100% - 160px) / 4);
	min-height: 1px;
	margin-right: 20px;
	margin-left: 20px;
}

.FieldErrorMessage {
	display: inline-block;
	margin: 3px 0 0 0;
	font-size: 0.8rem;
	white-space: nowrap;
	font-family: Tahoma;
	color: red;
	display: none;
}

.--hide {
	display: none !important;
}

.--show {
	display: inherit !important;
}

	.--show.--inline {
		display: inline-block !important;
	}

	.--show.--block {
		display: inline-block !important;
	}

	.--show.--inline-block {
		display: inline-block !important;
	}

.--upperline {
	border-top: 1px solid #DDDDDD;
}

.FieldSelect {
	display: block;
	width: calc(100% - 0.7rem + 10px);
	padding: 0.25rem 0.35rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border: 1px solid #3280C2;
	color: #444444;
	font-family: Tahoma;
	font-size: 13px;
	border-radius: 2px;
}

.BorderedCellsFlatGrid {
	table-layout: fixed;
	width: calc(100% - 40px);
	border-collapse: collapse;
	margin: 20px auto;
	border: 1px solid #cccccc;
}

	.BorderedCellsFlatGrid td {
		padding-right: 8px;
		border: 1px solid #cccccc;
	}






/*******************************  Bootstarp Customization ***********************************/

.ModalHeader {
	height: 50px;
	background-color: #eeeeee;
}

.btn-silver {
	background-color: silver
}

.modal-header {
	cursor: move;
}

/*******************************  End of Bootstarp Customization ***********************************/
/********************* New implementation of the style.css *********************************/
.MenuButton {
	/*background-image: url("images/menu_button_bg.jpg");*/
	border-radius: 0;
	color: #FFFFFF;
	font-family: 'GE SS Two', Tahoma;
	font-size: 11px;
	height: 32px;
	padding: 5px 9px;
	position: relative;
	min-width: 4.5rem;
}

	.MenuButton:hover {
		color: yellow;
	}

.BlueGradient {
	background: linear-gradient(180deg,#0D65CA,#0E366A) !important;
}

.MenuButtonsColumns {
	border-left-width: 1px;
	height: 39px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom: 1px solid #ACB5C8;
	vertical-align: middle;
	padding: 0 0 0 8px;
	text-align: left;
}

.MenuTitleColumn {
	border-left-width: 1px;
	height: 39px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom: 1px solid #ACB5C8;
	vertical-align: middle;
}

/*************** New Spectrum Grid System ****************/
.Row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0.8rem;
}

.RowSpacer5 {
	width: 100%;
	height: 5px;
}

.RowSpacer10 {
	width: 100%;
	height: 10px;
}

.RowSpacer15 {
	width: 100%;
	height: 15px;
}

.RowSpacer20 {
	width: 100%;
	height: 20px;
}

.RowSpacer25 {
	width: 100%;
	height: 25px;
}

.RowSpacer50 {
	width: 100%;
	height: 50px;
}

.RowSpacer100 {
	width: 100%;
	height: 100px;
}

.ColFull {
	position: relative;
	width: calc(100% - 40px);
	min-height: 1px;
	margin-right: 20px;
	margin-left: 20px;
}

	.ColFull.--no-margin-right {
		margin-right: 0;
		width: 100%;
	}

	.ColFull.--no-margin-left {
		margin-left: 0;
		width: 100%;
	}

.ColHalf {
	position: relative;
	width: calc((100% - 80px) / 2);
	min-height: 1px;
	margin-right: 20px;
	margin-left: 20px;
}

.ColQuarter {
	position: relative;
	width: calc((100% - 160px) / 4);
	min-height: 1px;
	margin-right: 20px;
	margin-left: 20px;
}

.FieldLabel {
	display: inline-block;
	margin: 4px 0 5px 0;
	font-family: Tahoma;
	color: #005588;
	font-size: 0.8rem;
	font-weight: bold;
	white-space: nowrap;
}

.FieldErrorMessage {
	display: inline-block;
	margin: 3px 0 0 0;
	font-size: 0.8rem;
	white-space: nowrap;
	font-family: Tahoma;
	color: red;
	display: none;
}

.FieldExplanationMessage {
	display: inline-block;
	margin: 3px 0 0 0;
	font-size: 0.8rem;
	white-space: nowrap;
	font-family: Tahoma;
	color: #AAAAAA;
}

.--hide {
	display: none !important;
}

.--show {
	display: inherit !important;
}

	.--show.--inline {
		display: inline-block !important;
	}

	.--show.--block {
		display: inline-block !important;
	}

	.--show.--inline-block {
		display: inline-block !important;
	}

.--upperline {
	border-top: 1px solid #DDDDDD;
}

.FieldContentText {
	display: block;
	margin: 0px 0 2px 0;
	padding-bottom: 7px;
	font-family: Tahoma;
	color: #044177;
	font-size: 0.8rem;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: 1px solid #DDDDDD;
	width: 100%;
}

.FieldTextBox-Inline {
	height: 27px;
	display: inline-block;
	width: 100%;
	padding: 0.25rem 0.35rem;
	background-color: #fff;
	background-clip: padding-box;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border: 1px solid #3280C2;
	border-radius: 2px;
	font-family: Tahoma;
	font-size: 0.8rem;
	color: #444444;
}

button .fa {
	vertical-align: middle;
	margin-left: 5px;
}

.--mand {
	border-right: 4px solid red !important;
}

.--error {
	border-color: red;
}

.m-after-0 {
	margin-left: 0 !important;
}

.m-after-1 {
	margin-left: .25rem !important;
}

.m-after-2 {
	margin-left: .5rem !important;
}

.m-after-3 {
	margin-left: 1rem !important;
}

.m-after-4 {
	margin-left: 1.5rem !important;
}

.m-after-5 {
	margin-left: 3rem !important;
}

.m-before-0 {
	margin-right: 0 !important;
}

.m-before-5px {
	margin-right: 5px !important;
}

.m-before-1 {
	margin-right: .25rem !important;
}

.m-before-2 {
	margin-right: .5rem !important;
}

.m-before-3 {
	margin-right: 1rem !important;
}

.m-before-4 {
	margin-right: 1.5rem !important;
}

.m-before-5 {
	margin-right: 3rem !important;
}

.p-after-0 {
	padding-left: 0 !important;
}

.m-after-5px {
	margin-left: 5px !important;
}

.p-after-1 {
	padding-left: .25rem !important;
}

.p-after-2 {
	padding-left: .5rem !important;
}

.p-after-3 {
	padding-left: 1rem !important;
}

.p-after-4 {
	padding-left: 1.5rem !important;
}

.p-after-5 {
	padding-left: 3rem !important;
}

.p-before-0 {
	padding-right: 0 !important;
}

.p-before-1 {
	padding-right: .25rem !important;
}

.p-before-2 {
	padding-right: .5rem !important;
}

.p-before-3 {
	padding-right: 1rem !important;
}

.p-before-4 {
	padding-right: 1.5rem !important;
}

.p-before-5 {
	padding-right: 3rem !important;
}

.TextBoxNumber {
	max-width: 80px;
}

.Before-Vertical-Line {
	border-right: 1px solid #cccccc;
}

.After-Vertical-Line {
	border-left: 1px solid #cccccc;
}

@media only screen and (min-width:1200px) {
	#DivFieldsContainer .row>div:nth-child(2) {
		padding-right: 0;
	}
	#DivFieldsContainer .row>div:nth-child(3) {
		padding-left: 0;
	}
}

.col-lg-4, .col-12 {
	padding-left: 40px;
}