﻿/*
 * Body.
 */
body {
	background-color: #ffffff;
	color: #333333;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.78em;
	margin: 0 auto;
	max-width: 1500px;
	min-width: 960px;
	padding: 0 10px;
}

/*
 * Header.
 */

.headerContainer {
	height: 105px;
}

.navigationContainer {
	float: left;
	margin: 5px;
	position: relative;
	top: 5px;
}

.userInfoContainer {
	float: left;
	max-width: 218px;
	position: relative;
	top: 8px;
	width: 218px;
}

	.userInfoContainer p {
		margin: 0;
		max-width: 218px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 218px;
	}

.titleBar {
	background-color: #3d1152;
	clear: both;
	float: left;
	height: 30px;
	width: 100%;
}

/*
 * Main menu.
 */

#mainMenu {
	float: left;
}

	#mainMenu li {
		float: left;
	}

	#mainMenu ul li ul {
		display: none;
	}

	#mainMenu a {
		background-color: #6b3f81;
		color: white;
		display: inline-block !important;
		font-size: 15px;
		padding: 4px 8px !important;
	}

		#mainMenu a:hover {
			background-color: #9FA0A4;
		}
/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */

h1 {
	color: #ffffff;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
	vertical-align: middle;
}

h2 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0;
}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0.5em 0;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0.5em 0;
}

h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0.5em 0;
}

h6 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0.5em 0;
}

p {
	margin: 1em 0;
}

a {
	text-decoration: underline;
}

	a:link {
		color: #0000FF;
	}

	a:visited {
		color: #0099CC;
	}

	a:hover {
		color: #000099;
	}

img {
	border: 0;
}

/*
 * Input controls.
 */

.autoInput {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #FFFFFF;
	border: solid 1px #669ec9;
	box-sizing: border-box;
	color: #515151;
	margin: 0;
	min-height: 20px;
	padding: 1px 2px;
	width: 100%; 
}

input[type="text"], input[type="password"], textarea, select {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #FFFFFF;
	border: solid 1px #669ec9;
	box-sizing: border-box;
	color: #515151;
	margin: 0;
	min-height: 20px;
	padding: 1px 2px;
}


.telerikInput {
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	background-color: #FFFFFF !important;
	background-color: #ffffff !important;
	border: solid 1px #669ec9 !important;
	box-sizing: border-box !important;
	color: #515151 !important;
	font-family: Arial, Geneva, Helvetica, sans-serif !important;
	font-size: 13px !important;
	margin: 0 !important;
	min-height: 20px !important;
	padding: 1px 2px !important;
}

input[type="submit"], button {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	margin: 0 1px;
	overflow: visible;
	padding: 2px 8px;
}

input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
	border: none;
	padding: 0;
}

select {
	padding-left: 0;
}

#left-content {
	clear: both;
	float: left;
	height: 100%;
	min-height: 1px;
	width: 150px;
}

#right-content {
	background-color: #FFFFFF;
	float: left;
	margin: 0;
	min-width: 800px;
	padding: 5px;
	width: 80%;
}

.clear {
	clear: both;
}

.home-page-logged-in {
	background-color: White;
	float: left;
	height: 149px;
	left: 20px;
	padding: 20px;
	width: 400px;
}

.home-page-logged-out {
	background-color: White;
	float: left;
	height: 222px;
	left: 20px;
	padding: 20px;
	width: 400px;
}

.wizard-container {
	height: 100%;
	width: 100%;
}

.wizard-steptitle {
	font-size: 1.2em;
	padding-bottom: 15px;
}

.wizardSegmentDescription {
	margin-left: 20px;
	text-align: left;
}

.wizardButton {
	float: right;
	margin: 5px;
	width: 80px;
}

.wizard-quantities {
	height: 90%;
	margin-left: 110px;
	position: relative;
}

.wizard-quantities-row {
	min-height: 50px;
	width: 100%;
}

.wizard-quantities-left {
	float: left;
	width: 20%;
}

.wizard-quantities-middle {
	float: left;
	width: 10%;
}

.wizard-quantities-right {
	float: left;
	font-size: 0.8em;
	width: 65%;
}

.wizard-complexity {
	width: 700px;
}

	.wizard-complexity li {
		height: 22px;
	}

.wizard-complexity-left-column {
	display: inline-block;
	width: 303px;
}

.wizard-complexity-column {
	display: inline-block;
	width: 114px;
}

.wizard-notes {
	font-size: 0.8em;
}

.cell-numbers {
	background-color: #FFFFFF;
	border: solid 1px #669ec9;
	color: #515151;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	text-align: right;
}

.invalidtextbox {
	background-color: #FFFACD;
	border: 1px #FF9966 solid;
}

.newfeaturebox {
	background-color: #DDE7F0;
	border: 1px solid #BDC8D2;
	color: #906995;
	font-family: Calibri;
	font-size: small;
}

.invalidpartrow {
	background-image: url('SitePages/Images/InvalidPartBackground.bmp');
	background-repeat: repeat-x;
}

.plainList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.validation-summary-valid {
	display: none;
}

.validation-summary-errors {
	color: red;
}

.orderDetailsLabelRight {
	width: 113px;
}

.requiredFieldMarker {
	color: red;
}

.attachmentFileNameLabel {
	font-weight: bold;
	padding-left: 20px;
}

.ordersRowButton {
	padding-left: 3px;
	padding-right: 3px;
}

/**
 * Order Processing Display
 *
 * Groups the automatic order processing button and it's associated tooltip and
 * allows other elements to sit on the same line.
 */
.automaticOrderProcessingDisplay {
	display: inline-block;
}

#sideBarLogoTable {
	height: 100%;
	width: 100%;
}

.vijeoSideBarLogo {
	color: #3d1152;
	font-family: Arial;
	font-size: 16pt;
	height: 30px;
}

.geoScadaSideBarLogo {
	color: #3d1152;
	font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	height: 30px;
}

.defaultText {
	color: #6b3f81;
	font-family: Arial;
	font-size: 1.3em;
}

.MyGrid table {
	border-collapse: collapse !important;
}

.MyGrid td {
	border-color: dimgray;
	border-style: solid;
	border-width: 1px;
	padding: 1px !important;
}

.MyGrid th {
	border-color: dimgray;
	border-style: solid;
	border-width: 0.5px;
	font-weight: bold !important;
	padding: 1px !important;
}

#contactTable {
	border: 0;
	border-color: White;
	border-spacing: 1px;
	border-style: none !important;
	padding: 1px;
}

	#contactTable td {
		border-color: White;
		border-style: none !important;
	}

#formTable {
	border: 0;
	border-color: White;
	border-spacing: 1px;
	border-style: none !important;
	padding: 1px;
}

	#formTable td {
		border-color: White;
		border-style: none !important;
	}

.formSegment {
	float: left;
	width: 350px;
}

	.formSegment li, .wizardSegment li {
		margin: 3px 0;
	}

	.formSegment input[type="text"], .formSegment textarea, .formSegment select {
		width: 210px;
	}

	.formSegment label, .wizardSegment label {
		display: inline-block;
	}

.wideFormSegment {
	width: 700px;
}

.orderDetailsLabelLeft, #quotePromosContainer label {
	width: 104px;
}

.formRow {
	clear: both;
	float: left;
	margin: 1px;
	width: 700px;
}

.fieldLabel {
	width: 124px !important;
}

.textBox {
	margin: 2px;
	padding: 0;
}

.wideTextBox {
	padding: 0;
	width: 505px;
}

/* 
	This is required due to a bug in the ReportViewer control.
	The current version adds "display: none;" to the inline style of the find controls.
	We've had users complain that they relied on the find feature to search large reports.
	Once visible the controls still work fine.
*/
.ToolbarFind {
	display: inline-block !important;
}


/*RADGrid*/
.RadAutoCompleteBox {
	width: 12em;
	line-height: 1.42857143;
	display: inline-block;
	vertical-align: middle;
	cursor: text
}

.racSlide {
	z-index: 123456 !important;
}

.RadAutoCompleteBox input, .RadAutoCompleteBox input:focus {
	box-shadow: none;
	outline: 0
}

	.RadAutoCompleteBox input::-ms-clear {
		display: none
	}

.RadAutoCompleteBox .racTokenList {
	padding: 2px 22px 2px 2px;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	position: relative
}

.RadAutoCompleteBox .racToken {
	margin: 1px 0;
	padding: 0 1.42857143em 0 6px;
	border-width: 1px;
	border-style: solid;
	background-position: 0 0;
	background-repeat: repeat-x;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	position: relative
}

	.RadAutoCompleteBox .racToken + .racToken {
		margin-left: 1px
	}

.RadAutoCompleteBox .racRemoveTokenLink {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -0.71428571em 0 0 0;
	color: inherit;
	cursor: pointer
}

	.RadAutoCompleteBox .racRemoveTokenLink:hover {
		text-decoration: none
	}

.RadAutoCompleteBox .racDisabled .racToken {
	padding-right: 6px
}

.RadAutoCompleteBox .racDisabled .racRemoveTokenLink {
	display: none
}

.RadAutoCompleteBox .p-i-close:before {
	font-size: 14px
}

.RadAutoCompleteBox .racTextToken {
	margin: 2px 0;
	padding: 0 0 0 4px;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	cursor: pointer
}

	.RadAutoCompleteBox .racTextToken.racFocused {
		outline: 1px dotted
	}

.RadAutoCompleteBox .racInput {
	margin: 2px 0;
	padding: 0 0 0 4px;
	height: 1.42857143em;
	line-height: 1.42857143;
	border: 0;
	color: inherit;
	background: 0;
	font: inherit;
	text-indent: 4px;
	display: inline-block;
	vertical-align: top
}

.RadAutoCompleteBox .racEmptyMessage {
	font-style: italic;
	filter: alpha(opacity=80);
	opacity: .8
}

.RadAutoCompleteBox .racEditTokenInput {
	margin: 0;
	padding: 0;
	height: 1.42857143em;
	border: 0;
	color: inherit;
	background: 0;
	font: inherit
}

.RadAutoCompleteBox .p-i-loading {
	margin-top: -8px;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 2px;
	top: 50%;
	background-position: center;
	background-repeat: no-repeat
}

.RadAutoCompleteBox .racDisabled {
	filter: alpha(opacity=50);
	opacity: .5;
	cursor: default
}

.RadAutoCompleteBox .racToken.racDisabled, .RadAutoCompleteBox .racTextToken.racDisabled {
	filter: alpha(opacity=50);
	opacity: .5;
	cursor: default
}

.RadAutoCompleteBox .racDisabled .racTextToken {
	cursor: default
}

.racSlide {
	min-width: 12em;
	position: absolute;
	z-index: 9999
}

.RadAutoCompleteBoxPopup {
	width: 12em;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	line-height: 1.42857143;
	text-align: left;
	cursor: default;
	position: relative;
	overflow: hidden
}

	.RadAutoCompleteBoxPopup .racList {
		margin: 0;
		padding: 0;
		height: 100%;
		list-style: none;
		overflow: auto;
		box-sizing: border-box
	}

	.RadAutoCompleteBoxPopup .racHeader, .RadAutoCompleteBoxPopup .racFooter {
		*zoom: 1;
		padding: 2px 5px;
		border: 0 solid transparent;
		border-color: inherit
	}

		.RadAutoCompleteBoxPopup .racHeader:after, .RadAutoCompleteBoxPopup .racFooter:after {
			content: "";
			height: 0;
			clear: both;
			display: block
		}

	.RadAutoCompleteBoxPopup .racHeader {
		margin-bottom: 1px;
		border-bottom-width: 1px
	}

	.RadAutoCompleteBoxPopup .racFooter {
		margin-top: 1px;
		border-top-width: 1px
	}

	.RadAutoCompleteBoxPopup .racShowAll {
		margin: 1px 0 0 0;
		padding: 2px 5px;
		border: 0 solid transparent;
		border-color: inherit;
		border-top-width: 1px;
		text-align: center;
		cursor: pointer
	}

	.RadAutoCompleteBoxPopup .racItem {
		*zoom: 1;
		padding: 4px 10px
	}

		.RadAutoCompleteBoxPopup .racItem:after {
			content: "";
			height: 0;
			clear: both;
			display: block
		}

.RadAutoCompleteBox.RadAutoCompleteBoxWithLabel .racLabel {
	padding-right: 7px;
	vertical-align: middle
}

.RadAutoCompleteBox.RadAutoCompleteBoxWithLabel .racTokenList {
	display: inline-block;
	vertical-align: middle
}

.RadGrid_Default {
	border: 1px solid #828282;
	background: #fff;
	color: #000
}

	.RadGrid_Default, .RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table, .GridToolTip_Telerik {
		font: 12px/16px "segoe ui",arial,sans-serif
	}

		.RadGrid_Default .rgAdd, .RadGrid_Default .rgRefresh, .RadGrid_Default .rgEdit, .RadGrid_Default .rgDel, .RadGrid_Default .rgFilter, .RadGrid_Default .rgPagePrev, .RadGrid_Default .rgPageNext, .RadGrid_Default .rgPageFirst, .RadGrid_Default .rgPageLast, .RadGrid_Default .rgExpand, .RadGrid_Default .rgCollapse, .RadGrid_Default .rgSortAsc, .RadGrid_Default .rgSortDesc, .RadGrid_Default .rgUpdate, .RadGrid_Default .rgCancel, .RadGrid_Default .rgUngroup, .RadGrid_Default .rgExpXLS, .RadGrid_Default .rgExpDOC, .RadGrid_Default .rgExpPDF, .RadGrid_Default .rgExpCSV {
			background-image: url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
		}

		.RadGrid_Default .rgHeaderDiv {
			background: #eee 0 -8050px repeat-x url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
		}

.rgTwoLines .rgHeaderDiv {
	background-position: 0 -7550px
}

.RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol {
	border: 0;
	border-bottom: 1px solid #828282;
	background: #f3f3f3 0 -2300px repeat-x url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
}

.RadGrid_Default .rgMultiHeaderRow .rgHeader, .RadGrid_Default .rgMultiHeaderRow .rgResizeCol {
	border-left: 1px solid #828282
}

.RadGrid_Default th.rgSorted {
	background-color: #a6e193;
	background-position: 0 -2600px
}

.RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader a {
	color: #333
}

.RadGrid_Default .rgRow td, .RadGrid_Default .rgAltRow td, .RadGrid_Default .rgEditRow td, .RadGrid_Default .rgFooter td {
	border-style: solid;
	border-width: 0 0 1px 0
}

.RadGrid_Default .rgRow td {
	border-color: #fff
}

.RadGrid_Default .rgAltRow {
	background: #f2f2f2
}

	.RadGrid_Default .rgAltRow td {
		border-color: #f2f2f2
	}

	.RadGrid_Default .rgRow .rgSorted, .RadGrid_Default .rgAltRow .rgSorted {
		border-color: #d7f8cc;
		background-color: #d7f8cc
	}

.RadGrid_Default .rgSelectedRow .rgSorted, .RadGrid_Default .rgActiveRow .rgSorted, .RadGrid_Default .rgHoveredRow .rgSorted, .RadGrid_Default .rgEditRow .rgSorted {
	background-color: transparent
}

.RadGrid_Default .rgRow a, .RadGrid_Default .rgAltRow a, .RadGrid_Default .rgEditRow a, .RadGrid_Default .rgFooter a, .RadGrid_Default .rgEditForm a {
	color: #155800
}

.RadGrid_Default .rgMasterTable .rgSelectedCell, .RadGrid_Default .rgSelectedRow {
	background: #63ac38 0 -3900px repeat-x url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
}

	* + html .RadGrid_Default .rgSelectedRow .rgSorted {
		background-color: #63ac38
	}

	* html .RadGrid_Default .rgSelectedRow .rgSorted {
		background-color: #63ac38
	}

.RadGrid_Default .rgMasterTable .rgActiveCell, .RadGrid_Default .rgActiveRow, .RadGrid_Default .rgHoveredRow {
	background: #a2ea8b 0 -2900px repeat-x url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
}

	* + html .RadGrid_Default .rgActiveRow .rgSorted, * + html .RadGrid_Default .rgHoveredRow .rgSorted {
		background-color: #a2ea8b
	}

	* html .RadGrid_Default .rgActiveRow .rgSorted, * html .RadGrid_Default .rgHoveredRow .rgSorted {
		background-color: #a2ea8b
	}

.RadGrid_Default .rgEditRow {
	background: #fff 0 -4900px repeat-x url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
}

	* + html .RadGrid_Default .rgEditRow .rgSorted {
		background-color: #fff
	}

	* html .RadGrid_Default .rgEditRow .rgSorted {
		background-color: #fff
	}

.RadGrid_Default .rgActiveRow td, .RadGrid_Default .rgActiveRow td.rgSorted, .RadGrid_Default .rgHoveredRow td, .RadGrid_Default .rgHoveredRow td.rgSorted {
	border-bottom-color: #28a800
}

.RadGrid_Default .rgSelectedRow td, .RadGrid_Default .rgSelectedRow td.rgSorted {
	border-bottom-color: #155800
}

.RadGrid_Default .rgEditRow td, .RadGrid_Default .rgEditRow td.rgSorted {
	border-bottom-color: #333
}

.RadGrid_Default .rgDrag {
	background-image: url('WebResource.axd?d=DsoTYVfvZLpBHvtBjdNLeQAsGzfGlEvKbTJX-LEFE9RffA2VU8QGsHnrwHitGgHUBlb6zZG3Ckw8ly6XABBMXjZfEyOQhXjq7Z1cDe34GDfFZ8Eg0I0GLsSMOooepx1epthUBAxyHnECuK9RWju-RueEnDbie7XSPSq999DAn76OqPR00&t=638115612860000000')
}

.RadGrid_Default .rgFooterDiv, .RadGrid_Default .rgFooter {
	background: #eee
}

	.RadGrid_Default .rgFooter td {
		border-top: 1px solid #828282;
		border-bottom: 1px solid #fff
	}

.RadGrid_Default .rgStatus {
	border: 1px solid;
	border-color: #828282 #c9c9c9 #eee #c9c9c9;
	border-left-width: 0
}

	.RadGrid_Default .rgStatus div {
		background-image: url('WebResource.axd?d=GR_tcszUQB11e7e_7jw4ulQi1dtG1KvxFu1Mb0SfhNPvkOQvc_zujci3g5zLXO0P9oVXB9ST6OEbN0xrjPNfnk8LsrXq2OsGBNfka5GKEpyA19OOAcvHJWuIcxHGk9ufcLDeV7xEsGSfYX_UP8q0OZeCq6Hn8XylgHMkhtg5QE8YwNfM0&t=638115612860000000')
	}

.RadGrid_Default .rgPager {
	background: #eee
}

.RadGrid_Default td.rgPagerCell {
	border: 1px solid;
	border-color: #828282 #eee #eee;
	border-right-width: 0
}

.RadGrid_Default .rgInfoPart {
	color: #8a8a8a
}

	.RadGrid_Default .rgInfoPart strong {
		color: #4c4e54
	}

.RadGrid_Default .rgPageFirst {
	background-position: 0 -550px
}

	.RadGrid_Default .rgPageFirst:hover {
		background-position: 0 -600px
	}

.RadGrid_Default .rgPagePrev {
	background-position: 0 -700px
}

	.RadGrid_Default .rgPagePrev:hover {
		background-position: 0 -750px
	}

.RadGrid_Default .rgPageNext {
	background-position: 0 -850px
}

	.RadGrid_Default .rgPageNext:hover {
		background-position: 0 -900px
	}

.RadGrid_Default .rgPageLast {
	background-position: 0 -1000px
}

	.RadGrid_Default .rgPageLast:hover {
		background-position: 0 -1050px
	}

.RadGrid_Default .rgPager .rgPagerButton {
	border-color: #d0d0d0 #aeaeae #8b8b8b;
	background: #eee repeat-x 0 -1550px url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000');
	color: #000;
	font: 12px/12px "segoe ui",arial,sans-serif
}

.RadGrid_Default .rgNumPart a:hover, .RadGrid_Default .rgNumPart a:hover span, .RadGrid_Default .rgNumPart a.rgCurrentPage, .RadGrid_Default .rgNumPart a.rgCurrentPage span {
	background: no-repeat url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
}

.RadGrid_Default .rgNumPart a {
	color: #000
}

	.RadGrid_Default .rgNumPart a:hover {
		background-position: 100% -1250px
	}

		.RadGrid_Default .rgNumPart a:hover span {
			background-position: 0 -1150px
		}

	.RadGrid_Default .rgNumPart a.rgCurrentPage, .RadGrid_Default .rgNumPart a.rgCurrentPage:hover {
		background-position: 100% -1450px
	}

		.RadGrid_Default .rgNumPart a.rgCurrentPage span, .RadGrid_Default .rgNumPart a.rgCurrentPage:hover span {
			background-position: 0 -1350px
		}

.RadGrid_Default .rgHeader .rgSortAsc {
	background-position: 3px -248px;
	height: 10px
}

.RadGrid_Default .rgHeader .rgSortDesc {
	background-position: 3px -198px;
	height: 10px
}

.GridReorderTop_Telerik, .GridReorderBottom_Telerik {
	background: 0 0 no-repeat url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
}

.GridReorderBottom_Telerik {
	background-position: 0 -50px
}

.RadGrid_Default .rgFilterRow {
	background: #eee
}

	.RadGrid_Default .rgFilterRow td {
		border-bottom: 1px solid #828282
	}

.RadGrid_Default .rgFilter {
	background-position: 0 -300px
}

	.RadGrid_Default .rgFilter:hover {
		background-position: 0 -350px
	}

.RadGrid_Default .rgFilterActive, .RadGrid_Default .rgFilterActive:hover {
	background-position: 0 -400px
}

.RadGrid_Default .rgFilterBox {
	border-color: #8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
	font: 12px "segoe ui",arial,sans-serif;
	color: #333
}

.RadMenu_Telerik .rgHCMClear, .RadMenu_Telerik .rgHCMFilter {
	border-color: #ccc #999 #a8a8a8;
	background: #eee center -23px repeat-x url('WebResource.axd?d=52GP56HtDQjPWssy9F2x2uYzg6Im5JLWj0076qRq5eJe3VcBfFsTSVSupm3A5OBYqpOzXnezsyjXn5AF5NuXR9NL8a9uhd2ZoA6lpni1OCRXMThM3xPSbIapWZU0Xzp4H0txspOUFs_grxqB9vi0qvmR7NtEM2bwTXzdZHwytaFSWmRloc4d9rEEAuOrHd9nLpDKxA2&t=638115612860000000');
	color: #000;
	font-family: "segoe ui",arial,sans-serif
}

	.RadMenu_Telerik .rgHCMClear:hover, .RadMenu_Telerik .rgHCMFilter:hover {
		border-color: #2ebf00 #2bb500 #28a800;
		background-position: center -67px;
		background-color: #a2ea8b
	}

.GridContextMenu_Telerik .rmLeftImage {
	background-image: url('WebResource.axd?d=Jmsl-UikfU2Z0VFTm2772jBsI5qzqqjCLXrChqXNVfnpe2EMJAnBUC2mJtxiv7035aP61jEOPvt7Mw8WbGZ4hfFnVFNqN9JZmn0H-IxujcX6Kz5382-wNpTL9AuoXVVJFbF4dPawJf2MGf9d_cP5fIKWmAItXmahgSndKaHQbksL4Bsb0&t=638115612860000000')
}

.GridContextMenu_Telerik .rgHCMSortAsc .rmLeftImage {
	background-position: 0 0
}

.GridContextMenu_Telerik .rgHCMSortDesc .rmLeftImage {
	background-position: 0 -40px
}

.GridContextMenu_Telerik .rgHCMUnsort .rmLeftImage {
	background-position: 0 -80px
}

.GridContextMenu_Telerik .rgHCMGroup .rmLeftImage {
	background-position: 0 -120px
}

.GridContextMenu_Telerik .rgHCMUngroup .rmLeftImage {
	background-position: 0 -160px
}

.GridContextMenu_Telerik .rgHCMCols .rmLeftImage {
	background-position: 0 -200px
}

.GridContextMenu_Telerik .rgHCMFilter .rmLeftImage {
	background-position: 0 -240px
}

.GridContextMenu_Telerik .rgHCMUnfilter .rmLeftImage {
	background-position: 0 -280px
}

.RadGrid_Default .rgGroupPanel {
	border: 0;
	border-bottom: 1px solid #828282;
	background: #eee 0 -1900px repeat-x url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
}

	.RadGrid_Default .rgGroupPanel td {
		border: 0;
		padding: 3px 4px
	}

		.RadGrid_Default .rgGroupPanel td td {
			padding: 0
		}

	.RadGrid_Default .rgGroupPanel .rgSortAsc {
		background-position: 4px -143px
	}

	.RadGrid_Default .rgGroupPanel .rgSortDesc {
		background-position: 4px -93px
	}

.RadGrid_Default .rgUngroup {
	background-position: 0 -7498px
}

.RadGrid_Default .rgGroupItem {
	border: 1px solid;
	border-color: #d0d0d0 #bdbdbd #8a8a8a;
	background: #e8e8e8 0 -6500px repeat-x url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
}

.RadGrid_Default .rgMasterTable td.rgGroupCol, .RadGrid_Default .rgMasterTable td.rgExpandCol {
	border-color: #d2f8c5;
	background: #d2f8c5 none
}

.RadGrid_Default .rgGroupHeader, .RadGrid_Default .rgGroupHeader td.rgGroupCol {
	background: #d2f8c5 0 -7000px repeat-x url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000')
}

.RadGrid_Default .rgGroupHeader {
	font-size: 1.1em;
	line-height: 21px
}

	.RadGrid_Default .rgGroupHeader td {
		border-bottom: 1px solid #98ec7d
	}

.RadGrid_Default .rgExpand {
	background-position: 5px -496px
}

.RadGrid_Default .rgCollapse {
	background-position: 3px -444px
}

.RadGrid_Default .rgEditForm {
	border-bottom: 1px solid #828282
}

.RadGrid_Default .rgUpdate {
	background-position: 0 -1800px
}

.RadGrid_Default .rgCancel {
	background-position: 0 -1850px
}

.RadGrid_Default .rgDetailTable {
	border-color: #828282
}

.RadGrid_Default .rgCommandRow {
	background: #b5b5b5 0 -2099px repeat-x url('WebResource.axd?d=YPzAe7mSGtLgxDCmzWZcfl0pfka21SqU3O7Puu5JHWmse2V4xDhvXdRxG6VdJ7o3cq4HdCYRA_MgZk3-_V_Bl84-BJUDIyE4_Nx4U7x_UaBLcY25qMupK5Wd-BXdLJZLhhKeaao3MFeYdkybz9-jGOO36Ta34LDoUoJ1Dr99Iy36oyMz0&t=638115612860000000');
	color: #000
}

.RadGrid_Default .rgCommandCell {
	border: 0;
	padding: 0
}

.RadGrid_Default thead .rgCommandCell {
	border-bottom: 1px solid #8b8b8b
}

.RadGrid_Default tfoot .rgCommandCell, .RadGrid_Default .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
	border-top: 1px solid #a1a1a1
}

.RadGrid_Default .rgCommandTable td {
	border: 0;
	padding: 2px 7px
}

.RadGrid_Default .rgCommandTable {
	border: 1px solid;
	border-color: #f5f5f5 #e4e4e4 #d5d5d5
}

.RadGrid_Default .rgCommandRow a {
	color: #000;
	text-decoration: none
}

.RadGrid_Default .rgAdd {
	margin-right: 3px;
	background-position: 0 -1650px
}

.RadGrid_Default .rgRefresh {
	margin-right: 3px;
	background-position: 0 -1600px
}

.RadGrid_Default .rgEdit {
	background-position: 0 -1700px
}

.RadGrid_Default .rgDel {
	background-position: 0 -1750px
}

.RadGrid_Default .rgExpXLS, .RadGrid_Default .rgExpDOC, .RadGrid_Default .rgExpPDF, .RadGrid_Default .rgExpCSV {
	background-image: url('WebResource.axd?d=Xj4mi816g3WzxUw0t7FP9T7umxzJ3iX11Z8MMIdug5oQQidbcIVu189AEZMOeoVvG_uv7mOjPLcP1-ZmM8HhydUtoWws4gMOcL69WtDrmIK0mo4f8UIlvnLu_ZtVQtPHLrMbcyy7Hf7IqmrYGYcHMcBRLLi_nMMezWp0sUokVH6v885B0&t=638115612860000000')
}

.RadGrid_Default .rgExpXLS {
	background-position: 0 0
}

.RadGrid_Default .rgExpDOC {
	background-position: 0 -50px
}

.RadGrid_Default .rgExpPDF {
	background-position: 0 -100px
}

.RadGrid_Default .rgExpCSV {
	background-position: 0 -150px
}

.rgCellSelectorArea_Telerik, .GridRowSelector_Telerik {
	background: #155800
}

.GridItemDropIndicator_Telerik {
	border-top: 1px dashed #155800
}

.GridToolTip_Telerik {
	border: 1px solid #828282;
	padding: 3px;
	background: #fff;
	color: #000
}

.RadGridRTL_Default .rgPageFirst {
	background-position: 0 -1000px
}

	.RadGridRTL_Default .rgPageFirst:hover {
		background-position: 0 -1050px
	}

.RadGridRTL_Default .rgPagePrev {
	background-position: 0 -850px
}

	.RadGridRTL_Default .rgPagePrev:hover {
		background-position: 0 -900px
	}

.RadGridRTL_Default .rgPageNext {
	background-position: 0 -700px
}

	.RadGridRTL_Default .rgPageNext:hover {
		background-position: 0 -750px
	}

.RadGridRTL_Default .rgPageLast {
	background-position: 0 -550px
}

	.RadGridRTL_Default .rgPageLast:hover {
		background-position: 0 -600px
	}

.RadGridRTL_Default .rgExpand {
	background-position: -20px -496px
}

.RadFilter_Default .rfLeft, .RadFilter_Default .rfMid, .RadFilter_Default .rfTools, .RadFilter_Default .rfRight, .RadFilter_Default .rfOper:hover, .RadFilter_Default .rfField:hover, .RadFilter_Default .rfExp:hover, .RadFilter_Default .rfOper:focus, .RadFilter_Default .rfField:focus, .RadFilter_Default .rfExp:focus, .RadFilter_Default .rfOper:active, .RadFilter_Default .rfField:active, .RadFilter_Default .rfExp:active, .RadFilter_Default .rfAddGr, .RadFilter_Default .rfAddExp, .RadFilter_Default .rfDel, .RadFilter_Default .rfApply a, .RadFilter_Default .rfApply input {
	background-image: url('WebResource.axd?d=ZFqV4YgB6YXF1gpr354jtsA8nzAfiXbFw9hMxFmo5IqN1tunhp7EhdfzXCyRbA2JwD4cMmeLOr6Xwf6pzRKULJBQfd5c1-pW0O6NhgPr6hn9fvfaBQkvenjF8lBJXqhyA0nf2mNGC5AjkQ1rV528U-CkWIbsFF3F13fe-XAhzkxeHpgQ0&t=638115612860000000')
}

.RadFilter_Default, .RadFilter_Default .rfText, .RadFilter_Default .rfApply input {
	font-size: 12px;
	font-family: "segoe ui",arial,sans-serif
}

	.RadFilter_Default, .RadFilter_Default a, .RadFilter_Default .rfText, .RadFilter_Default .rfApply input {
		color: #000
	}

		.RadFilter_Default .rfLines li li {
			background-image: url('WebResource.axd?d=YmVd_7qk59T0aVisDoWW8SZbRzYCBcyULPK_0WB7cuWgp_6ExGFPpjDryqqWcgx13cgGxbfKQObfOAfHUN3GUCjQRg-1-8gNPP1IxfEJjhnX8xGF5H4OOL9ffFgqUu09TzZcI1z6AQR3L1yPAWhO4jt4sGYRvPugDaeVubYPzkVesqf50&t=638115612860000000')
		}

			.RadFilter_Default .rfLines li li .rfDiv {
				background-image: url('WebResource.axd?d=HlCwI52O3CeKtz-V7J4zKG3RmdWVtAJPoWiXBWKwumUwOueqOPGthO_levJg5hUsP0zbT0x3tkK14e5WLyRGFHqKXqEOpfx_I3TZRlPPye1efjfVgsaDTksjg21CP44f1Ga110w5J9-oxQwagjxaVe-B4j9UKl3oQIBM-jMhoX7lDL4H0&t=638115612860000000')
			}

			.RadFilter_Default .rfLines li li.rfLast .rfDiv {
				background-image: url('WebResource.axd?d=ZDnV5FAAFuLXkRscx8Tez8zvL8tBBdyaYP9h35v90yT4dKFQYFSGwl-Ruo_EOLVH7nR_xyPJ6PxUKulN8Gy7ipFl7KR7A-fNwXoKt_WPWXrVUOicK1i-SEa8-RB0g_VrBzUk2iDsc2eK75xyi_tqhvblGG53uEozPgZydWuuWNCGAgsk0&t=638115612860000000')
			}

		.RadFilter_Default .rfLeft {
			background-position: 0 0
		}

		.RadFilter_Default .rfRight {
			background-position: 100% 0
		}

		.RadFilter_Default .rfMid, .RadFilter_Default .rfTools {
			background-position: 0 -100px
		}

		.RadFilter_Default .rfField {
			color: #535353
		}

			.RadFilter_Default .rfOper:hover, .RadFilter_Default .rfField:hover, .RadFilter_Default .rfExp:hover, .RadFilter_Default .rfOper:focus, .RadFilter_Default .rfField:focus, .RadFilter_Default .rfExp:focus, .RadFilter_Default .rfOper:active, .RadFilter_Default .rfField:active, .RadFilter_Default .rfExp:active {
				background-position: 100% -76px;
				color: #000
			}

		.RadFilter_Default .rfText {
			border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e
		}

		.RadFilter_Default .rfAddExp {
			background-position: -300px 0
		}

			.RadFilter_Default .rfAddExp:hover {
				background-position: -350px 0
			}

		.RadFilter_Default .rfAddGr {
			background-position: -400px 0
		}

			.RadFilter_Default .rfAddGr:hover {
				background-position: -450px 0
			}

		.RadFilter_Default .rfDel {
			background-position: -150px 0
		}

			.RadFilter_Default .rfDel:hover {
				background-position: -200px 0
			}

		.RadFilter_Default .rfPreview strong {
			color: #1d8300
		}

		.RadFilter_Default .rfPreview em, .RadFilter_Default .rfPreview .rfBr {
			color: #003cc4
		}

		.RadFilter_Default .rfApply a {
			background-position: 100% -29px
		}

		.RadFilter_Default .rfApply input {
			background-position: 0 -50px
		}

.RadFilterRTL_Default .rfLines li li {
	background-image: url('WebResource.axd?d=YmVd_7qk59T0aVisDoWW8SZbRzYCBcyULPK_0WB7cuWgp_6ExGFPpjDryqqWcgx13cgGxbfKQObfOAfHUN3GUCjQRg-1-8gNPP1IxfEJjhnX8xGF5H4OOL9ffFgqUu09TzZcI1z6AQR3L1yPAWhO4jt4sGYRvPugDaeVubYPzkVesqf50&t=638115612860000000')
}

	.RadFilterRTL_Default .rfLines li li .rfDiv {
		background-image: url('WebResource.axd?d=HlCwI52O3CeKtz-V7J4zKG3RmdWVtAJPoWiXBWKwumUwOueqOPGthO_levJg5hUsP0zbT0x3tkK14e5WLyRGFHqKXqEOpfx_I3TZRlPPye1efjfVgsaDTksjg21CP44f1Ga110w5J9-oxQwagjxaVe-B4j9UKl3oQIBM-jMhoX7lDL4H0&t=638115612860000000')
	}

	.RadFilterRTL_Default .rfLines li li.rfLast .rfDiv {
		background-image: url('WebResource.axd?d=ZDnV5FAAFuLXkRscx8Tez8zvL8tBBdyaYP9h35v90yT4dKFQYFSGwl-Ruo_EOLVH7nR_xyPJ6PxUKulN8Gy7ipFl7KR7A-fNwXoKt_WPWXrVUOicK1i-SEa8-RB0g_VrBzUk2iDsc2eK75xyi_tqhvblGG53uEozPgZydWuuWNCGAgsk0&t=638115612860000000')
	}

.RadFilterRTL_Default .rfLeft {
	background-position: 100% 0
}

.RadFilterRTL_Default .rfRight {
	background-position: 0 0
}

.RadFilterRTL_Default .rfOper:hover, .RadFilterRTL_Default .rfField:hover, .RadFilterRTL_Default .rfExp:hover, .RadFilterRTL_Default .rfOper:focus, .RadFilterRTL_Default .rfField:focus, .RadFilterRTL_Default .rfExp:focus, .RadFilterRTL_Default .rfOper:active, .RadFilterRTL_Default .rfField:active, .RadFilterRTL_Default .rfExp:active {
	background-position: -586px -76px
}

#TimeLimitedEndDate_dateview {
	width: fit-content !important;
}

	#TimeLimitedEndDate_dateview
	.k-calendar {
		width: auto !important;
	}

/* Force animation wrapper to follow content */
.k-animation-container:has(#TimeLimitedEndDate_dateview) {
	width: fit-content !important;
}

#TimeLimitedEndDate_dateview {
	width: fit-content !important;
}

	#TimeLimitedEndDate_dateview
	.k-calendar {
		width: auto !important;
	}

/* Force animation wrapper to follow content */
.k-animation-container:has(#TimeLimitedEndDate_dateview) {
	width: fit-content !important;
}

.k-animation-container:has(#TimeLimitedEndDate_dateview) {
	width: fit-content !important;
}

#TimeLimitedStartDate_dateview {
	width: fit-content !important;
}

#TimeLimitedStartDate_dateview
.k-calendar {
	width: auto !important;
}

/* Force animation wrapper to follow content */
.k-animation-container:has(#UpgradeExpireDate_dateview) {
	width: fit-content !important;
}

#TimeLimitedStartDate_dateview {
	width: fit-content !important;
}

#UpgradeExpireDate_dateview
.k-calendar {
	width: auto !important;
}

/* Force animation wrapper to follow content */
.k-animation-container:has(#UpgradeExpireDate_dateview) {
	width: fit-content !important;
}

.RadMenu {
	background-color: white;
}

.rmScrollWrap {
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.rmScrollWrap.rmGroup {
	max-height: 250px !important; /* adjust as needed */
}
/* Use normal scrolling */
.rmScrollWrap {
	overflow-y: auto !important;
	overflow-x: hidden !important;
	max-height: 250px !important;
}

/* Disable arrow scroll buttons */
.rmTopArrow,
.rmBottomArrow {
	display: none !important;
}

/* Make menu item the positioning reference */
.rmItem {
	position: relative !important;
}

/* Ensure slide aligns beside arrow */
.rmSlide {
	background-color: white;
	position: absolute !important;
	top: 0 !important;
	left: 100% !important; /* appear beside arrow */
}

.RadGrid .rgGroupPanel {
	margin-top: 5px;
}

.rgGroupPanel {
	clear: both;
	width: 100%;
}

.RadGrid .rgGroupPanel {
	padding: 10px;
}

.k-list-scroller {
	max-height: 400px !important;
	overflow-y: auto !important;
}

.k-list-ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.k-list-item h3 {
	margin: 0;
	font-size: 14px;
}

.page-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
