/* ******************************************
			Grid Styles
   ****************************************** */
  
.x-grid-row-lighten-color .x-grid-cell {
	color: #CCCCCC;
}

.x-item-disabled {
    opacity: 0.6;
}

.x-grid-view {
	overflow-y: scroll !important;
} 

/* ******************************************
			Message Box Styles
   ****************************************** */
.x-msg-show {
	background-color: #FFFFFF;
}

.x-number-borderless {
	border-style: none !important;
	background: none;
	-moz-box-flex: 1;
	display: block;
	flex: 1 1 0;
	box-sizing: border-box;
}

/******** Primary Styles ***********/

.ims-viewport {
}

.x-hyperlink {
	color: #04468C;
	font-size: 11px;
	font-family: tahoma,arial,verdana,sans-serif;
}

/******** Header ************/

.x-nlg .ims-transparent-toolbar {
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
}

.ims-transparent-toolbar .x-btn-inner {
	color: white;
}

.ims-transparent-toolbar .x-btn-over .x-btn-inner {
	color: #04408C;
}

.ims-transparent-toolbar .x-btn-arrow-right::after {
	background-image: url("../images/ui/arrow-white.gif");
	padding-right: 8px;
    width: 8px
}

.ims-transparent-toolbar .x-toolbar-text {
	color: white !important;
}

/*********** EXT Overrides ********************/

.x-mask {
	background: none repeat scroll 0 0 #000000;
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

.x-mask-opaque {
	background: none repeat scroll 0 0 #000000;
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

img.x-tree-icon-parent {
    display: none;
}

.x-menu-white-body .x-menu-body {
	background: transparent !important;
}

/* *******************************
	Ext.ux.toolbar.FormStatusItem
   ******************************* */

.x-toolbar-form-status {
	font-size: 11px;
	height: 16px;
	line-height: 18px;
	background: no-repeat 0 0;
	cursor: default;
}

.x-toolbar-form-status .form-status-text {

}

.x-toolbar-form-status-valid .form-status-text {
	color: #090;
}

.x-toolbar-form-status-invalid .form-status-text {
	color: #C30;
}

.x-toolbar-form-status-valid .form-status-icon {
	background-image: url(../images/icons/accept.png);
}

.x-toolbar-form-status-invalid .form-status-icon {
	background-image: url(../images/icons/exclamation.png)
}

.x-status-error{
	width: 20px;
	height: 20px;
	padding-left: 25px;
	background: url(../images/icons/exclamation.png) no-repeat 3px 2px;
}

.x-status-error-list{
	color: red;
}

.x-status-valid{
	width: 20px;
	padding-left: 25px;
	height: 20px;
	background: url(../images/icons/accept.png) no-repeat 3px 2px;
}

/* *******************************
			Theme Overrides
   ******************************* */

.x-panel-header-text {
	color: #395B8E;
}

/* *******************************
			Panel Tools
   ******************************* */

.x-tool img.x-tool-excel {
	background-color: transparent;
	background-image: url("../images/ui/tool-excel.png");
	background-repeat: no-repeat;
	cursor: pointer;
	height: 15px;
	margin: 0;
	overflow: hidden;
	width: 15px;
	background-position: 0 0;
}

.x-tool-over img.x-tool-excel {
	background-color: transparent;
	background-image: url("../images/ui/tool-excel.png");
	background-repeat: no-repeat;
	cursor: pointer;
	height: 15px;
	margin: 0;
	overflow: hidden;
	width: 15px;
	background-position: -15px 0;
}

/* ******************************************
			Grid Summary Styles
   ****************************************** */
.x-grid-row-summary .x-grid-cell-inner {
	padding-top: 4px;
	font-size: 11px;
	font-weight: bold;
}

.x-grid-row-summary .x-grid-group-title {
	font-weight: normal;
	color: black;
}

.x-grid-row-summary .x-grid-cell {
	border-bottom: 1px solid #A1B9D9;
	background-color: #88A5CB;
}

.x-grid-group-body td {
	border-bottom: 1px solid #A1B9D9;
}

/* ******************************************
			Navigation View Styles
   ****************************************** */
.navigation-view-highlight {
	background-color: #DFE8F6;
	cursor: pointer;
}  
 
.navgation-item {
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 12px;
	color: #434343;
	padding: 10px;
}

.navigation-item-title {
	font-weight: bold;
	color: #126499;
}

.navigation-item-description {
	font-size: 11px;
	margin: 5px 0px 15px 0px;
}

/* ******************************************
		Form Item Styles
****************************************** */
.x-form-item-default.x-item-disabled {
	opacity: 0.6;
}