/* Minification failed. Returning unminified contents.
(1033,50): run-time error CSS1019: Unexpected token, found '.75'
(1033,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/*System and Event Notification redesign - Start*/
.ux-notification-window .x-window-header-default-top {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 3px 5px 3px 5px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #d6d3d6;
	font-weight: bold;
}

.ux-notification-window, .ux-notification-window .x-window-body-default {
	background-color: white;
	font-family: arial, verdana, sans-serif !important;
	font-size: 12px !important;
}

.ux-notification-window .x-window-body-default{
	border: none;
}

.ux-notification-window .x-tool-close{
	background-image: url(../icons/closeNotification.gif) !important;
	background-repeat:no-repeat;
	background-position: 2px 2px !important;
}

.ux-notification-window .x-window-header-default .x-tool-img{
	background-color: #d0d0d0 !important;
}

/*System and Event Notification redesign - END*/

.x-border-box .x-tip, .x-border-box .x-tip * {
	box-sizing: content-box;
}

#filterTopbar {
	background-color:#eaeaea !important;
}

/*server filter should be top aligned when in pinning mode*/
#itemsPresenterBar #serverFilterFormPanel {
	top: 0 !important;
	left:0 !important;
}

*.DisplayPanel > *.x-panel-header, #formPanel1 > *.x-panel-header {
	height: 26px;
}

.x-btnhover {
	background: lightgrey;
}

.lblpg {
	top: 4px !important;
}

.lblnonpg {
	top: 1px !important;
	margin-left: -2px !important;
	color: #c33 !important;
}

.wvHomePageIcon {
	font-size: 16px !important;
}

/* Highlight server filters on focus, invalid field will remain red highlighted*/
#serverFilterFormPanel-body input:not(input.x-form-invalid-field):focus {
	border: 1px solid rgb(70, 130, 180) !important;
}

/*input field inside borders image */
.x-form-text:not(input.x-form-invalid-field){
	background-image: none !important;
}

.x-form-exclude-trigger {
	background-image: url(../images/trigger-E.gif);
	width: 12px;
}

div.x-form-exclude-trigger.x-form-trigger-over {
	background-position: -12px 0;
}

.x-form-trigger-wrap-focus .x-form-trigger.x-form-exclude-trigger {
	background-position: -48px 0 !important;
}

#filterWrapper-east-handle, #filterWrapper-west-handle, #filterWrapper-north-handle, #filterWrapper-south-handle,
#filterWrapper-northeast-handle, #filterWrapper-northwest-handle, #filterWrapper-southeast-handle, #filterWrapper-southwest-handle,
#serverFilterFormPanel-east-handle, #serverFilterFormPanel-north-handle, #serverFilterFormPanel-south-handle, #serverFilterFormPanel-west-handle,
#serverFilterFormPanel-southeast-handle, #serverFilterFormPanel-northeast-handle, #serverFilterFormPanel-northwest-handle, #serverFilterFormPanel-southwest-handle
{
	width: 0px !important;
	height: 0% !important;
	left: 0 !important;
	top: 0 !important;
	display: none !important;
}

/* All tools and buttons in the display's toolbar */
*.DisplayPanel > *.x-panel-header *.x-tool, *.DisplayPanel > *.x-panel-header *.x-btn, #formPanel1 > *.x-panel-header *.x-tool, #formPanel1 > *.x-panel-header *.x-btn {
	font-family: Arial,Verdana,Helvetica,sans-serif;
}
/**.DisplayPanel > *.x-panel-header *.x-tool:last-child, *.DisplayPanel > *.x-panel-header *.x-btn:last-child,
		#formPanel1 > *.x-panel-header *.x-tool:last-child, #formPanel1 > *.x-panel-header *.x-btn:last-child {
		margin-right: 5px !important;
	}*/
*.DisplayPanel > *.x-panel-header *.x-btn, #formPanel1 > *.x-panel-header *.x-btn {
	max-height: 18px;
	border-style: outset;
}

	*.DisplayPanel > *.x-panel-header *.x-btn *.x-btn-inner, #formPanel1 > *.x-panel-header *.x-btn *.x-btn-inner {
		margin-top: -1px;
		margin-bottom: -1px;
	}

.CustomeBoxShadow .imageBottomBorder {
	box-shadow: 0 0 0 #000 !important;
}

.LabelBackground .x-field-label-cell {
	background-color: rgba(96,96,96,1) !important;
}

.FieldSpacing {
	padding-left: 5px;
}

.x-item-disabled .x-form-item-label {
	opacity: 1 !important;
}

.panelbackground {
	background: rgba(226,226,226,1);
	background-image: none !important;
}

.x-tool-img {
	width: 16px !important;
	height: 16px !important;
}

.x-tool-columnConfigIcon {
	background-image: url(../../resources/icons/Tag/IcoColumns.png) !important;
}

.x-tool-optionIcon {
	background-image: url(../../resources/icons/Tag/options.png) !important;
}

.x-tool-IcoCompactView {
	background-image: url(../../resources/icons/IcoCompactView.png) !important;
}

.x-tool-IcoDetailView {
	background-image: url(../../resources/icons/IcoDetailView.png) !important;
}

.x-tool-xlsexport {
	background-image: url(../../resources/icons/fa-file-excel.gif) !important;
}

.x-tool-permission {
	background-image: url(../../resources/css/images/UserPermissions.png) !important;
}

.x-tool-submit {
	background-image: url(../../resources/images/TSRView/icn_conf_status.png) !important;
}

.x-tool-confirmQuick {
	background-image: url(../../resources/icons/Tag/IcoConfirm.png) !important;
}

.x-tool-resetToDefault {
	background-image: url(../../resources/icons/ResetDefaults.png) !important;
}

.x-tool-pricingInfo {
	background-image: url(../../resources/icons/Tag/PricingInfo-icon.png) !important;
}

.x-tool-ApplyImmediately {
	background-image: url(../../resources/images/icon_Apply_immediately.png) !important;
}

.x-tool-documentupload {
	background-image: url(../../Images/documentupload.png) !important;
}

.x-tool-filerefresh {
	background-image: url(../../Images/filerefresh.png) !important;
}

.x-tool-addfiles {
	background-image: url(../../resources/icons/custom/Add.png) !important;
}

.x-tool-filters::before {
	content: '\f0b0' !important;
}

.x-tool-compare {
	background-image: url(../../resources/icons/icon-compare.png) !important;
	background-repeat: no-repeat;
}

.x-tool-enotice {
	background-image: url(../../resources/icons/Icon-E-Notice.png) !important;
}

.x-tool-tpParameters {
	background-image: url(../../resources/icons/icon-Parameters.png) !important;
}

.x-tool-prescheduleSummary {
	background-image: url(../../resources/icons/icon-preschedule.png) !important;
}

.x-tool-specialday {
	background-image: url(../../resources/icons/icon-specialday.png) !important;
}

.x-tool-defaulthourly {
	background-image: url(../../resources/icons/icon-defaulthourly.png) !important;
}

.x-tool-defaultdaily {
	background-image: url(../../resources/icons/icon-defaultdaily.png) !important;
}

.x-tool-defaultworkday {
	background-image: url(../../resources/icons/icon-defaultworkday.png) !important;
}

.x-tool-webMasterContact {
	background-image: url(../../resources/icons/icon-webMaster-contact.png) !important;
}

.x-tool-nitsCounfiguration {
	background-image: url(../../resources/icons/icon-Counfiguration.png) !important;
}

.x-tool-dnrAttestation {
	background-image: url(../../resources/icons/icon-Attestation.png) !important;
}

.x-tool-assetOwner {
	background-image: url(../../resources/icons/icon-assets-owner.png) !important;
}

.x-tool-icoReset {
	background-image: url(../../resources/Images/icon-reset.png) !important;
}

.x-tool-icoDefault {
	background-image: url(../../resources/Images/icoDefault.png) !important;
}

.x-tool-apply {
	background-image: url(../../resources/icons/Tag/accept.png) !important;
}

.x-tool-refresh {
	background-image: url(../../resources/images/IcoRefreshWV.png) !important;
}

.x-tool-filterserror {
	background-image: url(../../resources/icons/Tag/new/IcoFilters-not.png);
}

.x-tool-newServiceTiming {
	background-image: url(../../resources/icons/Tag/newServiceTiming.png) !important;
}

.x-tool-window {
	background-image: url(../../resources/icons/Tag/window.png) !important;
}

.x-tool-dockWindow {
	background-image: url('../../resources/images/dock-window.png');
}

.x-tool-legend {
	background-image: url(../../resources/icons/Tag/legend.png) !important;
}

.x-tool-EmailPreferences {
	background-image: url(../../resources/images/IcoEmail.png) !important;
}

.x-tool-newtsr {
	background-image: url(../../resources/images/TSRView/icn_newTSR.png) !important;
}

.x-tool-newasr {
	background-image: url(../../resources/images/TagView/IcoNewTag.gif) !important;
}

.x-tool-newposting {
	background-image: url(../../resources/images/TagView/IcoNewTag.gif) !important;
}

.x-tool-postingwizard {
	background-image: url(../../resources/images/TagView/postingwizard.jpg) !important;
}

.x-tool-transAssign {
	background-image: url(../../resources/images/TSRView/icn_transassign.png) !important;
}

.x-tool-parttrans {
	background-image: url(../../resources/images/TSRView/icn_part_trans.png) !important;
}

.x-tool-fullTransfer {
	background-image: url(../../resources/images/TSRView/icn_full_trans.png) !important;
}

.x-tool-colStrip {
	background-image: url(../../resources/images/TSRView/colstrip.png) !important;
}

.x-tool-newPosting {
	background-image: url(../../resources/icons/Tag/IcoNewOffering.gif) !important;
}

.x-tool-saveasnew {
	background-image: url(../../resources/icons/Tag/IcoSaveAsNew.png) !important;
}

.x-tool-preview {
	background-image: url(../../resources/icons/Tag/IcoPreview.png) !important;
}

.x-tool-Cancel {
	background-image: url(../../resources/icons/Tag/IcoReset.png) !important;
}

.x-tool-newIcon {
	background-image: url(../../resources/icons/Tag/IcoAddNewRecord.png) !important;
}

.x-tool-auditTrailIcon {
	background-image: url(../../resources/icons/Tag/IcoAuditTrail.png) !important;
}

.x-tool-deleteicon {
	background-image: url(../../resources/icons/Tag/IcoDelete.png) !important;
}

.x-tool-previewicon {
	background-image: url(../../resources/icons/Tag/IcoAdjust.gif) !important;
}

.x-tool-simplepreview {
	background-image: url(../../resources/icons/Tag/SimpleTextViewButtons.png) !important;
}

.x-tool-richtextpreview {
	background-image: url(../../resources/icons/Tag/RichTextViewButton.png) !important;
}

.x-tool-modifyicon {
	background-image: url(../../resources/icons/Tag/IcoCorrect.gif) !important;
}

.x-tool-shifticon {
	background-image: url(../../resources/icons/Tag/IcoShiftTemplateTz.png) !important;
}

.x-tool-shiftallicon {
	background-image: url(../../resources/icons/Tag/IcoShiftAllTemplatesTz.png) !important;
}

.x-tool-pdfexport {
	background-image: url(../../resources/icons/Tag/pdf.png) !important;
}

.x-tool-helpicon {
	background-image: url(../../resources/icons/Tag/IcoHelp.gif) !important;
}

.x-tool-printicon {
	background-image: url(../../resources/icons/Tag/IcoPrintTag.gif) !important;
}

.x-tool-emailicon {
	background-image: url(../../resources/icons/Tag/IcoFax.gif) !important;
}

.x-tool-callicon {
	background-image: url(../../resources/icons/Tag/call.png) !important;
}

.x-tool-audit {
	background-image: url(../../resources/images/TSRView/icn_audit.png) !important;
}

.x-tool-displayView {
	background-image: url(../../resources/icons/Tag/IcoDisplayViews.png) !important;
}

.x-tool-redirect {
	background-image: url(../../resources/images/TSRView/icn_redirect.png) !important;
}

.x-tool-AcknowledgeAll {
	background-image: url(../../resources/icons/AcknowledgeAll.png) !important;
}

.x-tool-AcknowledgeAllNo {
	background-image: url(../../resources/icons/AcknowledgeAllNo.png) !important;
}

/* Main Body.
 * These are all the changes for our custom theme.
 */
.x-panel-body-default {
	border: none;
}

.x-panel-body {
	background-color: rgb(226,226,226);
	background-image: -moz-linear-gradient(top, rgb(226,226,226) 0%, rgb(254,254,254) 100%);
	background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(226,226,226)), color-stop(100%, rgb(254,254,254)));
	background-image: -webkit-linear-gradient(top, rgb(226,226,226) 0%, rgb(254,254,254) 100%);
	background-image: -o-linear-gradient(top, rgb(226,226,226) 0%, rgb(254,254,254) 100%);
	background-image: -ms-linear-gradient(rgb(226,226,226) 0%, rgb(254,254,254) 100%);
	background-image: linear-gradient(rgb(226,226,226) 0%, rgb(254,254,254) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 )";
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
}

#filterWrapper-body.x-panel-body {
	background-color: transparent !important;
	background-image: none !important;
	-ms-filter: 'none';
	filter: none;
}

.x-tab-bar-default {
	border-color: transparent;
}

	#DisplayTabControl #DisplayTabControl-body {
		background-color: rgb(226,226,226);
	}

		#DisplayTabControl #DisplayTabControl-body:empty {
			background-color: #c0c0c0;
			background-image: none;
			-ms-filter: 'none';
			filter: none;
		}

#filterWrapper-body.x-panel-body {
	background-color: transparent !important;
	background-image: none !important;
	-ms-filter: 'none';
	filter: none;
}

#DisplayTabBar, *.x-tab-bar-strip-default {
	background-color: rgb(106,106,106);
	background-image: none !important;
	border: none;
	height: 22px;
}

*.x-tab-bar.x-tab-bar-default-docked-top {
	height: 22px;
}

#DisplayTabBar-body, *.x-tab-bar-strip-default.x-tab-bar-body-horizontal.x-tab-bar-body-top {
	padding-bottom: 1px;
	/*padding-top: 1px;*/
	vertical-align: bottom;
}

body.x-ie8 #DisplayTabBar, body.x-ie8 *.x-tab-bar-strip-default {
	height: 24px;
}

/**
  * These are for tabs
  **/
*.DisplayTab, *.x-tab-default-top {
	background-color: #4e4e4e;
	background-image: none !important;
	border-radius: 1px;
	top:-1px;
	font-size: 11px;
}

*.DisplayTab *.x-tab-inner, .x-tab-default .x-tab-inner {
	color: white;
	font-family: verdana,Arial,sans-serif !important;
	font-weight: normal;
	text-align:left !important;
}

/** The currently selected display tab **/
#DisplayTabControl[activetype="inline"] *.DisplayTab.inline.x-Active, #DisplayTabControl[activetype="popup"] *.DisplayTab.popup.x-Active, *.x-tab-default-top-active {
	background-color: white !important;
	background-image: none !important;
	font-weight: bold !important;
	font-size: 10px !important;
	text-align:left !important;
}

#DisplayTabControl[activetype="inline"] *.DisplayTab.inline.x-Active > .x-tab-close-btn, #DisplayTabControl[activetype="popup"] *.DisplayTab.popup.x-Active > .x-tab-close-btn, *.x-tab-default-top-active {
	color: black !important;
	opacity: 1 !important;
}

#DisplayTabControl *.DisplayTab > .x-tab-close-btn {
	color: white !important;
	opacity: 0.6;
}

#DisplayTabControl[activetype="inline"] *.DisplayTab.inline.x-Active *.x-tab-inner, #DisplayTabControl[activetype="popup"] *.DisplayTab.popup.x-Active *.x-tab-inner, *.x-tab-default-active *.x-tab-inner {
	color: black;
	font-weight:bold;
	font-size: 10px !important;
	text-align:left !important;
}

.x-tab-default-top, .x-tab-default-left, .x-tab-default-right {
	border: none;
	box-shadow: none;
	border-top: 1px solid #A0A0A0;
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
}

.x-nlg .x-tab-default-top-active, .x-nlg .x-tab-default-left-active, .x-nlg .x-tab-default-right-active {
	background-color: rgb(26,118,204);
	background-image: -moz-linear-gradient(top, rgb(26,118,204) 0%, rgb(15,77,138) 100%);
	background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(26,118,204)), color-stop(100%, rgb(15,77,138)));
	background-image: -webkit-linear-gradient(top, rgb(26,118,204) 0%, rgb(15,77,138) 100%);
	background-image: -o-linear-gradient(top, rgb(26,118,204) 0%, rgb(15,77,138) 100%);
	background-image: -ms-linear-gradient(top, rgb(26,118,204) 0%, rgb(15,77,138) 100%);
	background-image: linear-gradient(to bottom, rgb(26,118,204) 0%, rgb(15,77,138) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a76cc', endColorstr='#0f4d8a', GradientType=0 )";
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a76cc', endColorstr='#0f4d8a', GradientType=0 );
}

.x-tab-close-btn {
	background-image: none !important;
	-ms-filter: "none" !important;
	filter: none !important;
}

.x-tab-close-btn::after{
	content: '\f00d' !important;
	font-family: FontAwesome;
}

.x-tab.x-tab-Active.x-tab-default span.x-tab-close-btn {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: element;
	-o-user-select: text;
	user-select: text;
	cursor: pointer;
}

.x-tab-default .x-tab-close-btn{
	top: 2px;
	right: 2px;
	width: 12px;
	height: 12px;
	font: 12px/1 'FontAwesome', ExtJS, iOS, Pictos;
}

.x-tab-default-top-Active{
	border-bottom: 1px solid #9b8c8c;
}

.DisplayTab{
	height: 21px !important;

}

#DisplayTabControl[activeType="inline"] *.DisplayTab.inline.x-Active.x-over, #DisplayTabControl[activeType="popup"] *.DisplayTab.popup.x-Active.x-over, *.x-tab.x-tab-default-top.x-over.x-active {
	/*box-shadow: -2px -2px 4px 2px rgba(97,169,250,0.7) inset;*/
}

/*************************************
	Fix for active tab in IE 8
*/
*.x-ie *.DisplayTab {
	background-color: transparent !important;
}

*.x-ie8 *.DisplayTab, *.x-ie8 *.x-tab-default {
	margin-bottom: 0;
}

	*.x-ie8 *.DisplayTab.x-Active, *.x-ie8 *.x-tab-default.x-tab-default-active {
		background-image: none !important;
		filter: none !important;
	}

		*.x-ie8 *.DisplayTab.x-Active td.x-frame-mc, *.x-ie8 *.x-tab-default.x-tab-default-active td.x-frame-mc {
			background: none;
			background-color: rgb(29,87,163) !important; /*background-image: url('../images/tabs/tab-default-top-active-bg.gif');*/
		}

		*.x-ie8 *.DisplayTab.x-Active td.x-frame-tl, *.x-ie8 *.DisplayTab.x-Active td.x-frame-tr, *.x-ie8 *.x-tab-default.x-tab-default-active td.x-frame-tl, *.x-ie8 *.x-tab-default.x-tab-default-active td.x-frame-tr {
			background-color: transparent !important;
			background-image: url('../images/tabs/tab-default-top-active-corners.gif');
		}

		*.x-ie8 *.DisplayTab.Active td.x-frame-tc, *.x-ie8 *.x-tab-default.x-tab-default-active td.x-frame-tc {
			background-color: transparent !important;
			background-image: url('../images/tabs/tab-default-top-active-corners.gif');
		}

		*.x-ie8 *.DisplayTab.Active td.x-frame-ml, *.x-ie8 *.DisplayTab.Active td.x-frame-mr, *.x-ie8 *.x-tab-default.x-tab-default-active td.x-frame-ml, *.x-ie8 *.x-tab-default.x-tab-default-active td.x-frame-mr {
			background-color: transparent !important;
			background-image: url('../images/tabs/tab-default-top-active-sides.gif');
		}

/* End of tabs section */

/****************************/
/* Panel Headers			*/
/****************************/

/* The title bar for displays*/
*.DisplayPanel > *.x-panel-header, #formPanel1 > *.x-panel-header, body > *.x-panel-default > *.x-panel-header {
	border-bottom: 1px solid rgb(191, 191, 191) !important;
}

/** The title bar for dialogs and panels within displays */
*.x-panel-default > *.x-panel-header.x-panel-header-horizontal:first-child {
	border: 1px solid rgb(229, 229, 229);
	border-bottom-color: rgb(191, 191, 191) !important;
}

.x-panel-header-default-top {
	box-shadow: none;
}

.x-panel-header-default {
	border: none; /*background-image: -webkit-linear-gradient(top,#FFFFFF,#AFAFAF) !important;     background-image: -moz-linear-gradient(top,#FFFFFF,#AFAFAF) !important;     background-image: -o-linear-gradient(top,#FFFFFF,#AFAFAF) !important;*/
}

/*
.x-panel-header-default
{
background: rgba(158,158,158,1);
background: -moz-linear-gradient(left, rgba(158,158,158,1) 0%, rgba(135,132,135,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(158,158,158,1)), color-stop(100%, rgba(135,132,135,1)));
background: -webkit-linear-gradient(left, rgba(158,158,158,1) 0%, rgba(135,132,135,1) 100%);
background: -o-linear-gradient(left, rgba(158,158,158,1) 0%, rgba(135,132,135,1) 100%);
background: -ms-linear-gradient(left, rgba(158,158,158,1) 0%, rgba(135,132,135,1) 100%);
background: linear-gradient(to right, rgba(158,158,158,1) 0%, rgba(135,132,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#878487', GradientType=1 );
}
*/

.x-panel-header-text-container-default {
	color: #06c;
	font-weight: bold;
	font-size: small;
}

/* End of Panel Header */

.x-box-target {
	background-color: transparent;
}

.x-component {
	background-color: transparent;
}

.x-box-inner {
	background-color: transparent !important;
	margin: 0 auto;
}

.x-toolbar-default {
	background-color: transparent;
	border: none;
}
/*
.x-border-box, .x-border-box *
{
	-moz-box-sizing: none;
}*/

body.x-ie9m *.x-grid.x-panel table.x-grid-table.x-grid-with-row-lines {
	border-top-width: 0 !important;
}

/*
*.x-grid.x-panel > #filterTopbar, *.x-grid.x-panel > *.x-grid-header-ct, *.x-grid.x-panel > *.x-grid-body {
	background: transparent !important;
	-ms-filter: "none";
	filter: none;
}*/
*.x-grid.x-panel > *.x-grid-header-ct > * > * > *.x-column-header {
	border-bottom: 1px solid rgb(174, 174, 174);
}

	*.x-grid.x-panel > *.x-grid-header-ct > * > * > *.x-column-header:first-child {
		outline: 1px solid rgb(197,197,197);
	}

*.x-grid.x-panel > *.x-grid-body > *.x-grid-view > table.x-grid-table {
	border-right: 1px solid rgb(197,197,197);
	border-left: 1px solid rgb(197,197,197);
}

	*.x-grid.x-panel > *.x-grid-body > *.x-grid-view > table.x-grid-table > tbody > tr > td:last-child {
		border-right: 1px solid rgb(197,197,197);
	}

/*Summary page Status bar: Remote display were showing background of the webTrader Iframe which is too dard due to transparent confg, so set it hard coded with high rule*/
#statusBar.x-toolbar-default {
	background-color: #e6e6e6 !important;
	background-image: none !important;
	border: none;
}

#SystemFooter, #SystemFooter.x-toolbar-default {
	background-color: #d8d8d8 !important;
	background-image: none !important;
	border: none;
}

.x-grid-header-ct {
	background-color: rgb(218,218,218);
	background-image: -moz-linear-gradient(top, rgb(218,218,218) 0%, rgb(217,217,217) 100%);
	background-image: -ms-linear-gradient(rgb(218,218,218) 0%, rgb(217,217,217) 100%);
	background-image: -o-linear-gradient(top, rgb(218,218,218) 0%, rgb(217,217,217) 100%);
	background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(218,218,218)), color-stop(100%, rgb(217,217,217)));
	background-image: -webkit-linear-gradient(top, rgb(218,218,218) 0%, rgb(217,217,217) 100%);
	background-image: linear-gradient(rgb(218,218,218) 0%, rgb(217,217,217) 100%) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#d9d9d9', GradientType=0 )";
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#d9d9d9', GradientType=0 );
	border-bottom-width: 0 !important;
}

*.x-grid.x-panel > *.x-grid-header-ct > *.x-box-inner {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-collapse: collapse;
}

*.x-grid.x-panel > *.x-grid-header-ct > * > * {
}

*.x-grid.x-panel > *.x-grid-body > *.x-grid-view > table.x-grid-table > tbody > tr:first-child > td {
	border-top-width: 0 !important;
}

.x-grid-table {
	margin: 0 auto !important;
	position: relative !important;
}

/*
.x-grid-view
{
	overflow-y: scroll !important;
}
*/
.x-grid-row-body p {
	margin: 5px 5px 10px 5px !important;
}

.x-grid-row .x-grid-cell {
	/*background: #DDFFDD;*/
	border-color: #FAFAFA #EDEDED #EDEDED;
	border-right: 1px solid #EDEDED;
	border-style: solid;
	border-width: 1px; /*font: 11px/15px tahoma,arial,verdana,sans-serif;*/
}

.x-grid-row .x-grid-cell-inner {
	white-space: pre !important;
	overflow: visible !important;
}

.x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div {
	background-color: #ffffff;
	font-weight: bold !important;
}

.x-grid-row-alt .x-grid-cell, .x-grid-row-alt .x-grid-rowwrap-div {
	background-color: #F3F5FA; /*EEFFEE*/
}

/* Data table cells (alt) */
*.x-grid-data-row.x-grid-row-alt > *.x-grid-cell, *.x-grid-data-row.x-grid-row-alt *.x-grid-rowwrap-div {
	background-color: #F3F5FA;
}

/* Data table cells on hover */
*.x-grid-data-row.x-grid-row-over > *.x-grid-cell, *.x-grid-data-row.x-grid-row-over *.x-grid-rowwrap-div {
	background-color: none;
}

*.x-tree-ddindicator {
	height: 1px;
	border-width: 2px 0 0;
	border-style: solid;
	border-color: green;
}

/* Data table cells (row selected) */
*.x-grid-data-row.x-grid-row-selected > *.x-grid-cell, *.x-grid-data-row.x-grid-row-selected > *.x-grid-cell table.OutageClass, *.x-grid-data-row.x-grid-row-selected > *.x-grid-cell .x-grid-cell-inner {
	background-color: none;
	font-weight: bold !important;
}

/* to remove white border lines in grid row */
table.x-grid-table {
	border-collapse: collapse;
}

.x-column-header .x-column-header-inner {
	text-align: center;
	font-weight: bold;
	padding: 2px;
	font-size: 11px;
}

.x-grid-td {
	border-color: #cccccc !important;
}

.x-column-header-checkbox .x-column-header-inner {
	display: inline-block !important;
	margin: 3px !important;
}

/*body.x-gecko *.x-grid-td {
	border-left: none !important;
}*/

*.x-grid-empty {
	background: transparent;
	vertical-align: middle;
}

/* Style used in template which shows no records have been found in grid panel*/
*.norecords {
	background-color: #E8F5FD;
	border: 1px solid steelblue;
	height: 100% !important;
	margin: auto 0;
	min-height: 42px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	vertical-align: middle;
	width: 100% !important;
}

	*.norecords *.message {
		background-color: #fefefe;
		border: 1px solid steelblue;
		color: steelblue;
		font: normal normal bold 15px/200% Arial,Verdana,Helvetica,sans-serif;
		height: 30px;
		margin: auto;
		text-align: center;
		width: 300px;
		vertical-align: middle;
	}

/** Hiding disabled "Sort Ascending" and "Sort Descending" menu items for columns in grid panels */
.x-menu-item.x-hmenu-sort-desc, .x-menu-item.x-hmenu-sort-asc {
	display: none;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	width: 0;
}
	/** Hiding the menu separator after the disabled menu items */
	body > *.x-menu .x-menu-item-disabled.x-hmenu-sort-asc + div.x-menu-item-disabled.x-hmenu-sort-desc + div.x-menu-item-separator {
		display: none;
		margin: 0;
		padding: 0;
		height: 0;
		visibility: hidden;
		width: 0;
	}

/************************************************************************/
/*	Nested Displays and dialogs											*/
/************************************************************************/

#Mapping-splitter, *.DisplaySplitter {
	background-image: none;
	-ms-filter: 'none';
	filter: none;
}

	#Mapping-splitter.x-splitter-vertical, *.DisplaySplitter.x-splitter-vertical {
		border-left: 1px solid #b2b2b2;
	}

	#Mapping-splitter.x-splitter-horizontal, *.DisplaySplitter.x-splitter-horizontal {
		border-top: 1px solid #ccc;
	}

#Mapping > #Mapping_header, *.NestedDisplay > *.x-panel-header {
	background-image: none;
	background-color: #d7d2d2;
	margin: 0;
}

#Mapping > #Mapping_header, *.NestedDisplay > *.x-panel-header, #Mapping > *, *.NestedDisplay > *, #Mapping-placeholder {
	border: 1px solid #c4bcbc !important;
}

	#Mapping > #Mapping_header, *.NestedDisplay > *.x-panel-header, #Mapping-placeholder {
		box-shadow: hsla(0, 0%, 75.8%, 0.50) 0 0 2px 1px inset;
	}

		#Mapping > #Mapping_header.x-panel-header-horizontal, *.NestedDisplay > *.x-panel-header.x-panel-header-horizontal {
			background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, hsl(220, 15%, 95.1%)), color-stop(100%, hsl(220, 5%, 90.3%)));
			background-image: -webkit-linear-gradient(top, hsl(220, 15%, 95.1%), hsl(220, 5%, 90.3%));
			background-image: -moz-linear-gradient(top, hsl(220, 15%, 95.1%), hsl(220, 5%, 90.3%));
			background-image: -o-linear-gradient(top, hsl(220, 15%, 95.1%), hsl(220, 5%, 90.3%));
			background-image: linear-gradient(top, hsl(220, 15%, 95.1%), hsl(220, 5%, 90.3%));
		}

		#Mapping > #Mapping_header.x-panel-header-vertical, *.NestedDisplay > *.x-panel-header.x-panel-header-vertical {
			background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, hsl(220, 15%, 95.1%)), color-stop(100%, hsl(220, 5%, 90.3%)));
			background-image: -webkit-linear-gradient(right, hsl(220, 15%, 95.1%), hsl(220, 5%, 90.3%));
			background-image: -moz-linear-gradient(right, hsl(220, 15%, 95.1%), hsl(220, 5%, 90.3%));
			background-image: -o-linear-gradient(right, hsl(220, 15%, 95.1%), hsl(220, 5%, 90.3%));
			background-image: linear-gradient(right, hsl(220, 15%, 95.1%), hsl(220, 5%, 90.3%));
		}

/*********************/
/* SERVER FILTERS */
/*********************/

/* Filter Header alignment issue */
#FilterContainer_header_hd {
	top: 0px !important;
}

/* displays the value for a single server filter*/
.divclass {
	background-color: #eee;
	/*box-shadow: 1px 1px 2px hsla(200, 20%, 63.3%, 0.8);*/
	cursor: default;
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 2px;
	margin-right: 4px;
	padding: 1px 6px 1px 5px;
	border: 1px solid lightgrey;
	vertical-align: middle;
}

	.divclass:last-child {
		margin-right: 3px;
	}

	.divclass:hover {
		background-color: #c0ddf9;
	}

body.x-ie8 *.divclass {
	border: 1px solid;
	border-color: #cdcdcd #bbb #bbb #cdcdcd;
	border-collapse: collapse;
}

#serverFilterFormPanel-body {
	/*border: 1px solid Gray; 	padding: 2px !important;*/
}

/* image icon in Title Bar and Text */
#Form1_header-iconEl {
	height: 17px !important;
	width: 24px !important;
}

#Form1_header_hd-textEl {
	color: #06c;
	font-weight: bold;
}

/* style used for server filter and server filter's wrapper container */
.filterWrapper {
	background-color: rgba(0,0,0, 0.75);
	position: absolute !important;
	border: 1px solid white;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 999;
}

/* IE 8 does not support rgba(), using filter to make background transparent */
body.x-ie8m *.filterWrapper {
	background-color: black;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(0.75);";
	filter: progid:DXImageTransform.Microsoft.Alpha(0.75);
}

/** the dialog-like popup panel used to configure server filters (and display views, other popups) **/
.filter, *.display-config-panel {
	background-color: rgb(120,120,120);
	border: 1px outset rgb(120,120,120);
	display: block;
	padding: 0 !important;
	position: absolute;
	top: 10%;
	left: 10%;
	z-index: 9999;
}

	*.filter.x-panel > *.x-panel-body, *.display-config-panel > *.x-panel-body {
		border-collapse: separate !important;
		margin: 0 !important;
		padding: 1px !important;
	}

		*.filter.x-panel > *.x-panel-body > *.x-panel, *.display-config-panel > *.x-panel-body > *.x-panel {
			border: none !important;
			margin: 0 !important;
			padding: 0 !important;
		}
			/* The titlebar for the popup */
			*.filter.x-panel > *.x-panel-body > *.x-panel > *.x-panel-header, *.display-config-panel > *.x-panel-body > *.x-panel > *.x-panel-header {
				border: 1px outset #b5b5b5 !important;
				box-shadow: 0 0 2px 1px hsl(0, 0%, 75%) inset;
				margin: 0 0 1px !important;
			}

			*.filter.x-panel > *.x-panel-body > *.x-panel > *.x-panel-body, *.display-config-panel > *.x-panel-body > *.x-panel > *.x-panel-body {
				border: 1px inset #b8b8b8 !important;
				padding: 10px;
			}

/* Style used for server filter's label located at top of form panel */
div.filterValueBox > span.filtervalcls, div.filterValueBox > b > span.filtervalcls {
	font-size: 11px;
	font-weight: normal;
}

div.filterValueBox > img, div.filterValueBox > b > img {
	border: 1px solid #aaaaaa;
	cursor: pointer;
	margin-top: 6px;
	margin-left: 2px;
	vertical-align: top;
}

/* style used for clear button plugin*/
.ext-ux-clearbutton {
	-moz-user-focus: ignore; /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
	cursor: pointer;
	position: absolute;
	overflow: hidden; /* IE 6 :-( */
	background-color: white;
}

.ext-ux-clearbutton::after{
	font: 12px 'FontAwesome' !important;
	content: '\f00d' !important;
	color: gray;
}

/*Clear button hover - turn button color black from gray - Even WV is keeping it always grey but WST/WSO will trun to black on hover to give it more focus*/
.ext-ux-clearbutton:hover::after{
	color: black;
}

.ext-ux-clearbutton-on {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .10s linear;
	-moz-transition: opacity .10s linear;
	-o-transition: opacity .10s linear;
	-ms-transition: opacity .10s linear;
	-khtml-transition: opacity .10s linear;
	transition: opacity .10s linear;
}

.ext-ux-clearbutton-off {
	opacity: 0;
	visibility: hidden;
	-khtml-transition: opacity .10s linear, visibility .0s linear .10s;
	-moz-transition: opacity .10s linear, visibility .0s linear .10s;
	-ms-transition: opacity .10s linear, visibility .0s linear .10s;
	-o-transition: opacity .10s linear, visibility .0s linear .10s;
	-webkit-transition: opacity .10s linear, visibility .0s linear .10s;
	transition: opacity .10s linear, visibility .0s linear .10s;
}

/*  Access theme specific styles
	-----------------------------------------------------------------------------------------------*/

.x-theme-access html body {
	color: #f2f2f2;
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 9px;
}

::-webkit-scrollbar-thumb {
	border-radius: 9px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

#instructions ul li {
	list-style-type: disc;
	list-style-position: outside;
	font-size: 12px;
	margin: 0px 0px 0px 20px;
}

/* Icons */
.ux-notification-icon-information {
	background-image: url('Images/icon16_info.png');
}

.ux-notification-icon-error {
	background-image: url('Images/icon16_error.png');
}

/* Using standard theme */
.ux-notification-window .x-window-body {
	text-align: center;
	padding: 15px 5px 15px 5px;
	width: 200px;
}

.ux-notification-light .x-window-body {
	text-align: center;
	padding: 15px 5px 18px 5px;
	width: 200px;
	background-color: transparent;
	border: 0px solid white;
}

/* StatusBar - structure */
.x-statusbar .x-status-text {
	cursor: default;
}

.x-statusbar .x-status-text-panel {
	border-color: #99bbe8 #fff #fff #99bbe8;
	border-style: solid;
	border-width: 1px;
	padding: 2px 8px 2px 5px;
}

/* StatusBar word processor example styles */

#word-status .x-status-text-panel .spacer {
	width: 60px;
	font-size: 0;
	line-height: 0;
}

#word-status .x-status-busy, #word-status .x-status-saved, #word-status .x-status-error, #word-status .x-status-valid, .x-statusbar .x-status-busy {
	padding-left: 25px !important;
	background: transparent no-repeat 3px 0;
}

.x-statusbar .x-status-busy {
	background-image: url(../images/loading.gif);
}

#word-status .x-status-busy {
	background-image: url(../images/saving.gif);
}

#word-status .x-status-saved {
	background-image: url(../images/saved.png);
}

/* StatusBar form validation example styles */

.x-statusbar .x-status-error {
	cursor: pointer;
	color: #C33;
	background-image: url(../../resources/icons/exclamation.gif);
}

.x-statusbar .x-status-valid {
	background-image: url(../images/accept.png);
}

.x-status-error-list {
	border: 1px solid #C33;
	font: 11px tahoma,arial,verdana,sans-serif;
	padding: 5px 10px;
	position: absolute;
	z-index: 9999;
}

	.x-status-error-list li {
		cursor: pointer;
		list-style: disc;
		margin-left: 10px;
	}

		.x-status-error-list li a {
			color: #15428B;
			text-decoration: none;
		}

			.x-status-error-list li a:hover {
				text-decoration: underline;
			}

.x-statusbar-custom {
	color: #C33;
}

#word-status .x-status-text {
	color: #777;
}

/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */

*.FormControls {
	display: block;
	width: 100%;
}

*.FormControls *.x-button + *.x-button {
	margin-left: 10px;
}

*.EntryForm *.x-form-item-label-left {
	text-align: right;
}

*.EntryForm fieldset {
	background-color: rgb(242, 242, 242); /** <- because IE 8 doesn't support rgba() */
	background-color: rgba(242, 242, 242, 0.80);
}

.x-monthpicker, .x-datepicker {
	width: 177px !important
}

/* Duration Widget */
.durationWidgetOptions {
	padding-left: 5px;
	white-space: pre;
}

	.durationWidgetOptions .x-combo-list-group:empty {
		display: none !important;
	}

	.durationWidgetOptions .x-combo-list-group {
		padding-left: 0 !important;
		color: blue;
	}

		.durationWidgetOptions .x-combo-list-group:empty ~ li.x-boundlist-item {
			padding-left: 0;
		}

		.durationWidgetOptions .x-combo-list-group ~ li, .durationWidgetOptions .x-combo-list-group:not(:empty) ~ li.x-boundlist-item {
			padding-left: 12px;
		}

/** Drop-Down Lists */
*.x-list-plain {
}

/* highlighted / selected items in drop-down lists*/
body.x-ie11 *.x-column-header {
	background-image: none;
	background-color: #DCDCDC;
	background-image: -ms-linear-gradient(#F9F9F9, #E3E4E6);
	background-image: linear-gradient(#F9F9F9, #E3E4E6);
}

body.x-ie11 *.x-column-header-over {
	background-image: none;
	background-color: #DCDCDC;
	background-image: -ms-linear-gradient(#ffffff, #f0f0f0 100%);
	background-image: linear-gradient(#ffffff, #f0f0f0);
}

.splitbtncss {
	padding: 0px !important;
	background-image: none !important;
	background-color: transparent !important;
	border-color: transparent !important;
}

.x-btn-default-small .x-btn-split-right {
	padding-right: 14px !important;
}

/* highlighted / selected items in drop-down lists*/
*.x-boundlist-item.x-boundlist-item-over, *.x-boundlist-item.x-boundlist-item-selected, option:hover {
	background-color: rgb(182, 205, 251);
}

.filterBox {
	border: solid 1px rgb(168,168,168) !important;
	/*box-shadow: 5px 5px 20px #000000;*/
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div#serverFilterFormPanel_header {
	border-bottom: solid 1px rgb(150, 150, 150) !important;
}

.x-tool-showgraph {
	background-image: url(../../resources/icons/show-graph-icon.png) !important;
	padding: 2px;
}

.x-tool-hidegraph {
	background-image: url(../../resources/icons/hide-graph-icon.png) !important;
	padding: 2px;
}

.x-tool-nograph {
	background-image: url(../../resources/icons/not-graph-icon.png) !important;
	padding: 2px;
}

.setTableMargin {
	margin: 0 !important;
}

/*To make separator more visible between normal and locked grid*/
#gridPanel-normal {
	border-left: 1px solid #b3b3b3;
}

/*Hide IE11 default X button from input because WSO have its own clearButton plugin - in wync with WST*/
input[type=text]::-ms-clear {
	display: none;
}

/*Password fields eye icons*/
.eyeBtnDisabled {
	background-image: url('../../resources/icons/eye-slash-icon-disable.png');
}
.eyeBtnDisabled:hover{
	background-image: url('../../resources/icons/eye-slash-icon-enable.png');
}
.eyeBtnEnabled{
	background-image: url('../../resources/icons/eye-icon-disable.png');
}
.eyeBtnEnabled:hover{
	background-image: url('../../resources/icons/eye-icon-enable.png');
}

/* Dashboard icon Start*/
.x-tool-maximize {
	background-image: url(../../resources/icons/max.gif) !important;
	/*margin-top: 0px !important;*/
	background-position: 0px 0px;
}

.x-tool-minimize {
	background-image: url(../../resources/icons/min.gif) !important;
	/*margin-top: 0px !important;*/
	background-position: 0px 0px;
}

.x-tool-over .x-tool-maximize, .x-tool-over .x-tool-minimize {
	background-position: 0px 0px;
}
/* Dashboard icon Start*/

/*Mouse over an any row BG color*/
.x-grid-row-over .x-grid-td, .x-grid-row-over .x-grid-td table.OutageClass {
	/*background-color: #add3ef !important;*/ /*Commented out this line because we dont need any mouse over row color with default theme*/
}

/*Close icon content alerts START*/
.x-tool-img.x-tool-close{
	background:transparent !important;
	background-image: url(../../resources/icons/cross.gif) !important;
	background-repeat: no-repeat;
	opacity: 0.6;
}

.x-tool-img.x-tool-close:hover{
	background:transparent !important;
	background-image: url(../../resources/icons/cross.gif) !important;
	background-repeat: no-repeat;
	opacity: 1;
}
/*Close icon content alerts END*/

/*Expand collapse arrow START*/
.x-tool-collapse-top {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: -1px 0px;
	opacity: 0.6;
}

.x-tool-collapse-top:hover {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: -1px 0px;
	opacity: 1;
}

.x-tool-expand-bottom {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: 2px 0px;
	opacity: 0.6;
	transform: rotate(180deg);
}

.x-tool-expand-bottom:hover {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: 2px 0px;
	opacity: 1;
	transform: rotate(180deg);
}

.x-tool-expand-left {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: -1px 0px;
	opacity: 0.6;
	transform: rotate(-90deg);
}

.x-tool-expand-left:hover {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: -1px 0px;
	opacity: 1;
	transform: rotate(-90deg);
}

.x-tool-expand-right {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: -1px 0px;
	opacity: 0.6;
	transform: rotate(90deg);
}

.x-tool-expand-right:hover {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: -1px 0px;
	opacity: 1;
	transform: rotate(90deg);
}

.x-tool-collapse-right {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: -1px 0px;
	opacity: 0.6;
	transform: rotate(-270deg);
}

.x-tool-collapse-right:hover {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: -1px 0px;
	opacity: 1;
	transform: rotate(-270deg);
}

.x-tool-collapse-left {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: -1px 0px;
	opacity: 0.6;
	transform: rotate(-90deg);
}

.x-tool-collapse-left:hover {
	background-image: url(../../resources/icons/caret.gif) !important;
	background-repeat: no-repeat;
	background-position: -1px 0px;
	opacity: 1;
	transform: rotate(-90deg);
}
/*Expand collapse arrow END*/