.unigui_theme {
		border-left-width: 2px;
		border-bottom-width: 2px;
		borderless-border-width: 2px;
		window-header-height: 30px;
		tab-header-height: 32px;
		panel-header-height: 32px;
		panel-header-width: 32px;
		menu-band-height: 32px;
		calendar-form-width: 191px;
		calendar-form-height: 249px;
		theme-borderless: true;
		default-edit-height: 28px;
		fieldset-padding-right: 5px;
		fieldset-padding-bottom: 5px;
}

.x-theme-color {
  background-color: #F5F5F5;
  border-color: white #eee #eee white !important;
}

.x-uni-tabsheet {
	border-top-style: none !important;
	/*border-bottom-style: none !important;*/
	border-radius: 0px 0px 4px 4px !important;
	header: 20px;
}

.x-form-cb-label-default {
	margin-top: 5px !important;
}

.x-fieldset {
    background: #fff;
}

.x-progress-default .x-progress-text {
	line-height: 20px;
}

.x-grid-cell-inner {
    padding: 6px 4px 3px 4px;
}
.x-grid-cell-editor .x-form-text-default {
	border-radius: 0px;
}
.x-grid-cell-selected > .x-grid-cell-inner-property-name {
	color: #fff !important;
	background-color: #337AB7 !important;
}

/* Buttons BEGIN */
.x-btn-default-small,
.x-btn-primary-small,
.x-btn-secondary-small,
.x-btn-tertiary-small,
.x-btn-success-small,
.x-btn-info-small,
.x-btn-warning-small,
.x-btn-danger-small {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.x-btn-default-medium,
.x-btn-primary-medium,
.x-btn-secondary-medium,
.x-btn-tertiary-medium,
.x-btn-success-medium,
.x-btn-info-medium,
.x-btn-warning-medium,
.x-btn-danger-medium {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.x-btn-default-large,
.x-btn-primary-large,
.x-btn-secondary-large,
.x-btn-tertiary-large,
.x-btn-success-large,
.x-btn-info-large,
.x-btn-warning-large,
.x-btn-danger-large {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}

.x-btn-default-toolbar-small {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
	padding: 3px 3px 3px 3px;
}
.x-btn-default-toolbar-medium {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
	padding: 3px 3px 3px 3px;
}
.x-btn-default-toolbar-large {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
	padding: 3px 3px 3px 3px;
}

/* Button font sizes */
.x-btn-inner-default-small,
.x-btn-inner-primary-small,
.x-btn-inner-secondary-small,
.x-btn-inner-tertiary-small,
.x-btn-inner-success-small,
.x-btn-inner-info-small,
.x-btn-inner-warning-small,
.x-btn-inner-danger-small {
    font:400 12px/16px Helvetica, Helvetica Neue, Arial, sans-serif;
}
.x-btn-inner-default-medium, 
.x-btn-inner-primary-medium,
.x-btn-inner-secondary-medium,
.x-btn-inner-tertiary-medium,
.x-btn-inner-success-medium,
.x-btn-inner-info-medium,
.x-btn-inner-warning-medium,
.x-btn-inner-danger-medium {
    font:400 14px/18px Helvetica, Helvetica Neue, Arial, sans-serif;
}
.x-btn-inner-default-large,
.x-btn-inner-primary-large,
.x-btn-inner-secondary-large,
.x-btn-inner-tertiary-large,
.x-btn-inner-success-large,
.x-btn-inner-info-large,
.x-btn-inner-warning-large,
.x-btn-inner-danger-large {
    font:400 16px/20px Helvetica, Helvetica Neue, Arial, sans-serif;
}
/* Buttons END */

/* Swop icon and background colors BEGIN */
.x-grid-item-selected .x-tree-icon,
.x-grid-item-selected .x-tree-expander,
.x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
     color: #fff !important;
	 background-color: ##337AB7 !important;
}

.x-grid-cell-selected .x-tree-icon,
.x-grid-cell-selected .x-tree-expander {
	color: #fff !important;
	background-color: ##337AB7 !important;
}
.x-grid-cell-selected > .x-grid-cell-inner-property-name {
	background-color: ##337AB7 !important;
}

.x-treelist-item-selected > .x-treelist-row  > * > .x-treelist-item-text,
.x-treelist-item-selected > .x-treelist-row  > * > .x-treelist-item-icon {
	color: #fff !important;
}
.x-treelist-item-selected > .x-treelist-row-over {
    background-color: ##337AB7;
	color: #fff !important;
}

.x-menu-item-active .x-menu-item-text-default,
.x-menu-item-active .x-menu-item-icon,
.x-menu-item-active .x-menu-item-checkbox 
.x-menu-item-active .x-menu-item-arrow {
	color: #fff !important;
	 background-color: ##337AB7 !important;
}
/* Swop icon and background colors END */

/* Form Field Labels */
.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    padding-bottom: 2px !important;
}

/* Form triggers BEGIN */
.x-form-trigger-default.x-form-trigger-over {
	background: #EBEBEB;
	border-color: #EBEBEB #EBEBEB #EBEBEB #CCCCCC;
}
.x-form-trigger-default {
	border-radius: 0px 4px 4px 0px;
}
.x-form-spinner-up-default.x-form-spinner-over,
.x-form-spinner-down-default.x-form-spinner-over {
	background: #EBEBEB;
}


.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
	border-color: #66afe9;
    outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.x-keyboard-mode .x-btn-focus.x-btn-default-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-small,
 .x-keyboard-mode .x-btn-focus.x-btn-default-medium,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-medium,
.x-keyboard-mode .x-btn-focus.x-btn-default-large,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-large {
	border-color: #66afe9;
    outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/* Form triggers END */

/* Datetime picker BEGIN*/	
.x-datepicker {
	border-color: #CCCCCC;
}
.x-datepicker-column-header {
	text-decoration: none;
}
.x-datepicker-selected div.x-datepicker-date, div.x-datepicker-date:hover {
	border-radius: 4px;
}
.x-monthpicker-item {
	margin: 0px;	
}
.x-datepicker-month .x-btn-inner {
	font-weight: 700;
}
.x-datepicker-today {
	border-radius: 4px;
}
/* Datetime picker END*/

/* PageControl,Panel,Grid... Border colors */
.x-tab-bar {
    z-index: 1;
	border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
	height: 30px
}

.x-grid-body {
    border-width: 1px 1px 1px 1px;
	border-color: #CCCCCC;
}
.x-column-header {
    border-right: 1px solid #d1d1d1;
    color: ##333333;
    background-color: #fff;
}

.x-panel-header.x-accordion-hd {
	border-radius: 4px;
}
.x-panel-header-default.x-panel-header-top {
    border-width: 1px 1px 1px 1px !important;
    border-style: solid;
    border-color: #ccc;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.x-panel-header-default.x-panel-header-bottom {
    border-width: 1px 1px 1px 1px !important;
    border-style: solid;
    border-color: #ccc;
	border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.x-panel-header-default.x-panel-header-left {
    border-width: 1px 1px 1px 1px !important;
    border-style: solid;
    border-color: #ccc;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.x-panel-header-default.x-panel-header-right {
    border-width: 1px 1px 1px 1px !important;
    border-style: solid;
    border-color: #ccc;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
	
.x-panel-default-outer-border-trl {
    border-top-color: #CCCCCC !important;
    border-top-width: 1px !important;
    border-right-color: #CCCCCC !important;
    border-right-width: 1px !important;
    border-left-color: #CCCCCC !important;
    border-left-width: 1px !important;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.x-panel-default-outer-border-rbl {
    border-right-color: #CCCCCC !important;
    border-right-width: 1px !important;
    border-bottom-color: #CCCCCC !important;
    border-bottom-width: 1px !important;
    border-left-color: #CCCCCC !important;
    border-left-width: 1px !important;
	border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.x-panel-default-outer-border-trbl {
    border-color: #CCCCCC !important;
    border-width: 1px !important;
	border-radius: 4px;
}
.x-panel-default-outer-border-rl {
    border-right-color: #CCCCCC !important;
    border-right-width: 1px !important;
    border-left-color: #CCCCCC !important;
    border-left-width: 1px !important;
}
.x-panel-default-outer-border-tbl {
    border-top-color: #CCCCCC !important;
    border-top-width: 1px !important;
    border-bottom-color: #CCCCCC !important;
    border-bottom-width: 1px !important;
    border-left-color: #CCCCCC !important;
    border-left-width: 1px !important;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.x-panel-default-outer-border-trb {
    border-top-color: #CCCCCC !important;
    border-top-width: 1px !important;
    border-right-color: #CCCCCC !important;
    border-right-width: 1px !important;
    border-bottom-color: #CCCCCC !important;
    border-bottom-width: 1px !important;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* Checkbox BEGIN*/
.x-form-checkbox-default {
    font: 18px/1 ExtJS;
    color: #6a6a6a;
}
.x-form-cb-checked .x-form-checkbox-default {
    font: 18px/1 ExtJS;
}
.x-form-checkbox-default:before {
    content: "\e955";
}
.x-form-cb-checked .x-form-checkbox-default:before {
    content: "\e954";
}
/*Checkbox Grids */
.x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    content: "\e954";
    font: 16px/1 ExtJS;
    color: #6a6a6a;
}
.x-column-header-checkbox .x-column-header-checkbox:after, .x-grid-checkcolumn:after {
    content: "\e955";
    font: 16px/1 ExtJS;
    color: #6a6a6a;
}
.x-grid-hd-checker-on .x-column-header-checkbox:after, .x-grid-checkcolumn-checked:after {
	content: "\e954";
    font: 16px/1 ExtJS;
    color: #6a6a6a;
}
/*Checkbox Menus */
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
    font: 16px/22px ExtJS;
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    content: "\e954";
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
    font: 16px/22px ExtJS;
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    content: "\e955";
}
/* Checkbox END*/

/* Radio button */
.x-form-radio-default {
	font: 16px/1 ExtJS;
	color: #6a6a6a;
}
.x-form-cb-checked .x-form-radio-default {
	font: 16px/1 ExtJS;
}
.x-form-radio-default:before {
    content: "\e94f";
}
.x-form-cb-checked .x-form-radio-default:before {
    content: "\e950";
}