@import 'fields.css';
@import 'grids.css';
@import 'buttons.css';
@import 'iconBtn.css';
@import 'tools.css';


.x-picker .x-dataview {
    z-index: 1;
}


.x-panel-header-default .x-tool-img {
	background:transparent !important;
	background-color:transparent !important;
}

div.x-field-input input[readOnly="true"] {
	border:none;
}
.x-field-select.x-label-align-top .x-component-outer::before {
  background: none;
}
.darkTabPanelBg .x-tab-bar {
	background-color: #e2e3e4 !important;
}
div.module {
	position: relative;
	height: 120px;
	width: 122px;
	border: 1px solid black;
	float: left;
	z-index: 2;
	margin-right: 2em;
	color: #47AA42;
	color: white;
	font-weight: bold;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e7999+20,6ba6d6+50,19388a+75&0+0,0.8+15,1+19,1+81 */
	background: -moz-linear-gradient(top,  rgba(94,121,153,0) 0%, rgba(94,121,153,0.8) 15%, rgba(94,121,153,1) 19%, rgba(94,121,153,1) 20%, rgba(107,166,214,1) 50%, rgba(25,56,138,1) 75%, rgba(25,56,138,1) 81%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,121,153,0)), color-stop(15%,rgba(94,121,153,0.8)), color-stop(19%,rgba(94,121,153,1)), color-stop(20%,rgba(94,121,153,1)), color-stop(50%,rgba(107,166,214,1)), color-stop(75%,rgba(25,56,138,1)), color-stop(81%,rgba(25,56,138,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(94,121,153,0) 0%,rgba(94,121,153,0.8) 15%,rgba(94,121,153,1) 19%,rgba(94,121,153,1) 20%,rgba(107,166,214,1) 50%,rgba(25,56,138,1) 75%,rgba(25,56,138,1) 81%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(94,121,153,0) 0%,rgba(94,121,153,0.8) 15%,rgba(94,121,153,1) 19%,rgba(94,121,153,1) 20%,rgba(107,166,214,1) 50%,rgba(25,56,138,1) 75%,rgba(25,56,138,1) 81%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(94,121,153,0) 0%,rgba(94,121,153,0.8) 15%,rgba(94,121,153,1) 19%,rgba(94,121,153,1) 20%,rgba(107,166,214,1) 50%,rgba(25,56,138,1) 75%,rgba(25,56,138,1) 81%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(94,121,153,0) 0%,rgba(94,121,153,0.8) 15%,rgba(94,121,153,1) 19%,rgba(94,121,153,1) 20%,rgba(107,166,214,1) 50%,rgba(25,56,138,1) 75%,rgba(25,56,138,1) 81%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e7999', endColorstr='#19388a',GradientType=0 ); /* IE6-9 */
}

div.module:hover {
	color: white;
}

div.module span.module-title {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

	position: relative;
	margin-top: -18px;

}

div.module:hover span.module-title {
	xmargin-top: -100px;
	text-shadow: 2px 2px gray;
	xcolor: blue;
}

div.module span.icon {
	height: 100px;
	display: block;
	overflow: hidden;
}

div.module span img {
	margin: 0px auto;
	margin-left: 0px;
	width: 150px;
	height: 80px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

div.module-wrapper:nth-child(2) div.module:hover span img {
	width: 150px;
	margin: 0px auto;
	height: 80px;
	margin-left: -30px;
}

div.module-wrapper:nth-child(3) div.module:hover span img {
	width: 200px;
	margin: 0px auto;
	height: 130px;
	margin-left: -30px;
}

div.module-wrapper:nth-child(4) div.module span img {
	height: 80px;
	width: 120px;
	margin: 0px;
}

div.module-wrapper:nth-child(4) div.module:hover span img {
	width: 150px;
	height: 80px;
}

.module-wrapper {
	padding-left: 20px;
	height: 160px;
	float: left;
}

.shelf {
	top: 130px;
	width: 670px;
}


/*
	original:
		base: 
			background-color: #32404e
		selected-accent:
			color: #5fa2dd
		selected:
			color: #adb3b8
		sub-item:
			background-color: #2c3845
	custom:
		base:
			background-color: #404040
		selected-accent:
			color: #5fa2dd
		selected:
			color: #ffffff
		sub-item:
			background-color: #383838
*/
.x-panel-header.navheader .x-title-icon {
	font-size: 24px;
}
.x-panel-header.navheader .x-title-text {
	position: fixed;
	margin-left: 5px;
}
.x-treelist-nav {
	background-color: #404040 !important;
	background-position-x: 24px !important;
	padding: 0px 0 0 0 !important;
	overflow: auto !important;
	margin-left: 2px !important;
}
.x-treelist-nav .x-treelist-toolstrip {
	background-color: #404040 !important;
}
.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
	background-color: #5fa2dd;
	color: #f0f0f0;
}
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row {
	background-color: #3f505f;
}
.x-treelist-nav .x-treelist-item-tool {
	padding-left: 8px !important;
	padding-right: 10px !important;
}
.x-treelist-item-floated {
	position: relative !important;
	z-index: 9999;
}
.x-treelist-nav .x-treelist-item-tool-floated:after {
	background-color: #5fa2dd;
	content: " ";
	height: 36px;
	left: 0;
	position: absolute;
	top: 0;
	width: 4px;
}
.x-treelist-nav .x-treelist-item-icon,.x-treelist-nav .x-treelist-item-tool,.x-treelist-nav .x-treelist-item-expander {
	line-height: 36px !important;
	text-align: center !important;
}
.x-treelist-nav .x-treelist-item-icon,.x-treelist-nav .x-treelist-item-tool {
	color: #adb3b8 !important;
	font-size: 24px;
	width: 36px;
}
.x-treelist-nav .x-treelist-item-tool {
	width: 54px !important;
    height: 36px !important;
}
.x-treelist-nav .x-treelist-item-expander {
	color: #adb3b8;
	font-size: 24px;
	width: 24px;
}
.x-treelist-nav .x-treelist-item-text {
	color: #adb3b8;
	line-height: 36px;
	margin-left: 34px;
	margin-right: 0px;/*24*/
	font-weight: bold;
}
.x-treelist-nav .x-treelist-row {
	padding-left: 8px;
	padding-right: 10px;
}
.x-treelist-nav .x-treelist-row:hover:before,.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
	content: " ";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 6px;
}
.x-treelist-nav .x-treelist-row:hover:before {
	background-color: #89bae6;
}
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:hover:before {
	background-color: #89bae6;
}
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
	background-color: #5fa2dd;
}
.x-treelist-nav .x-treelist-item-floated .x-treelist-container {
	width: auto;
}
.x-treelist-nav .x-treelist-item-floated > .x-treelist-row {
	background-color: #404040 !important;
}
.x-treelist-nav .x-treelist-item-floated > .x-treelist-container {
	margin-left: -24px;
}
.x-big .x-treelist-nav .x-treelist-item-floated > .x-treelist-container {
	margin-left: 0;
}
.x-treelist-nav .x-treelist-item-floated > * > * > .x-treelist-item-text {
	margin-left: 0;
}
.x-treelist-nav .x-treelist-item-floated > * .x-treelist-row {
	padding-left: 0;
}
.x-treelist-nav .x-treelist-item-floated .x-treelist-row:before {
	width: 0;
}
.x-treelist-nav .x-treelist-item-floated > .x-treelist-row:hover {
	background-color: #404040 !important;
}
.x-treelist-nav .x-treelist-item-floated > .x-treelist-row:hover > * > .x-treelist-item-text {
	color: #adb3b8;
}
.x-treelist-nav .x-treelist-item-expanded {
	background-color: #383838 !important;
}
.x-treelist-nav.x-treelist-highlight-path .x-treelist-item:hover > * > .x-treelist-item-icon {
	color: #acacac;
	transition: color 0.5s;
}
.x-treelist-nav.x-treelist-highlight-path .x-treelist-item:hover > * > .x-treelist-item-text {
	color: #acacac;
	transition: color 0.5s;
}
.x-treelist-nav.x-treelist-highlight-path .x-treelist-item:hover > * > .x-treelist-item-expander {
	color: #acacac;
	transition: color 0.5s;
}
.x-treelist-nav .x-treelist-row:hover {
	background-color: #4f606f !important;
}
.x-treelist-nav .x-treelist-row:hover > * > .x-treelist-item-icon {
	color: #acacac;
	transition: color 0.5s;
}
.x-treelist-nav .x-treelist-row:hover > * > .x-treelist-item-text {
	color: #acacac;
	transition: color 0.5s;
}
.x-treelist-nav .x-treelist-row:hover > * > .x-treelist-item-expander {
	color: #acacac;
	transition: color 0.5s;
}
.x-treelist-nav .x-treelist-expander-first .x-treelist-item-icon {
	left: 24px;
}
.x-treelist-nav .x-treelist-expander-first .x-treelist-item-text {
	margin-left: 54px;
	margin-right: 0;
}
.x-treelist-nav .x-treelist-expander-first .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
	margin-left: 30px;
}
.x-treelist-nav .x-treelist-item-hide-icon > * > * > .x-treelist-item-text {
	margin-left: 6px;
}

.x-treelist-nav .x-treelist-item-icon:before, .x-treelist-nav .x-treelist-item-tool:before, .x-treelist-nav .x-treelist-item-expander {
	line-height: 35px !important;
	font-size: 22px !important;
}

.treelist-with-nav .x-panel-body {
	background-color: #404040;
}

.x-treelist-nav .x-treelist-item-selected .x-treelist-item-icon,
.x-treelist-nav .x-treelist-item-selected .x-treelist-item-text {
	color: #fff
}
.x-treelist-nav .x-treelist-item-selected .x-treelist-row:hover {
	color: #fff !important;
}

.exception .x-tree-icon, 
.exception .x-tree-expander, 
.exception .x-tree-node-text {
    color: #c70000 !important;
    font-weight: bold;
}


.closeMessageBarBtn.x-btn-default-small {
	background:#5fa7de !important;
	border-right: 2px solid white;
}
.closeMessageBarBtn .x-btn-icon-el-default-small {
	color: #f0f0f0;
}

/* */

.x-toolbar-default.header {
	background:#e2e3e4 !important;
	padding: 6px 0;
}

.x-toolbar-default.footer {
	background:#e2e3e4 !important;
}

.x-toolbar-default.lightGray{
	background:#e2e3e4 !important;
	padding:0px !important;
	padding-top: 6px !important;
}

.x-toolbar-default.darkGray {
    background: #dddddd !important;
    padding: 0px !important;
    padding-top: 6px !important;
}

.x-container-default.lightGray{
	background:#e2e3e4 !important;
}
.x-btn {
	border: solid 1px #c7c7c9 !important;
}
.x-btn-default-small {
	background:#e2e3e4 !important;
}
.x-btn-inner-default-small {
	color: #606060 !important;
}

.x-btn:hover {
	text-decoration:none;
	background-color:#5fa2dd !important;
}
.x-btn:hover span,.x-btn-default-small:hover span{
	color:white !important;
}

.x-panel-header-navigation {
	background-color:#404040 !important;
}
.x-tab-bar-after-title {
	left: 0px !important;
}
.x-window-default {
	border-color:#28384a !important;
}
.x-window-header-default-top {
	background-color:#28384a !important;
}

.x-window-header-default .x-tool-disabled .x-mask,
.x-window-header-default .x-tool-disabled .x-tool-img,
.x-window-header-default .x-fa,
.x-window-header-default .x-tool-img {
	background-color:#28384a !important;
}
.x-window-header-default .x-tool-disabled {
	background-color:#28384a !important;
}
.x-panel-header-default .x-fa,
.x-panel-header-default .x-tool-img {
	background-color:initial !important;
	color:#5fa2dd !important;
}
/*
.x-mask {
    background-color: rgba(255, 255, 255, 0.22) !important;
}*/
.x-mask {
	background-color: rgba(0, 0, 0, 0.22) !important;
}

.UPBTitleSpacer {
	width: 10px;
	float: left;
}
.UPBSpacer {
	width: 20px;
	float: left;
}
.UPBTitle {
	color: white;
	font-weight: bold;
}
.UPBStatusList {
	float: right;
}
.UPBItem {
	font-size:18px;
	margin: 6px 3px 6px 0;
}
.UPBItem .statusBarIcon {
	vertical-align: middle;
	margin: 0 8px;
	width: 16px;
	height: 16px;
}
.UPBItem .statusBarText {
	color:#a1a1a1;
	color: #000;
	letter-spacing:2px;
	xmargin: 0 5px 0 0px;
	text-transform:uppercase;
	zbackground-color: #28384a;
	zborder-radius: 10px;
	zmargin-top: -3px;
	zpadding: 3px 5px;
}
.UPBItem .statusBarText.UPBPast {
	color: hsla(0, 0%, 90%, 1);
}
.UPBItem .statusBarText.UPBSelected {
	color: #28384a; /* background dark blue */
	color: #e1e1e1;
	color: #fff;
	font-weight: bold;

	zbackground-color: #00d400;
	zletter-spacing: normal;
	zpadding: 3px;
	zmargin-top: -3px;
	zborder-radius: 10px;
}

.statusBarText .x-form-display-field {
	color:#d1d1d1 !important;
	font-size:18px;
	letter-spacing:2px;
	margin: 6px 5px 0 10px;
	text-transform:uppercase;

}
.headerWelcomeText .x-form-display-field {
	color:#a1a1a1 !important;
	font-size:18px;
	letter-spacing:2px;
	margin: 10px 0px 6px 6px;
	text-transform:uppercase;
}
.headerMessageText .x-form-display-field {
	color:#e76d1b !important;
	font-size:18px;
	letter-spacing:2px;
	margin: 10px 6px 6px 6px;
	text-transform:uppercase;
	font-style:italic;
}
 .x-panel .navTreeLogo{
	/*background: url(../../images/moniroo/m6/6.png);*/
	background-size: 44px 54px;
	background-repeat: no-repeat;
	background-position: right top; 

}
.headerBlue {
	background:#28384a;
}
#wsappview-body {
	padding: 10px 20px 20px; 
	background-color: #e2e3e4;
}
body.fullscreen #wsappview-body {
	padding: 0; 
}
.x-form-readonly .x-form-trigger-wrap-default {
	border:none;
}
.x-window-header-default {
	border-color: #e2e3e4 !important;
}
.phantomRecord.x-grid-row TD { 
	border-top: dashed #e2e3e4 2px !important;
	border-bottom: dashed #e2e3e4 2px !important;
}


.gridBigRows table.x-grid-item {
	height:64px !important;
}
.gridBigRows table.x-grid-item td.x-grid-td {
	vertical-align:middle !important;
}
.toolbarTools .x-btn {
	background:none !important;
	border:none !important;
}
.toolbarTools .x-btn:hover span {
	color:#28384a !important;
}

table.x-grid-item td.x-grid-td {
	vertical-align:middle !important;
}

.x-action-col-icon.actionButtonIsHidden,
.actionButtonIsHidden {
	display:none;
}

.x-action-col-cell img.rejected{
  background-image: url(../../images/silk/flag_red.png);
  background-repeat: no-repeat;
}
.x-action-col-cell img.pmApproval{
  background-image: url(../../images/silk/flag_orange.png);
  background-repeat: no-repeat;
}
.x-action-col-cell img.supervisorApproval{
  background-image: url(../../images/silk/flag_yellow.png);
  background-repeat: no-repeat;
}
.x-action-col-cell img.thresholdApprover{
  background-image: url(../../images/silk/flag_orange.png);
  background-repeat: no-repeat;
}
.x-action-col-cell img.buyerConsolidation{
  background-image: url(../../images/silk/flag_blue.png);
  background-repeat: no-repeat;
}
.x-action-col-cell img.finalApproval{
  background-image: url(../../images/silk/flag_purple.png);
  background-repeat: no-repeat;
}
.x-action-col-cell img.approved{
  background-image: url(../../images/silk/flag_green.png);
  background-repeat: no-repeat;
}
.x-action-col-cell img.pending{
  background-image: url(../../images/silk/flag_yellow.png);
  background-repeat: no-repeat;
}
.x-action-col-cell img.complete{
  background-image: url(../../images/silk/accept.png);
  background-repeat: no-repeat;
}
.x-action-col-cell img.forceApproval{
  background-image: url(../../images/silk/error_go.png);
  background-repeat: no-repeat;
}
.x-action-col-cell img.void{
  background-image: url(../../images/silk/delete.png);
  background-repeat: no-repeat;
}

.x-fa-action-icon {
  width: 16px;
  display: inline-block;
}

.x-grid-with-row-lines .disabledRow, .disabledRow {
	background-color:#E6E6E6;
	text-decoration: line-through;
}



.x-grid-with-row-lines .strikeRow {
	text-decoration: line-through;
}



/*TABPANEL*/
.x-panel-header-default {
	background-color:#E2E3E4 !important;
}
.whitePanelHeader .x-panel-header-default {
	background-color:white !important;
}
.x-panel-header-default .x-title-text{
	color:#5fa2dd !important;
	font-size:18px !important;
	letter-spacing:2px !important;
	text-transform:uppercase !important;
}
.x-tab-bar-default {
	background-color: #ECECEC !important;
}

.x-panel-default-outer-border-trbl {
	border-color: #A0A0A0 !important;
}

.x-tab-inner-default {
	color:#808080 !important;
}
.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
	color: #28384A !important;
}
/*END TABPANEL*/


/*CONTEXT TRIGGER ICONS*/
.fa-close:before {
	content: "\f00d" !important;
}
.fa-search:before {
	content: "\f002" !important;
}
.fa-search-minus: before {
	content: "\f010" !important;
}
.fa-preview:before {
	content: "\f08e" !important;
}
.fa-add:before {
	content: "\f067" !important;
}
.fa-users:before {
	content: "\f0c0" !important;
}
.fa-user:before {
	content: "\f007" !important;
}
.fa-graph:before {
	content: "\f080" !important;
}
.fa-newspaper-o:before {
	content: "\f1ea" !important;
}
.fa-list-alt:before {
	content: "\f022" !important;
}
.fa-settings:before{
	content: "\f085" !important;
}
.fa-lock:before{
	content: "\f023" !important;
}
.fa-user-md:before{
	content: "\f0f0" !important;
}
.clearComboTrigger.x-form-trigger-default:before {
	content: "\f00d" !important;
}
.narrowTriggers .x-form-trigger {
	width: 24px; /* Normally 32px */
}

/*END CONTEXT TRIGGER ICONS*/

.text-wrapper .x-form-display-field {
   word-break: break-word;
   word-wrap: break-word;
}

body.x-border-layout-ct, div.x-border-layout-ct {
    background-color: #E2E3E4 !important;
}

.background {
	background-color: #E2E3E4 !important;
}
.background.x-container {
	background-color: #E2E3E4 !important;
	background: #E2E3E4 !important;
}
.background .x-panel-body-default {
	background-color: #E2E3E4 !important;
}


/*Badge*/
.wsuserinfosummary .x-box-inner {
	overflow: visible;
}
.badge {
	z-index:9999;
	margin-top:0px !important;
	/*margin-left:34px !important;*/
	text-align:center;
	border-radius:8px;
	font-size: 9px;
	color: white;
	left: 19px !important;
}

.x-form-item-default.badge {
	z-index:9999;
	margin-top:0px !important;
	/*margin-left:34px !important;*/
	text-align:center;
	border-radius:8px;

}
.x-form-item-default.badge .x-form-display-field {
	font-size:9px;
	color:white;
	display:initial !important;
}

/**********************************************
 * Tools
 **********************************************/
.x-tool-attachments {
	font: 15px/1 'Font Awesome 5 Free';
	background: none  !important;
}
.x-tool-attachments:before {
	content: '\f0c6';
}
.x-tool-calendar {
	font: 15px/1 'Font Awesome 5 Free';
	background: none  !important;
}
.x-tool-calendar:before {
	content: '\f073';
}
.x-tool-comments {
	font: 15px/1 'Font Awesome 5 Free';
	background: none  !important;
}
.x-tool-comments:before {
	content: '\f086';
}
.x-tool-pagesettings {
	font: 15px/1 'Font Awesome 5 Free';
	background: none  !important;
}
.x-tool-pagesettings:before {
	content: '\f085';
}

.x-tool-mail {
	font: 15px/1 'Font Awesome 5 Free';
	
	background: none !important;
}
.x-tool-mail:before {
	content: '\f0e0';
}
.x-tool-nomail {
	font: 15px/1 'Font Awesome 5 Free';
	
	background: none !important;
}
.x-tool-nomail:before {
	content: '\f003';
}
.x-tool-dashboard {
	font: 15px/1 'Font Awesome 5 Free';
	background: none !important;
}
.x-tool-dashboard:before {
	content: '\f009';
}
.x-tool-warning {
	font: 15px/1 'Font Awesome 5 Free';
	background: none !important;
}
.x-tool-warning:before {
	content: '\f071';
	/*color:#ff8f00;*/
}
/**********************************************
 * Menus
 **********************************************/
.menuSection {
	opacity: 1 !important;
	cursor: default;
	background: lightgray;
}

.menuSection > a,
.menuSection > a > span {
	position: relative;
	left: -13px;
}
.menuSection .x-menu-item-text-default {
	font-weight: 600;
}

/**********************************************
 * Rows
 **********************************************/
tr.row-error td {
	border: 1px dashed red;
	border-left: 0px;
	border-right: 0px;
	background-color: rgba(255, 0, 0, 0.2);
}
tr.gridDeletedRow td {
	text-decoration: line-through;
	opacity: 0.3;
}

tr.row-highlight td.x-grid-td,
tr.row-highlight td div {
	background-color: yellow !important;
}
tr.row-highlight.x-grid-row-alt td.x-grid-td,
tr.row-highlight.x-grid-row-alt td div {
	background-color: #F2F200 !important;
}
tr.row-highlight.x-grid-row-over td.x-grid-td,
tr.row-highlight.x-grid-row-over td div {
	background-color: #E5E500 !important;
}

/**********************************************
 * Columns
 **********************************************/
.x-grid-cell.x-action-col-cell img {
	float: left;
}
/* Progress columns */
.progress-green .x-grid-cell-prog .x-progress-bar {
	background-color: lime;
}
.progress-green .x-grid-cell-prog .x-progress-text,
.progress-yellow .x-grid-cell-prog .x-progress-text {
	color: black;
}
.progress-red .x-grid-cell-prog .x-progress-text {
	color: white;
}
.progress-red .x-grid-cell-prog .x-progress-bar  {
	background-color: red;
}
.progress-yellow .x-grid-cell-prog  .x-progress-bar  {
	background-color: yellow;
	color: black;
}
.lineWrap div {
	white-space: normal;
}

/**********************************************
 * Columns Values
 **********************************************/
.x-grid-row .x-grid-cell.linked {
	color: #5fa2dd;
	font-weight: normal;
	cursor: pointer;
}

.x-grid-cell.docNum {
	color: #5fa2dd;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}
.x-grid-cell.greenCell {
	color: #56c16e;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}
.x-grid-cell.blueCell {
	color: #5fa2dd;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}
.x-grid-cell.docNum.docNumDisabled {
	color: gray;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}
.x-grid-cell.underlineCell {
    text-decoration: underline;
    cursor: pointer;
}

.x-grid-row-summary .x-grid-cell.docNum {
	text-decoration: none;
	cursor: default;
}
.x-grid-cell .x-field input[readonly="readonly"] {
	padding-left: 0;
}

/**************
   Cell emphasis
   **************/ 

.x-grid-item .x-grid-cell.goodCell .x-grid-cell-inner {
	background: #befb9f;
}
.x-grid-item .x-grid-cell.cautionCell .x-grid-cell-inner {
	background: #fdf7a9;
}
.x-grid-item .x-grid-cell.badCell .x-grid-cell-inner {
	background: #ff9f9f;
}

.x-grid-cell.vrGrid-away div {
	background-color:#ff7575;
}
.x-grid-cell.vrGrid-away_pending div {
	background-color:#f9f5c7;
}
.x-grid-cell.vrGrid-available div {
	background-color:#d0f5d4;
}


/**********************************************
 * Timesheets
 **********************************************/
.tsEditField input {
	text-align: center;
}
td.errorDate {
	border: 1px dashed red;
	background-color: rgba(255, 0, 0, 0.2) !important;
}
/**********************************************
 * Fields
 **********************************************/
.required .x-form-item-label .x-form-item-label-inner,
.required .x-form-item-label .x-form-item-label-inner.x-form-item-label-default {
	font-weight: bold;
}

.docNum label, 
.docNum div {
	font-weight: bold;
	font-size: 18px;
	color: #5fa2dd;
}

.warning .x-form-item-label .x-form-item-label-inner,
.warning .x-form-item-label .x-form-item-label-inner.x-form-item-label-default,
.warning .x-form-item-label-text {
	font-weight: bold;
	color: #d40027;
}

.login .x-form-item-label .x-form-item-label-inner,
.login .x-form-item-label .x-form-item-label-inner.x-form-item-label-default {
	font-weight: bold;
	font-size: medium;
	line-height: 20px;
}

/**********************************************
 * Custom Triggers
 **********************************************/
.x-form-trigger-default.moreOptionsTrigger:before {
	content: "\f141";
}
/**********************************************
 * Upload window styling
 **********************************************/
li.changed span {
	text-decoration: line-through;
}

/*headers for "edit" views are weird, dont match docked toolbar theming*/
div .x-panel-header.editView {
	padding-left: 0;
	margin-top:-6px;
}
div .x-panel-header.editView a.x-btn  {
	background:white !important;
	color:#919191 !important;
}
div .x-panel-header.editView  a.x-btn .x-btn-icon-el-default-small {
	color:#919191 !important;
}
div .x-panel-header.editView a.x-btn:hover  {
	background:#5fa2dd !important;
	color:white !important;
}
div .x-panel-header.editView a.x-btn:hover .x-btn-icon-el-default-small {
	color:white !important;
}


.x-action-col-icon.lightblue {
	color:#7fb5e4;
}
/*make toolbar button icons DARK instead of white by default*/
.x-fa.dark { 
	color:#828282 !important;
}
.x-fa.light { 
	color:#d0d0d0 !important;
}
.x-fa.blue { 
	color:#5faade !important;
}
.x-fa.red {
	color:#d45050 !important;
}
.x-fa.yellow {
	color:#f1a81e !important;
}
.x-fa.green {
	color:#56c16e !important;
}
.x-fa.orange {
	color:#ffb644 !important;
}
.x-fa.large {
	font-size:30px !important;
}
.x-fa.medium {
	font-size:18px !important;
}
.noOverflow div{
	text-overflow:clip;
}

.informationalMessage, 
.informationalMessage div {
	font-size: x-large;
	color: #5fa2dd;
	font-weight: normal;
}

/**********************************************
 * Minimizing Vertical Space
 **********************************************/

.minimizeVerticalSpace * {
	font-size: small;
}

.minimizeVerticalSpace label, 
.minimizeVerticalSpace .x-form-item-body, 
.minimizeVerticalSpace .x-form-display-field-default {
	margin-top: 0px;
	padding-top: 0px;
	min-height: 10px;
}


.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
	color: #28384A !important;
}

.invalidFieldInTab .x-tab-inner, 
.invalidFieldInTab .x-tab.x-tab-active.x-tab-default .x-tab-inner.x-tab-inner-default {
	color:red !important;
	font-style:italic;
}

.x-message-box-question,
.x-message-box-info,
.x-message-box-warning,
.x-message-box-error {
	color:#5faade !important;
}



.x-toolbar.alternateToolbar {
    background-color: #ececec;
}

fieldset.fsTitleOnly .x-fieldset-header {
    padding-bottom: 0px;
    padding-top: 0px;
}

.noteStyle {
	color:#e76d1b;
	min-height: 32px;
    font: 300 13px/17px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    margin-top: 8px;
}

.x-fieldset-header.x-item-disabled .x-mask {
	display: none;
}


/**********************************************************************************************************************
										Load Masks
**********************************************************************************************************************/
.x-mask {
	background-color: rgba(255, 255, 255, 0.7) !important
}

.x-mask .x-mask-msg {
	background-color: #ececec;
	background-color: #FFF;
}

.x-mask .x-mask-msg-text {
	padding: 0;
	background-image: none;
}

/**********************************************************************************************************************
										Budget Grid
**********************************************************************************************************************/
.budgetComparisonGrid .x-column-header-text {
	font-weight: bold;
	text-align: center;
}