402 lines
		
	
	
		
			7.3 KiB
		
	
	
	
		
			CSS
		
	
	
	
		
		
			
		
	
	
			402 lines
		
	
	
		
			7.3 KiB
		
	
	
	
		
			CSS
		
	
	
	
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/*
							 | 
						||
| 
								 | 
							
								    Main color: #466596
							 | 
						||
| 
								 | 
							
								    Border color: #9BACC6
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Content */
							 | 
						||
| 
								 | 
							
								.f-widget-content {
							 | 
						||
| 
								 | 
							
								    border-color: #c5c5c5;
							 | 
						||
| 
								 | 
							
								    background-color: #fff;
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-widget-content a {
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Header */
							 | 
						||
| 
								 | 
							
								.f-widget-header {
							 | 
						||
| 
								 | 
							
								    border-color: #c5c5c5;
							 | 
						||
| 
								 | 
							
								    background-color: #EBEBEB;
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-widget-header a {
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* States */
							 | 
						||
| 
								 | 
							
								.f-state-default,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-state-default,
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-default {
							 | 
						||
| 
								 | 
							
								    border-color: #c5c5c5;
							 | 
						||
| 
								 | 
							
								    background-color: #ffffff;
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-default a,
							 | 
						||
| 
								 | 
							
								.f-state-default a:link,
							 | 
						||
| 
								 | 
							
								.f-state-default a:visited {
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-hover,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-state-hover,
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-hover,
							 | 
						||
| 
								 | 
							
								.f-state-focus,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-state-focus,
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-focus {
							 | 
						||
| 
								 | 
							
								    border-color: #9BACC6;
							 | 
						||
| 
								 | 
							
								    background-color: #fafafa;
							 | 
						||
| 
								 | 
							
								    color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-hover a,
							 | 
						||
| 
								 | 
							
								.f-state-hover a:hover,
							 | 
						||
| 
								 | 
							
								.f-state-hover a:link,
							 | 
						||
| 
								 | 
							
								.f-state-hover a:visited,
							 | 
						||
| 
								 | 
							
								.f-state-focus a,
							 | 
						||
| 
								 | 
							
								.f-state-focus a:hover,
							 | 
						||
| 
								 | 
							
								.f-state-focus a:link,
							 | 
						||
| 
								 | 
							
								.f-state-focus a:visited {
							 | 
						||
| 
								 | 
							
								    color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-active,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-state-active,
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-active {
							 | 
						||
| 
								 | 
							
								    border-color: #9BACC6;
							 | 
						||
| 
								 | 
							
								    background-color: #eee;
							 | 
						||
| 
								 | 
							
								    color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-active a,
							 | 
						||
| 
								 | 
							
								.f-state-active a:link,
							 | 
						||
| 
								 | 
							
								.f-state-active a:visited {
							 | 
						||
| 
								 | 
							
								    color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-highlight,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-state-highlight,
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-highlight {
							 | 
						||
| 
								 | 
							
								    border-color: #BF8A8A;
							 | 
						||
| 
								 | 
							
								    background-color: #fff;
							 | 
						||
| 
								 | 
							
								    color: #000;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-highlight a,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-state-highlight a,
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-highlight a {
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-error,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-state-error,
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-error {
							 | 
						||
| 
								 | 
							
								    border-color: #ffa8a8;
							 | 
						||
| 
								 | 
							
								    background-color: #fff8f8;
							 | 
						||
| 
								 | 
							
								    color: #000;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-error a,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-state-error a,
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-error a {
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-error-text,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-state-error-text,
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-error-text {
							 | 
						||
| 
								 | 
							
								    color: #000;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-disabled,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-state-disabled,
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-disabled {
							 | 
						||
| 
								 | 
							
								    opacity: .5;
							 | 
						||
| 
								 | 
							
								    filter: alpha(opacity=50);
							 | 
						||
| 
								 | 
							
								    background-image: none;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-disabled .f-icon {
							 | 
						||
| 
								 | 
							
								    filter: alpha(opacity=50);
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Icon font */
							 | 
						||
| 
								 | 
							
								.f-icon,
							 | 
						||
| 
								 | 
							
								.f-widget-content .f-icon {
							 | 
						||
| 
								 | 
							
								    color: #888;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-icon {
							 | 
						||
| 
								 | 
							
								    color: #888;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-default .f-icon {
							 | 
						||
| 
								 | 
							
								    color: #888;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-hover .f-icon,
							 | 
						||
| 
								 | 
							
								.f-state-focus .f-icon {
							 | 
						||
| 
								 | 
							
								    color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-active .f-icon {
							 | 
						||
| 
								 | 
							
								    color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-highlight .f-icon {
							 | 
						||
| 
								 | 
							
								    color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-error .f-icon,
							 | 
						||
| 
								 | 
							
								.f-state-error-text .f-icon {
							 | 
						||
| 
								 | 
							
								    color: #ff6c6c;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Round corner */
							 | 
						||
| 
								 | 
							
								.f-corner-all,
							 | 
						||
| 
								 | 
							
								.f-corner-top,
							 | 
						||
| 
								 | 
							
								.f-corner-left,
							 | 
						||
| 
								 | 
							
								.f-corner-tl {
							 | 
						||
| 
								 | 
							
								    border-top-left-radius: 4px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-corner-all,
							 | 
						||
| 
								 | 
							
								.f-corner-top,
							 | 
						||
| 
								 | 
							
								.f-corner-right,
							 | 
						||
| 
								 | 
							
								.f-corner-tr {
							 | 
						||
| 
								 | 
							
								    border-top-right-radius: 4px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-corner-all,
							 | 
						||
| 
								 | 
							
								.f-corner-bottom,
							 | 
						||
| 
								 | 
							
								.f-corner-left,
							 | 
						||
| 
								 | 
							
								.f-corner-bl {
							 | 
						||
| 
								 | 
							
								    border-bottom-left-radius: 4px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-corner-all,
							 | 
						||
| 
								 | 
							
								.f-corner-bottom,
							 | 
						||
| 
								 | 
							
								.f-corner-right,
							 | 
						||
| 
								 | 
							
								.f-corner-br {
							 | 
						||
| 
								 | 
							
								    border-bottom-right-radius: 4px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* CheckBox - RadioButton */
							 | 
						||
| 
								 | 
							
								.f-checkbox.f-checked,
							 | 
						||
| 
								 | 
							
								.f-checkbox.f-checkbox-indeterminate {
							 | 
						||
| 
								 | 
							
								    background-color: #466596;
							 | 
						||
| 
								 | 
							
								    border-color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.f-radiobutton:after {
							 | 
						||
| 
								 | 
							
								    background-color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.f-radiobutton.f-checked {
							 | 
						||
| 
								 | 
							
								    border-color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-state-focus.f-checkbox,
							 | 
						||
| 
								 | 
							
								.f-state-focus.f-radiobutton {
							 | 
						||
| 
								 | 
							
								    border-color: #6e98da;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.f-state-focus.f-checkbox.f-checked {
							 | 
						||
| 
								 | 
							
								    border-color: #6e98da;
							 | 
						||
| 
								 | 
							
								    background-color: #6e98da;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.f-state-focus.f-radiobutton.f-checked {
							 | 
						||
| 
								 | 
							
								    border-color: #6e98da;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.f-state-focus.f-radiobutton.f-checked:after {
							 | 
						||
| 
								 | 
							
								    background-color: #6e98da;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-menu-item-icon.f-menu-radiobutton.f-checked {
							 | 
						||
| 
								 | 
							
									color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-field-checkbox-switch.f-checked {
							 | 
						||
| 
								 | 
							
								    background-color: #466596;
							 | 
						||
| 
								 | 
							
								    border-color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.f-state-focus.f-field-checkbox-switch.f-checked {
							 | 
						||
| 
								 | 
							
								    background-color: #6e98da;
							 | 
						||
| 
								 | 
							
								    border-color: #6e98da;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.f-state-focus.f-field-checkbox-switch {
							 | 
						||
| 
								 | 
							
								    background-color: #bbb;
							 | 
						||
| 
								 | 
							
								    border-color: #bbb;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Special - header active state */
							 | 
						||
| 
								 | 
							
								.f-widget-header .f-state-active {
							 | 
						||
| 
								 | 
							
								    background-color: #fff;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Special - Remove border-color for hover state */
							 | 
						||
| 
								 | 
							
								.f-tab-header.f-state-active,
							 | 
						||
| 
								 | 
							
								.f-tab-header.f-state-hover,
							 | 
						||
| 
								 | 
							
								.f-grid-colheader-trigger.f-state-hover,
							 | 
						||
| 
								 | 
							
								.f-grid-colheader.f-state-hover {
							 | 
						||
| 
								 | 
							
								    border-color: #c5c5c5;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Special - TabStrip */
							 | 
						||
| 
								 | 
							
								.f-tabstrip-plain > .f-panel-bodyct > .f-panel-body,
							 | 
						||
| 
								 | 
							
								.f-tabstrip-plain > .f-panel-header,
							 | 
						||
| 
								 | 
							
								.f-tabstrip-plain > .f-panel-header .f-panel-tools,
							 | 
						||
| 
								 | 
							
								.f-tabstrip-bordercolor .f-tab-header {
							 | 
						||
| 
								 | 
							
								    border-color: #c5c5c5;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-tabstrip-plain > .f-panel-bodyct > .f-toolbar {
							 | 
						||
| 
								 | 
							
								    border-left-color: #c5c5c5;
							 | 
						||
| 
								 | 
							
								    border-right-color: #c5c5c5;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-tabstrip-plain.f-tabstrip-header-top > .f-panel-header .f-tabstrip-scroller,
							 | 
						||
| 
								 | 
							
								.f-tabstrip-plain.f-tabstrip-header-right > .f-panel-header .f-tabstrip-scroller {
							 | 
						||
| 
								 | 
							
								    border-bottom-color: #c5c5c5;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-tabstrip-plain.f-tabstrip-header-bottom > .f-panel-header .f-tabstrip-scroller,
							 | 
						||
| 
								 | 
							
								.f-tabstrip-plain.f-tabstrip-header-left > .f-panel-header .f-tabstrip-scroller {
							 | 
						||
| 
								 | 
							
								    border-top-color: #c5c5c5;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-tab-header.f-state-active {
							 | 
						||
| 
								 | 
							
								    background-color: #fff;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-tabstrip-header .f-tab-header.f-state-active:after {
							 | 
						||
| 
								 | 
							
									background-color: #f3f3f3;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.f-tab-header.f-state-active .f-icon {
							 | 
						||
| 
								 | 
							
									color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-tabstrip-header .f-tabstrip-header-inkbar {
							 | 
						||
| 
								 | 
							
									background-color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active {
							 | 
						||
| 
								 | 
							
									background-color: #f3f3f3;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Special - Grid selected cell */
							 | 
						||
| 
								 | 
							
								.f-grid-selectedcell-border {
							 | 
						||
| 
								 | 
							
								    border-color: #c5c5c5 !important;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Special - Grid selected row */
							 | 
						||
| 
								 | 
							
								.f-grid-row.f-state-active {
							 | 
						||
| 
								 | 
							
								    background-color: #DBE6F5;
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-grid-row.f-state-active a,
							 | 
						||
| 
								 | 
							
								.f-grid-row.f-state-active a:link,
							 | 
						||
| 
								 | 
							
								.f-grid-row.f-state-active a:visited {
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-grid-row.f-state-active .f-icon {
							 | 
						||
| 
								 | 
							
								    color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Special - Tree header style */
							 | 
						||
| 
								 | 
							
								.f-tree-headerstyle .f-panel-body {
							 | 
						||
| 
								 | 
							
								    background-color: #EBEBEB;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-tree-headerstyle .f-tree-node.f-tree-node-toplevel .f-tree-cell-inner,
							 | 
						||
| 
								 | 
							
								.f-tree-minimode-item-inner {
							 | 
						||
| 
								 | 
							
								    border-color: #c5c5c5;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-toolbar-buttonplain,
							 | 
						||
| 
								 | 
							
								.f-toolbar-buttonplain .f-buttongroup .f-btn:after {
							 | 
						||
| 
								 | 
							
								    border-color: #c5c5c5 !important;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Special - Button pressed state */
							 | 
						||
| 
								 | 
							
								.f-btn.f-state-active {
							 | 
						||
| 
								 | 
							
								    background-color: #466596;
							 | 
						||
| 
								 | 
							
								    color: #fff;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-btn.f-state-active .f-icon {
							 | 
						||
| 
								 | 
							
								    color: #fff;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Special - Main header */
							 | 
						||
| 
								 | 
							
								.f-widget-header.f-mainheader {
							 | 
						||
| 
								 | 
							
								    border-color: #fff;
							 | 
						||
| 
								 | 
							
								    background-color: #d0d0d0;
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-widget-header.f-mainheader a,
							 | 
						||
| 
								 | 
							
								.f-widget-header.f-mainheader .f-icon {
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Special - Sub header */
							 | 
						||
| 
								 | 
							
								.f-widget-header.f-subheader {
							 | 
						||
| 
								 | 
							
								    background-color: #fff;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/* Special - MessageBoxIcon */
							 | 
						||
| 
								 | 
							
								.f-messagebox-icon.f-messageicon-information,
							 | 
						||
| 
								 | 
							
								.f-messagebox-icon.f-messageicon-question {
							 | 
						||
| 
								 | 
							
								    color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								body.f-body-bgcolor {
							 | 
						||
| 
								 | 
							
								    background-color: #f3f3f3;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-grid-row.f-grid-row-newadded > .f-grid-cell:first-child > .f-grid-cell-inner:after {
							 | 
						||
| 
								 | 
							
									color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.f-grid-show-selected-cell .f-grid-cell-selected {
							 | 
						||
| 
								 | 
							
								    background-color: #d1d6e5;
							 | 
						||
| 
								 | 
							
								    color: #444;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.f-grid-show-selected-cell .f-grid-cell-selected .f-icon {
							 | 
						||
| 
								 | 
							
									color: #466596;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.mainpanel .sidebarregion .leftregion,
							 | 
						||
| 
								 | 
							
								.mainpanel .bodyregion .centerregion {
							 | 
						||
| 
								 | 
							
								    border-width: 0;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.mainpanel .bodyregion .centerregion .f-tabstrip-header {
							 | 
						||
| 
								 | 
							
								    border-width: 0;
							 | 
						||
| 
								 | 
							
								}
							 |