.unigui_theme {
		border-left-width: 1px;
		border-bottom-width: 1px;
		borderless-border-width: 0px;
		window-header-height: 30px;
		tab-header-height: 30px;
		panel-header-height: 30px;
		panel-header-width: 30px;
		menu-band-height: 32px;
		calendar-form-width: 198px;
		calendar-form-height: 262px;
		theme-borderless: true;
		default-edit-height: 24px;
		fieldset-padding-right: 5px;
		fieldset-padding-bottom: 5px;
}

.x-theme-color {
  background-color: #526170;
  border-color: #4c5a67 !important;
  color: #bbb;
}

body > .x-mask {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.x-uni-tabsheet {
	border-top-style: none !important;
	background-color: #2B333B;
	border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.x-boundlist-item-mask {
	color:#313265;
}

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

.x-fieldset {
    background: transparent;
}


/* Buttons BEGIN */
.x-btn-default-small {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
}
.x-btn-default-medium {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
}
.x-btn-default-large {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
}

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

/* 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 Open Sans, Helvetica, 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 15px/24px Open Sans, Helvetica, 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 18px/32px Open Sans, Helvetica, Arial, sans-serif;
}
*/
/* Buttons END */

/* Tabs BEGIN */
.x-tab-bar-default {
    background-color: #36404A;
    border-width: 1px !important;
    border-color: #49545e;
    border-style: solid;
	/* border-radius: 2px; */
}
.x-tab-bar {
	z-index: 2;
}
.x-tab-bar-plain.x-docked-top {
	border-width: 0px 0px 1px 0px !important;
    border-style: solid !important;
    border-color: #49545E;
    z-index: 2;
}
.x-tab-bar-plain.x-docked-bottom {
	border-width: 1px 0px 0px 0px !important;
    border-style: solid !important;
    border-color: #49545E;
    z-index: 2;
}
.x-panel-notop {
    border-width: 0px 1px 1px 1px !important;
}
.x-tab-bar-default-top {
	border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.x-tab-closable.x-tab-default .x-tab-button {
    padding-right: 10px;
}
.x-tab.x-tab-active.x-tab-default {
    border-radius: 2px 2px 0px 0px;
}
.x-tab.x-tab-top.x-tab-over {
	border-radius: 2px 2px 0px 0px;
}
.x-box-scroller-tab-bar-default {
    cursor: pointer;
    color: #3bafda;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    opacity: 0.75;
}
/* Tabs END */
    
/* Swop icon and background colors BEGIN */
.x-grid-item-selected .x-tree-icon-leaf,
.x-grid-item-selected .x-tree-icon-parent-expanded,
.x-grid-item-selected .x-tree-icon-parent,
.x-grid-item-selected .x-tree-elbow-plus,
.x-grid-item-selected .x-tree-elbow-end-plus {
     color: #fff !important;
}
.x-grid-cell-selected .x-tree-icon-parent,
.x-grid-cell-selected .x-tree-icon-parent-expanded,
.x-grid-cell-selected .x-tree-icon-leaf,
.x-grid-cell-selected .x-tree-elbow-plus, 
.x-grid-cell-selected .x-tree-elbow-end-plus {
	color: #fff !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 {
	color: #fff !important;
}
/* Swop icon and background colors END */

/* MessageBox BEGIN */
.x-message-box-question {
	font: 36px/1 FontAwesome;
	color: #5CB85C;
}
.x-message-box-info {
	font: 36px/1 FontAwesome;
	color: #5BC0DE;
}
.x-message-box-warning {
	font: 36px/1 FontAwesome;
	color: #F0AD4E;
}
.x-message-box-error {
	font: 36px/1 FontAwesome;
	color: #D9534F;
}
/* MessageBox END */


/* Tool images BEGIN*/
.x-tool-expand-bottom:before {
    content: "\f078";
}
.x-tool-collapse-bottom:before {
    content: "\f078";
}
.x-tool-expand-top:before {
    content: "\f077";
}
.x-tool-collapse-top:before {
    content: "\f077";
}
.x-tool-expand-left:before {
    content: "\f053";
}
.x-tool-collapse-left:before {
    content: "\f053";
}
.x-tool-expand-right:before {
    content: "\f054";
}
.x-tool-collapse-right:before {
    content: "\f054";
}
.x-tool-close {
    font: 16px/1 ExtJS;
    background: none !important;
	margin: 0 0 0 3px;
}
.x-tool-close:before {
    content: "\e94a";
}
.x-tool-maximize {
    font: 16px/1 ExtJS;
    background: none;
	margin: 0 3px 0 3px;
}
.x-tool-maximize:before {
    content: "\e95f";
}
.x-tool-minimize {
    font: 16px/1 ExtJS;
    background: none;
	margin: 0 3px 0 3px;
}
.x-tool-minimize:before {
    content: "\e941";
}
.x-tool-restore {
    font: 16px/1 ExtJS;
    background: none;
	margin: 0 3px 0 3px;
}
.x-tool-restore:before {
    content: "\e963";
}
/* Tool images END*/

/* Form Triggers BEGIN */
.x-keyboard-mode .x-view-item-focused {
    outline: 1px dashed #C3CBCF !important;
    outline-offset: -1px;
}

.x-form-trigger {
  vertical-align: middle;
}
.x-form-trigger-default {
    width: 22px;
	font: 16px FontAwesome !important;
}
.x-form-trigger-default:before {
    content: "\f107";
}
.x-form-clear-trigger {
    font-size: 16px;
    font-family: FontAwesome;
}
.x-form-clear-trigger:before {
    content: "\f00d";
}
.x-form-trigger-default.x-form-trigger-btn:before {
  content: "" !important;
}
/* Form Triggers END */

/* TreeList BEGIN */
.x-treelist-item-expanded > * > * > .x-treelist-item-expander:after {
    content: "\f107";
    font: 18px/24px FontAwesome;
}
.x-treelist-item-expander:after {
    content: "\f105";
    font: 18px/24px FontAwesome;
}
/* TreeList END */

/* Spinner BEGIN*/
.x-form-spinner-up-default {
    font: 14px/1 ExtJS;
}
.x-form-spinner-up-default:before {
    content: "\e964";
}
.x-form-spinner-down-default {
    font: 14px/1 ExtJS;
}
.x-form-spinner-down-default:before {
    content: "\e961";
}
.x-form-trigger-spinner-default:before {
    content: '';
}
/* Spinner END*/

/* Toolbar BEGIN */
.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
    width: 18px;
    content: "\f107";
    font: 16px/1 FontAwesome;
    color: #3bafda;
}
.x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
    width: 20px;
    content: "\f107";
    font: 16px/1 FontAwesome;
    color: #3bafda;
    padding-left: 0px;
}
.x-btn-wrap-default-toolbar-medium.x-btn-split-right:after {
    width: 24px;
    content: "\f107";
    font: 20px/1 FontAwesome;
    color: #3bafda;
    padding-left: 0px;
}
.x-btn-wrap-default-toolbar-large.x-btn-split-right:after {
    width: 28px;
    content: "\f107";
    font: 24px/1 FontAwesome;
    color: #3bafda;
    padding-left: 0px;
}
/* Toolbar END */

/* Form Fields Highlight BEGIN*/
.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    padding-bottom: 2px !important;
}
.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 Fields Highlight END*/

/* Datetime picker BEGIN*/	
.x-datepicker {
	border-radius: 2px;
}
.x-datepicker-today > .x-datepicker-date {
	color: #3BAFDA;
}
.x-datepicker-column-header {
	text-decoration: none;
}
/* Datetime picker END*/

/* Panel Borders BEGIN */
.x-panel-header-default.x-panel-header-top {
    border-width: 1px 1px 1px 1px !important;
    border-style: solid;
    border-color: #49545e;
	border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.x-panel-header-default.x-panel-header-bottom {
    border-width: 1px 1px 1px 1px !important;
    border-style: solid;
    border-color: #49545e;
	border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.x-panel-header-default.x-panel-header-left {
    border-width: 1px 1px 1px 1px !important;
    border-style: solid;
    border-color: #49545e;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.x-panel-header-default.x-panel-header-right {
    border-width: 1px 1px 1px 1px !important;
    border-style: solid;
    border-color: #49545e;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
	
.x-panel-default-outer-border-trl {
    border-top-color: #49545e !important;
    border-top-width: 1px !important;
    border-right-color: #49545e !important;
    border-right-width: 1px !important;
    border-left-color: #49545e !important;
    border-left-width: 1px !important;
	border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.x-panel-default-outer-border-rbl {
    border-right-color: #49545e !important;
    border-right-width: 1px !important;
    border-bottom-color: #49545e !important;
    border-bottom-width: 1px !important;
    border-left-color: #49545e !important;
    border-left-width: 1px !important;
	border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.x-panel-default-outer-border-trbl {
    border-color: #49545e !important;
    border-width: 1px !important;
	border-radius: 2px;
}
.x-panel-default-outer-border-rl {
    border-right-color: #49545e !important;
    border-right-width: 1px !important;
    border-left-color: #49545e !important;
    border-left-width: 1px !important;
}
.x-panel-default-outer-border-tbl {
    border-top-color: #49545e !important;
    border-top-width: 1px !important;
    border-bottom-color: #49545e !important;
    border-bottom-width: 1px !important;
    border-left-color: #49545e !important;
    border-left-width: 1px !important;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.x-panel-default-outer-border-trb {
    border-top-color: #49545e !important;
    border-top-width: 1px !important;
    border-right-color: #49545e !important;
    border-right-width: 1px !important;
    border-bottom-color: #49545e !important;
    border-bottom-width: 1px !important;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

/* Panel Borders END */

/* Checkbox BEGIN*/
.x-form-checkbox-default {
    font: 16px/1 ExtJS;
	color: #98a6ad;
}
.x-form-cb-checked .x-form-checkbox-default {
    font: 16px/1 ExtJS; 
}
.x-form-checkbox-default:before {
	content: "\e990";
	color: #98a6ad;
}
.x-form-cb-checked .x-form-checkbox-default:before {
    content: "\e991";
	color: #3BAFDA;
}

.x-grid-item-selected .x-tree-checkbox {
    color: #fff;
}
.x-tree-checkbox {
    top: 4px;
}
/* Checkbox END*/

/* Radio Button BEGIN*/
.x-form-radio-default {
    font: 16px/1 ExtJS;
	color: #98a6ad;
}
.x-form-cb-checked .x-form-radio-default {
    font: 16px/1 ExtJS;
}
.x-form-radio-default:before {
    content: "\ea56";
	color: #98a6ad;
}
.x-form-cb-checked .x-form-radio-default:before {
    content: "\ea54";
	color: #3BAFDA;
}
/* Radio Button BEGIN*/


/* .x-grid-body {
    border-width: 1px 1px 1px 1px;
	background: #323b44;
} */

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

/* Accordion BEGIN */
.x-accordion-item .x-accordion-body {
	border-top-width: 0px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
	/* border-top-left-radius: 0px;
    border-top-right-radius: 0px; */
	border-radius: 0px;
}

.x-accordion-item > .x-panel-header-default.x-panel-header-top{
	border-radius: 0px;
	/* border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; */
}
/* Accordion END */

.x-calendar-panel-title {
	font: 400 12px/16px Open Sans, sans-serif;
	color: #3BAFDA;
}

/* Window shadows BEGIN */
.x-css-shadow {
	box-shadow: rgb(136, 136, 136) 0px 0px 0px !important;
	/* box-shadow: rgb(136, 136, 136) 0px 0px 6px !important; */
}
.x-window-body {
	border-width: 0px 1px 1px 1px !important; 
}

.x-window-default {
	    background-color: #323b44;
}
/* Window shadows END */

.x-mask-msg {
    padding: 5px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background-image: none;
    background-color: #2b333b;
	border-color: #49545e;
}
.x-mask-msg-inner {
    padding: 0;
    background-color: transparent;
    color: #fff;
    font: 400 12px Open Sans, sans-serif;
}
.x-mask-msg-text {
    padding: 25px 0 0;
    background-image: url(../ext-theme-uni_charcoal-sky-x30/resources/images/loadmask/loading.svg);
    background-repeat: no-repeat;
    background-position: center 0;
}