/* HTML Elements */

html, form {
	height: 100%;
}

body {
	BACKGROUND-COLOR: #f7fafe;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center; /*this centers the page */
	margin: 0 auto;
	padding: 0;
	color: #003366;
	height: 100%;
	width: 820px;
}

textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	text-decoration: none;
	color: #003366;
}

a:visited {
	text-decoration: none;
	color: #003366;
}

a:active {
	text-decoration: none;
	color: #003366;
}

a:hover {
	text-decoration: none;
	color: #003366;
}

input {
	color: #003366;
}

select {
	color: #003366;
}

/* Classes */

table.PageFrame {
	background-color: White;
	width: 820px;
	height: 100%;
	text-align: left;
}

table.InnerFrame {
	width: 800px;
	margin: 10px;
}

td.PageFrame {
	vertical-align: top;
}

td.HeadingLarge {
	font-family: Tahoma;
	font-size: x-large;
	font-weight: bold;
	color: #003366;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 15px;
}

td.HeadingSmall {
	font-family: Tahoma;
	font-size: small;
	color: #003366;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 15px;
}

td.HeadingSmallBold {
	font-family: Tahoma;
	font-size: small;
	font-weight: bold;
	color: #003366;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.error {
	color: red;
	font-size: small;
}

.tdColour {
	COLOR: #003366;
}

.tblstyle {
	font-size: 1em;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.rptstyle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.33em;
	font-weight: 500;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	COLOR: #003366;
}

.search {
	background-color: #EEF2FB;
	color: #003366;
	border: 1px solid #C9D6F1;
}

table.search {
	border: 1px solid #C9D6F1;
	font-size: small;
	background-color: #EEF2FB;
	color: #003366;
	height: 36px;
}

.SubTableHeader {
	background-color: #DDE6F7;
	color: #003366;
	font-weight: bold;
	text-align: center;
	border: 0px;
	border-bottom: 1px solid white;
	height: 30px;
}

.datagrid {
	background-color: #DDE6F7;
	color: #003366;
	border-color: #C9D6F1;
	border-style: solid;
	border-width: 1px;
}

.datagrid_header {
	font-weight: bold;
	background-color: #DDE6F7;
	height: 28px;
}

.datagrid_item,
.datagrid_alternatingitem {
	background-color: white;
	text-decoration: none
}

	.datagrid_item:hover,
	.datagrid_alternatingitem:hover {
		background-color: #DDE6F7;
		text-decoration: none;
	}

	.datagrid_item td > a:hover,
	.datagrid_alternatingitem td > a:hover {
		text-decoration: none
	}

.datagrid_footer {
	background-color: #DDE6F7;
	height: 28px;
}

.datagrid_pager {
	text-align: center;
	background-color: #DDE6F7;
	height: 28px;
}

	.datagrid_pager td > span {
		background-color: #00AA3C;
		color: white;
		padding: 3px 7px;
		margin: 2px 1px;
		border: solid #D9D9D9 1px;
	}

	.datagrid_pager td > a {
		background-color: white;
		padding: 3px 7px;
		margin: 2px 1px;
		border: solid #D9D9D9 1px;
	}

		.datagrid_pager td > a:hover {
			background-color: #007F2D;
			color: white;
			padding: 3px 7px;
			margin: 2px 1px;
			border: solid #D9D9D9 1px;
			text-decoration: none;
		}

td.SummaryValue {
	width: 75px;
	border-bottom: 1px solid White;
	border-left: 1px solid White;
	text-align: right;
	background-color: #F4F7FB;
	padding-left: 3px;
	padding-right: 3px;
	color: #003366;
}

td.SummaryTotal {
	width: 75px;
	border-bottom: 1px solid White;
	border-left: 1px solid White;
	text-align: right;
	background-color: #EEF2FB;
	padding-left: 3px;
	padding-right: 3px;
	color: #003366;
}

td.SummaryCaption {
	border-bottom: 1px solid White;
	background-color: #EEF2FB;
	padding-left: 3px;
	padding-right: 3px;
	color: #003366;
}

td.SummaryGrandTotal {
	width: 75px;
	border-left: 1px solid White;
	border-bottom: 1px solid White;
	text-align: right;
	background-color: #DDE6F7;
	padding: 1px;
	color: #003366;
	font-weight: bold;
}

td.ColumnHeader {
	background-color: #EEF2FB;
	border-bottom: 1px solid White;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid white
}

td.FieldCaption {
	width: 133px;
	background-color: #EEF2FB;
	border-bottom: 1px solid White;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle;
	text-align: left;
}

td.FieldValue {
	background-color: #F4F7FB;
	width: auto;
	border-bottom: 1px solid White;
	border-left: 1px solid White;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle;
	text-align: left;
}

td.FieldCaptionUnderline:hover {
	text-decoration: underline;
	cursor: pointer;
}

td.Indented {
	padding-left: 90px;
}

table.SubTable {
	width: 100%;
	height: 100%;
	border: 0px;
	background-color: #F4F7FB;
	color: #003366;
}

tr.SubTable {
	height: 16px;
}

td.SubTable {
	padding: 0;
	vertical-align: top;
}

tr.BlankSeperator {
	height: 10px;
}

.MyCalendar .ajax__calendar_container {
	border: 1px solid #003366;
	background-color: White;
	color: #003366;
	padding: 0;
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25%;
	margin-left: -25%;
}

.NoPadding {
	padding: 1px;
}
/* SKM Menu related style */

iframe.skm {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

td.skmcur {
	cursor: pointer;
}

.menustyle {
	font-size: 10pt;
	font-family: Tahoma;
	background-color: transparent;
	font-weight: bold;
	cursor: default;
	text-align: center;
	width: 100%;
}

.menu-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.skmsubmenu {
	text-align: left;
	border: none;
	color: #003366;
	background-color: white;
	cursor: pointer;
	z-index: auto;
	font-size: small;
	font-weight: bold;
	/*width: 175px;*/
	line-height: 15px;
	vertical-align: middle;
}

.menustyle-item {
	background-color: transparent;
	border: 2px solid #003366;
	border-radius: 5px;
	box-sizing: border-box;
	/*margin-right: 4px;*/
	padding-left: 5px;
	width: 150px;
	cursor: pointer;
}

	.menustyle-item:last-child {
		float: right;
		margin-right: 0px;
	}

@keyframes saturateBackground {
	0% {background: rgb(242, 252, 254);}
	20% {background: rgb(232, 246, 253);}
	40% {background: rgb(222, 240, 253);}
	60% {background: rgb(212, 234, 253);}
	80% {background: rgb(202, 228, 252);}
	100% {background: rgb(192, 222, 252);}
}

.menustyle-item-selected {
	color: #003366;
	background-color: rgb(192, 222, 252);
	border: 2px solid #003366;
	border-radius: 5px;
	box-sizing: border-box;
	/*margin-right: 4px;*/
	padding-left: 5px;
	width: 150px;
	cursor: pointer;
	animation: saturateBackground 0.5s 1 linear;
}

	.menustyle-item-selected:last-child {
		float: right;
		margin-right: 0px;
	}

.skmSelMenuItem {
	background-color: #FBBD05;
}

.SubTableFooter {
	background-color: #EEF2FB;
	color: #003366;
	font-weight: bold;
	text-align: center;
	border: 0px;
	border-bottom: 1px solid white;
}

select.disabled {
	background-color: #EEEEEE;
}

.btn {
	background-color: white;
	border: 1px solid #D9D9D9;
	border-radius: 2px;
	color: #00AA3C;
	cursor: pointer;
	font-weight: bold;
}

	.btn:hover {
		background-color: white;
		border: 1px solid #D9D9D9;
		border-radius: 2px;
		color: #007F2D;
		cursor: pointer;
		font-weight: bold;
	}

.btnInvert {
	background-color: #00AA3C;
	border: 1px solid #D9D9D9;
	border-radius: 2px;
	color: white;
	cursor: pointer;
	font-weight: bold;
}

	.btnInvert:hover {
		background-color: #007F2D;
		border: 1px solid #D9D9D9;
		border-radius: 2px;
		color: white;
		cursor: pointer;
		font-weight: bold;
	}

.btnCalendar {
	background-color: white;
	border: 1px solid #D9D9D9;
	border-radius: 2px;
	color: #002987;
	padding: 2px 2px 3px 2px;
	font-size: 14px;
	cursor: pointer;
}

	.btnCalendar:hover {
		background-color: white;
		border: 1px solid #D9D9D9;
		border-radius: 2px;
		color: #3894DF;
		padding: 2px 2px 3px 2px;
		font-size: 14px;
		cursor: pointer;
	}

.linkBtn > a {
	background-color: white;
	border: 1px solid #D9D9D9;
	border-radius: 2px;
	padding: 3px 5px;
	color: #00AA3C;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}

	.linkBtn > a:hover {
		background-color: white;
		border: 1px solid #D9D9D9;
		border-radius: 2px;
		padding: 3px 5px;
		color: #007F2D;
		cursor: pointer;
		font-weight: bold;
		text-decoration: none;
	}

.homepage-linkbtn > a {
	width: 130px;
	text-align: center;
	display: block;
	/* Inherit styles from .linkBtn > a */
	background-color: white;
	border: 1px solid #D9D9D9;
	border-radius: 2px;
	padding: 3px 5px;
	color: #00AA3C;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}

	.homepage-linkbtn > a:hover {
		background-color: white;
		border: 1px solid #D9D9D9;
		border-radius: 2px;
		padding: 3px 5px;
		color: #007F2D;
		cursor: pointer;
		font-weight: bold;
		text-decoration: none;
	}

.panelScroll {
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #C9D6F1 #F5F5F5;
}

.panelScroll::-webkit-scrollbar {
	width: 13px;
}

.panelScroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(166,188,232,0.4);
	border-radius: 10px;
}

.panelScroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(166,188,232,1);
}

.fUpload::-webkit-file-upload-button {
	color: #00AA3C;
	display: inline-block;
	background: white;
	border: 1px solid #D9D9D9;
	padding: 2px 10px;
	font-weight: bold;
	border-radius: 2px;
	white-space: nowrap;
	cursor: pointer;
}

.fUpload:hover::-webkit-file-upload-button {
	color: #007F2D;
	display: inline-block;
	background: white;
	border: 1px solid #D9D9D9;
	padding: 2px 10px;
	font-weight: bold;
	border-radius: 2px;
	white-space: nowrap;
	cursor: pointer;
}

.fUpload::file-selector-button {
	color: #00AA3C;
	display: inline-block;
	background: white;
	border: 1px solid #D9D9D9;
	padding: 2px 10px;
	font-weight: bold;
	border-radius: 2px;
	white-space: nowrap;
	cursor: pointer;
}

.fUpload:hover::file-selector-button {
	color: #007F2D;
	display: inline-block;
	background: white;
	border: 1px solid #D9D9D9;
	padding: 2px 10px;
	font-weight: bold;
	border-radius: 2px;
	white-space: nowrap;
	cursor: pointer;
}

.fUpload::-ms-browse {
	color: #00AA3C;
	display: inline-block;
	background: white;
	border: 1px solid #D9D9D9;
	padding: 2px 10px;
	font-weight: bold;
	border-radius: 2px;
	white-space: nowrap;
	cursor: pointer;
}

.fUpload:hover::-ms-browse {
	color: #007F2D;
	display: inline-block;
	background: white;
	border: 1px solid #D9D9D9;
	padding: 2px 10px;
	font-weight: bold;
	border-radius: 2px;
	white-space: nowrap;
	cursor: pointer;
}

input,
select,
textarea {
	border: 1px solid #D9D9D9;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


	input[type="text"],
	input[type="number"],
	input[type="password"] {
		height: 21px;
	}

select {
	height: 21px;
}

/*Xtra Reports Overlay*/
#ReportToolbar1_Search > img,
#ReportToolbar1_PrintReport > img,
#ReportToolbar1_PrintPage > img,
#ReportToolbar1_FirstPage > img,
#ReportToolbar1_PreviousPage > img,
#ReportToolbar1_NextPage > img,
#ReportToolbar1_LastPage > img,
#ReportToolbar1_SaveToDisk > img,
#ReportToolbar1_SaveToWindow > img {
	display: none;
}

#ReportToolbar1_Search {
	background-image: url(../../XtraReports/images/Overlay/Search.png);
}

#ReportToolbar1_PrintReport {
	background-image: url(../../XtraReports/images/Overlay/PrintReport.png);
}

#ReportToolbar1_PrintPage {
	background-image: url(../../XtraReports/images/Overlay/PrintPage.png);
}

#ReportToolbar1_FirstPage {
	background-image: url(../../XtraReports/images/Overlay/FirstPage.png);
}

#ReportToolbar1_PreviousPage {
	background-image: url(../../XtraReports/images/Overlay/PreviousPage.png);
}

#ReportToolbar1_NextPage {
	background-image: url(../../XtraReports/images/Overlay/NextPage.png);
}

#ReportToolbar1_LastPage {
	background-image: url(../../XtraReports/images/Overlay/LastPage.png);
}

#ReportToolbar1_SaveToDisk {
	background-image: url(../../XtraReports/images/Overlay/SaveToDisk.png);
}

#ReportToolbar1_SaveToWindow {
	background-image: url(../../XtraReports/images/Overlay/SaveToWindow.png);
}

#ReportToolbar1_Search,
#ReportToolbar1_PrintReport,
#ReportToolbar1_PrintPage,
#ReportToolbar1_FirstPage,
#ReportToolbar1_PreviousPage,
#ReportToolbar1_NextPage,
#ReportToolbar1_LastPage,
#ReportToolbar1_SaveToDisk,
#ReportToolbar1_SaveToWindow {
	background-size: cover;
	background-position: center;
	background-color: #002987;
	border: solid 1px #D9D9D9;
	cursor: pointer;
}

	#ReportToolbar1_Search:hover,
	#ReportToolbar1_PrintReport:hover,
	#ReportToolbar1_PrintPage:hover,
	#ReportToolbar1_FirstPage:hover,
	#ReportToolbar1_PreviousPage:hover,
	#ReportToolbar1_NextPage:hover,
	#ReportToolbar1_LastPage:hover,
	#ReportToolbar1_SaveToDisk:hover,
	#ReportToolbar1_SaveToWindow:hover {
		background-color: #3894DF;
	}

	#ReportToolbar1_Search:disabled,
	#ReportToolbar1_PrintReport:disabled,
	#ReportToolbar1_PrintPage:disabled,
	#ReportToolbar1_FirstPage:disabled,
	#ReportToolbar1_PreviousPage:disabled,
	#ReportToolbar1_NextPage:disabled,
	#ReportToolbar1_LastPage:disabled,
	#ReportToolbar1_SaveToDisk:disabled,
	#ReportToolbar1_SaveToWindow:disabled {
		background-color: darkgrey;
		cursor: auto;
	}

#ReportToolbar1_PageNumber,
#ReportToolbar1_PageCount,
#ReportToolbar1_SaveFormat {
	font-size: 11px;
	height: 24px;
	border: solid 1px #D9D9D9;
}

#ReportToolbar1_PageNumber,
#ReportToolbar1_PageCount {
	text-align-last: center;
}

#ReportToolbar1_PageNumber {
	width: 50px
}