body.x-border-layout-ct {
	background-color: rgb(248, 248, 248) !important;
	background-image: none !important;
}

body {
	-ms-scrollbar-base-color: #dfe8f6;
	scrollbar-base-color: #dfe8f6;
	-ms-scrollbar-shadow-color: #dfe8f6 !important;
	scrollbar-shadow-color: #dfe8f6 !important;
	-ms-scrollbar-darkshadow-color: #afb8f6 !important;
	scrollbar-darkshadow-color: #afb8f6 !important;
}

.x-form-invalid, textarea.x-form-invalid {
	background-image: url(/Themes/Gray/text-bg.gif) !important;
	/*border-color: #7eadd9 !important;*/
}


.a-grid-row-preview-class {
	color: hsl(224, 48%, 50%);
	font-style: italic;
}

.logo {
	color: Navy;
}

.a-SystemPanel {
	background-color: #E9E9EA;
}

.a-navigator-panel .x-accordion-hd .x-panel-header-text {
	/*color: #15428b;*/
}

.a-navigator-panel > .x-panel-header > .x-tool {
	background-image: url(/Themes/Gray/tools-sprites-trans.png);
}

.a-navigator-panel .x-panel-body {
	/*background-color: #f9fcff;*/
}


.a-navigator-panel > .x-panel-header {
	background-image: none;
	/*background-color: hsl(0, 0%, 61%);
	border-color: hsl(0, 0%, 51%);*/
}


	.a-navigator-panel > .x-panel-header .x-panel-header-text {
		color: rgba(33, 33, 33,.99);
		text-shadow: 0px 0px 1px rgba(85, 79, 79, .8), 0px -1px 4px #eeeeee, 0px 1px 4px #eeeeee, -1px 0px 4px #eeeeee, 1px 0px 4px #eeeeee, 0px -1px 12px #eeeeee, /* north      */
		0px 1px 12px #eeeeee, -1px 0px 12px #eeeeee, 1px 0px 12px #eeeeee, -1px -1px 12px #eeeeee, -1px 1px 12px #eeeeee, 1px -1px 12px #eeeeee, 1px 1px 12px #eeeeee;
	}


.a-tree-white-background .x-panel-body {
	background-color: white;
}


.a-navigator-panel .x-panel-body li a {
	text-decoration: none;
	color: rgb(107, 107, 107) !important;
}

.a-navigator-panel .x-plain-body {
	background-color: rgb(217, 217, 217);
}

.a-navigator-panel .x-panel-body li a:hover {
	color: rgb(79, 79, 79);
}

.ux-vertical-tabs .x-tab-panel-header {
	background-color: rgb(232, 232, 232);
}

.ux-vertical-tabs-left .x-tab-panel-bwrap {
	border-left-color: rgb(184, 184, 184);
}

.ux-vertical-tabs-right .x-tab-panel-bwrap {
	border-right-color: rgb(184, 184, 184) !important;
}

.ux-vertical-tabs ul.x-tab-strip-top {
	border-bottom-color: #fff;
	background-color: rgb(237, 237, 237) !important;
	background-image: none;
}

.ux-vertical-tabs .x-tab-strip-active {
	background-color: rgb(254, 254, 254) !important;
}

.ux-vertical-tabs .x-tab-strip-over {
	background-color: RGB(228,240,252) !important;
}

.ux-vertical-tabs ul.x-tab-strip li {
	border-bottom-color: rgb(184, 184, 184) !important;
}

.ux-vertical-tabs {
	border-color: transparent;
	border-width: 0;
}

.a-LayoutControl-Focus {
	background-color: rgba(215,234,252, .821);
	box-shadow: 0 0 4px RGBA(215,234,252,.5);
}

.a-form-label-colored {
	/*color: rgb(130, 120, 120);*/
	color: hsl(209, 37%, 42%);
}


.a-form-label-Bold {
	font-weight: bold;
	color: #6F0000;
}

.a-form-label-Mandatory {
	font-weight: bold;
}

.a-Borderd-inactive {
	border-color: rgba(181, 184, 200, .85);
}

.a-MoInfoSubFormUi {
	/*border: #99BBE8 solid 1px;*/
}

input.x-form-field:focus {
	/*border-color: rgba(126,173,217, 1);*/
	border-color: rgb(146,192,224) !important;
}

.x-form-text, textarea.x-form-field {
	background-color: #fff;
	background-image: none;
	border-color: rgb(171, 171, 171);
}
.a-singleImageFrame {
	border: 1px rgb(171, 171, 171) solid;
}

.a-LinearList.x-form-text.x-form-focus {
border-color: rgb(146,192,224) !important;
}


.x-barsa-delete-trigger {
    background-image: url(/Themes/Gray/trigger-delete.png) !important;
}

.x-barsa-normal-trigger {
	background-image: url(/Themes/Gray/trigger.png) !important;
}

.x-barsa-new-trigger {
	background-image: url(/Themes/Gray/trigger-new.png) !important;
}

.x-barsa-edit-trigger {
	background-image: url(/Themes/Gray/trigger-edit.png) !important;
}


.x-barsa-isAutomatic-trigger {
	background-image: url(/Themes/Gray/trigger-Refresh.png) !important;
}

.x-barsa-PopupSelectList-trigger {
	background-image: url(/Themes/Gray/trigger-find.png) !important;
}

.x-barsa-AutoNum-trigger {
	width: 40px !important;
	background-image: url(/Themes/Gray/trigger-AutoNum.png) !important;
}

.x-form-field-wrap .x-form-date-trigger {
	background-image: url(/Themes/Gray/trigger-date.png) !important;
}

.x-form-field-wrap .a-form-daterange-trigger {
	background-image: url(/Themes/Gray/trigger-date-range.png) !important;
}

.x-form-field-wrap .a-form-time-trigger {
	background-image: url(/Themes/Gray/trigger-time.png) !important;
}


/*Omid: Make tab strip more beautiful. but i have to make it important and then set the vertical tab style again*/
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
	/*background-image: url(/Themes/Gray/tabs-sprite.gif) !important;*/
}

ul.x-tab-strip-top {
	background-image: none;
	background-color: transparent;
}

.ux-vertical-tabs .x-tab-strip-top .x-tab-right, .ux-vertical-tabs .x-tab-strip-top .x-tab-left, .ux-vertical-tabs .x-tab-strip-top .x-tab-strip-inner {
	background-image: none !important;
}

.ux-vertical-tabs .x-tab-left, .ux-vertical-tabs .x-tab-strip .x-tab-with-icon .x-tab-right, .ux-vertical-tabs .x-tab-strip-top .x-tab-right {
	background: none !important;
	padding: 0;
}


.x-panel .a-UnifiedListViewer .x-panel-body .a-parameter-panel .x-panel-body {
	/*background-color: rgb(223, 232, 246) !important;*/
}

.x-grid3-row-disable {
	/*background-color: white !important;
	color: grey !important;*/
}


.grid-total-row, .grid-total-row:hover {
	/*background-color: #dfe8f6 !important;*/
}

.a-worlflow-panel-body {
	border: 1px solid rgb(191, 191, 191);
	background-color: lightgoldenrodyellow;
}

	.a-worlflow-panel-body .x-panel-body {
		background-color: transparent !important;
	}

.a-worlflow-panel-text {
	color: #333333;
	-ms-text-shadow: 0 0 1px #a9a9a9;
	text-shadow: 0 0 1px #a9a9a9;
}

.a-TiggerButton-BorderRight {
	border-color: RGBA(120, 120, 120, .5);
}

.a-TiggerButton-BorderLeft {
	border-color: RGBA(120, 120, 120, .5);
}

.a-TiggerButton-BorderBoth {
	border-color: RGBA(120, 120, 120, .5);
}

.a-LayoutVline {
	background-image: url('/images/othercontrols/vline.png');
}

.a-LayoutHline {
	background-image: url('/images/othercontrols/hline.png');
}

.a-LayoutSimpleLabel {
	font-size: 11.5px;
}

/*Note: There is a bug in EXTJS: groups without frame but with border wont show boder when hosted in TabPanel!. here we frce a border */
.a-LayoutGroup-BodyWithBorder {
	/*border-color: rgb(153, 187, 232) !important;*/
}

.a-LayoutTabPage {
	/*background-color: #DFE8F6;*/
}

.a-UndefinedFieldInfoUi {
    border-color: RGB(171,171,171);
}


input[type=checkbox]:focus + label {
	border-left-color: RGB(126, 173, 217);
}

.a-DateRangeEx input[type=text] + img {
	border-color: RGB(181,184,200);
}









.a-Nav-Group .x-panel-body, .ux-vertical-tabs .x-navigator-tabpage .x-navigator-tabpage .x-panel-body {
	background-color: white;
}

.a-FormPanel .x-panel-body {
	background-color: rgb(248, 248, 248);
}

.ext-cal-day-times {
	background-color: rgb(247, 247, 247) !important;
}

.ext-cal-hd-ct {
	border-bottom-color: rgb(219, 219, 219) !important;
}

.ext-cal-dayview .ext-cal-hd-days-tbl {
	background-color: rgb(222, 222, 222) !important;
}

td.ext-cal-dtitle {
	border-top-color: rgb(224, 224, 224) !important;
	color: rgb(194, 194, 194) !important;
}

.ext-cal-day {
	border-right: 1px solid rgb(224, 224, 224) !important;
	border-left: 1px none rgb(224, 224, 224) !important;
}

td.ext-cal-dtitle-first {
	border-top: 1px solid rgb(219, 219, 219) !important;
}

.ext-cal-month-hd .ext-cal-hd-days-tbl {
	border-top-color: rgb(191, 191, 191) !important;
}

.ext-cal-monthview .ext-cal-week-link, .ext-cal-monthview .ext-cal-week-link-hd {
	border-top: 1px solid rgb(224, 224, 224) !important;
	border-right: 1px solid rgb(224, 224, 224) !important;
}

.ext-cal-month-hd .ext-cal-hd-day {
	border-left: 1px solid rgb(224, 224, 224) !important;
}

.ext-cal-dayview .ext-cal-bg-tbl {
	background-color: #fff;
	border-bottom: 1px solid rgb(219, 219, 219) !important;
	border-right: 1px solid rgb(219, 219, 219) !important;
}

.x-grid3-header {
	background-color: rgb(246, 246, 246);
	background-image: none;
	border-bottom: 1px rgb(198, 198, 198) solid;
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
	background-color: rgb(246, 246, 246);
	background-image: none;
}

.x-grid3-row-alt {
	background-color: rgb(253, 253, 255);
}

.x-grid3-row-selected {
	background-color: rgb(207, 234, 252) !important;
	background-image: none;
	border-color: rgb(211, 211, 211);
	/*border-top-color: transparent;*/
	border-right-color: transparent;
}

.x-grid3-row-over {
	background-image: none;
	background-color: rgb(230, 242, 251) !important;
}

.a-NavGroupTreePanelNode.x-tree-selected {
	background-color: rgb(207, 234, 252) !important;
	/*background-color: rgb(146,192,224) !important;*/
	border: 1px dotted #a3bae9;
	text-decoration: none;
}

.x-navigator-tabpage .x-panel-body {
	background-color: rgb(255,255,255);
}

.x-tab-panel-body {
	border-color: rgb(208, 208, 208);
	background-color: rgb(248,248,248);
}

.x-panel-body {
	border-color: rgb(208, 208, 208);
	background-color: rgb(248,248,248);
}

.x-navigator-tabpage.x-panel-body {
	background-color: rgb(255,255,255);
}

.x-panel-header {
	color: rgb(20, 20, 20);
	padding: 5px 5px 3px 5px;
	border-color: rgb(208, 208, 208);
	background-color: rgb(237, 237, 237);
	background-image: none;
	font-weight:bold; 
	font-size: 11.5px;
}

.a-navigator-report-group .x-panel-header {
	padding: 5px 1px 5px 5px;
	border-color: transparent;
	border-bottom-color: rgb(228, 228, 228);
	background-color: transparent;
	background-image: none;
}

.a-navigator-report-group.x-panel-collapsed .x-panel-header {
	background-color: rgb(248, 248, 248);
}

.a-navigator-report-group .x-panel-body {
	 padding-bottom: 3px; 
}

.a-navigator-report-group .x-panel-header-text {
	padding-right: 6px !important;
}

.a-Nav-Group .x-panel-header {
	padding: 5px 1px 5px 5px;
	border-color: transparent;
	border-bottom-color: rgb(228, 228, 228);
	background-color: transparent;
	background-image: none;
}

.a-Nav-Group.x-panel-collapsed .x-panel-header {
	background-color: rgb(248, 248, 248);
}


.a-Nav-Group .x-panel-header-text {
	padding-right: 6px !important;
}

.a-Nav-Group-body {
	padding-bottom: 10px;
}

.x-tool.x-tool.x-tool-toggle {
	background-image: url(/Themes/Gray/tools-sprites-trans.png) !important;
}

.x-window .x-tool {
	background-image: url(/Themes/Gray/tools-sprites-trans-window.png) !important;
}

.x-window .x-tool.x-tool-close {
	background-color: RGB(224, 67, 67);
	width: 22px;
	height: 18px;
	background-position: -12px 1px;
}

.x-tree-node .x-tree-node-el a span {
	color: rgb(50, 50, 50) ;
}

.x-tree-node .x-tree-node-over {
	background-color: rgb(230, 242, 251);
}

.x-tree-selected.x-tree-node-over {
	background-color: rgb(230, 242, 251) !important;
}

.x-toolbar {
	border-color: rgb(208, 208, 208) !important;
	background-color: rgb(248, 248, 248) !important;
	background-image: none !important;
}

.a-ribbon .main-ribbon .c-ribbon-tab .x-panel-body {
	background-image: none !important;
}

.c-ribbon-btngrp .x-btn-group-tl {
	display: none;
}

.c-ribbon-btngrp .x-btn-group-ml {
	background-image: none !important;
}

.c-ribbon-btngrp .x-btn-group-mr {
	background-image: none !important;
}

.c-ribbon-btngrp .x-btn-group-br {
	background-image: none !important;
}

.c-ribbon-btngrp .x-btn-group-bc {
	background-image: none !important;
}

.c-ribbon-btngrp .x-btn-group-bl {
	background-image: none !important;
	background-color: transparent !important;
}

.c-ribbon-btngrp .x-btn-group-footer {
	color: #BBBCBD !important;
}

.a-ribbon .x-btn-group {
	border-left: rgb(208, 208, 208) 1px solid !important;
}

.a-ribbon .x-btn-group-footer {
	padding-bottom: 0px !important;
	font-size: 10px;
}

.a-FlatButton {
	border-color: rgb(171, 171, 171);
}

	.a-FlatButton.x-btn-over {
		border-color: RGB(126,180,234)!important;
	}

	.a-FlatButton.x-btn-click {
		border-color: RGB(98,162,228)!important;
	}

.a-AppRibbonBtn button {
	color: White;
}

.a-AppMenuContainer .x-btn-over button {
	color: #304B81 !important;
}

.a-AppRibbonBtn {
	background-color: #f09134;
	border-radius: 0 !important;
	background-image: none !important;
	margin: 0 2px 0 2px;
	background-size: 100% 100%;
}

.a-form-label-colored {
	/*color: hsl(23, 40%, 30%);*/
}


.x-window-plain .x-window-mc {
	border-bottom-color: rgb(248,248,248);
	border-left-color: rgb(248,248,248);
	border-right-color: rgb(248,248,248);
}

.x-window-plain .x-window-body {
	border-color: rgb(248,248,248);
}


.x-panel-tbar.x-panel-tbar-noheader.x-panel-tbar-noborder {
	border: 1px solid rgb(248,248,248);
}

.a-Nav-Group .x-panel-header {
	font-size: 13px;
}

/*.x-window.a-Window .x-window-tl {*/
.x-window-tl {
	background-image: none !important;
	background-color: RGB(0,143,249);
	/*background-color: RGB(67,152,214)*/
}
.x-window-maximized .x-window-tl {
	/*background-color: RGB(0,143,249);*/
}
.x-window-maximized .x-window-tc {
	background-color: transparent;
}
.x-window-tr {
	background-image: none !important;
}

.x-window-tc {
	background-image: none !important;
}

.x-window-tl .x-window-header {
	color: hsl(0, 0%, 100%);
	font-weight: normal;
	font-size: 12px;
}



.a-form-label-date-to {
	background-color: rgb(248,248,248);
    padding: 4px;
}