/*dashboard icon*/
.dashboard-icon:before{
	content: "\f200";
	line-height: 64px;
}

/*documents icon*/
.documents-icon:before {
	content: "\f0f6";
	line-height: 64px;
}

/*calendar icon*/
.calendar-icon:before {
	line-height: 64px;
}

/*tasks icon*/
.tasks-icon:before {
	content: "\f0ae";
	line-height: 64px;
}

/*announcements icon*/
.announcements-icon:before {
	content: "\f0a1";
	line-height: 64px;
}

/*shortcuts icon*/
.shortcuts-icon:before {
	content: "\f0c1";
	line-height: 64px;
}

/*incoming routings icon*/
.incoming-routings-icon:before {
	line-height: 48px;
}

/*outgoing routings icon*/
.outgoing-routings-icon:before {
	line-height: 48px;
}

/*favorites icon*/
.favorites-icon:before {
	line-height: 48px;
}

/*unindexed icon*/
.unindexed-icon:before {
	line-height: 48px;
}

/*search icon*/
.search-icon:before {
	line-height: 64px;
}

/*emails icon*/
.emails-icon:before {
	line-height: 64px;
}

/*reports icon*/
.reports-icon:before {
	line-height: 64px;
}


/* 
 * Treelist background color. 
 * z-index is one bigger than generalPageToolbar so that it's above shadow
 */
.x-treelist{
	background:#32404e;
	z-index: 101;
}

/* 
 * Item text color and font size
 */
.x-treelist-item-text{
	line-height: 64px;
	margin-left: 40px;
	margin-right: 24px;
	color: #ADB3B8;
	font-size: 14px;
	cursor:pointer;
}

/*
 * Icon color font size and family
 */
.x-treelist-item-icon{
	font-family: FontAwesome;
	font-size: 18px;
	width: 44px;
	color: #ADB3B8;
}

/* 
 * Expander's color.
 */
.x-treelist-item-expander{
	font-family: FontAwesome;
	color: #ADB3B8;
	width: 24px;
	font-size: 16px;
}

/* 
 * Expander's containt.
 */
.x-treelist-item-expander::after{
	content: "\f0da";
	line-height: 64px !important;
}

/* 
 * Color and size for collapsed navigation tree item
 */
 .x-treelist-item-tool{
	font-family: FontAwesome;
	font-size: 18px;
	width: 64px;
	color: #ADB3B8;
	line-height: 64px;
	padding-left: 2px;
	cursor:pointer;
}

/*
 * Smaller 
 */
.x-treelist-container .x-treelist-item-wrap{
	margin-left: -4px !important	
}

.x-treelist-container .x-treelist-item-text{
	line-height: 48px !important;
}

.x-treelist-item-floated .x-treelist-container .x-treelist-item-wrap{
	margin-left: 12px !important	
}

.x-treelist-item-floated .x-treelist-item-leaf .x-treelist-item-text{
	line-height: 38px !important;
	margin-left: 40px !important;
}

.x-treelist-item-leaf > .x-treelist-item-text{
	margin-left: 40px !important;
}

.x-treelist-item-floated .x-treelist-item-leaf .x-treelist-item-icon::before{
	line-height: 38px !important	
}

/* 
 * Color for collapsed navigation tree
 */
.x-treelist-toolstrip{
	background:#32404e;
}

/* 
 * Selected item's color (not collapsed)
 */
.x-treelist-item-selected > .x-treelist-row{
	background:#4f606f
}

/* 
 * Selected item's color (collapsed)
 */
.x-treelist-item-selected.x-treelist-item-tool{
	background:#69ACE7;
	color:#ffffff;
}

/* 
 * Selected item's color on hover (not collapsed)
 */
.x-treelist-item-selected > .x-treelist-row:hover {
	background:#475360
}

/* 
 * Item's color on ( not collapsed)
 */
.x-treelist-row:hover{
	background:#475360
}

/* 
 * Selected item's indicator color on hover (not collapsed)
 */
.x-treelist-item-selected > .x-treelist-row:hover::before{
	background:#69ACE7;
}

/* 
 * Floated item's color and left padding (collapsed)
 */
.x-treelist-item-floated > .x-treelist-row{
	background:#32404e;
	padding-left: 20px;
}

/* 
 * Floated item's indicator width setted to zero - no effect (collapsed)
 */
.x-treelist-item-floated .x-treelist-row::before{
	width: 0px !important;
}

/* 
 * Floated item's color on hover is setted to default - no hover effect (collapsed)
 */
.x-treelist-item-floated .x-treelist-row:hover{
	background:#32404e;
}

/* 
 * Floated item's text on hover is setted to default - no hover effect (collapsed)
 */
.x-treelist-item-floated  .x-treelist-row:hover > * > .x-treelist-item-text{
	color:#ADB3B8
}

/* 
 * Indicator on item when hovering over collapsed list (collapsed)
 */
html[dir="ltr"] .x-treelist-item-tool-floated::after{
	background:#69ACE7;
	width:6px;
	height:100%;
	left:0px;
	content: " ";
	position: absolute;
}

html[dir="rtl"] .x-treelist-item-tool-floated::after{
	background:#69ACE7;
	width:6px;
	height:100%;
	right:0px;
	content: " ";
	position: absolute;
}

/* 
 * Indicator on item when hovering over list (not collapsed)
 */
html[dir="ltr"] .x-treelist-row:hover::before{
	background:#69ACE7;
	width:6px;
	height:100%;
	left:0px;
	content: " ";
	position: absolute;
	display: block;
}

html[dir="rtl"] .x-treelist-row:hover::before{
	background:#69ACE7;
	width:6px;
	height:100%;
	right:0px;
	content: " ";
	position: absolute;
	display: block;
}

/* 
 * Indicator on selected list item (not collapsed)
 */
html[dir="ltr"] .x-treelist-item-selected > .x-treelist-row::before{
	background:#5FA2DD;
	width:6px;
	height:100%;
	left:0px;
	content: " ";
	position: absolute;
	display: block;
}

html[dir="rtl"] .x-treelist-item-selected > .x-treelist-row::before{
	background:#5FA2DD;
	width:6px;
	height:100%;
	right:0px;
	content: " ";
	position: absolute;
	display: block;
}

/* 
 * Item's text color when hovering (not collapsed)
 */
.x-treelist-row:hover > * > .x-treelist-item-text{
	color:#ffffff
}

/* 
 * Item's icon color when hovering (not collapsed)
 */
.x-treelist-row:hover > * > .x-treelist-item-icon{
	color:#ffffff;
}

/* 
 * Item's expander color when hovering (not collapsed)
 */
.x-treelist-row:hover > * > .x-treelist-item-expander{
	color:#ffffff;
}

/* 
 * Expanded subtrees color darker (collapsed)
 */
.x-treelist-item-expanded{
	background:#2c3845;
}

/* 
 * Expanded tree width (collapsed)
 */
.x-treelist-floater{
	width:280px !important;
	overflow-y: auto;
}

.search-form {
	font-weight: 600
}