.unigui_theme {
		border-left-width: 2px;
		border-bottom-width: 2px;
		borderless-border-width: 2px;
		window-header-height: 40px;
		tab-header-height: 40px;
		panel-header-height: 40px;
		panel-header-width: 40px;
		menu-band-height: 32px;
		calendar-form-width: 212px;
		calendar-form-height: 282px;
		theme-borderless: false;
		default-edit-height: 30px;
		fieldset-padding-right: 5px;
		fieldset-padding-bottom: 5px;
}

.x-theme-color {
  background-color: #F2F2F2;
  /* border-color: white #eee #eee white !important; */
}
.x-grid-with-row-lines .x-grid-item:first-child {
    border-top-color: #F2F2F2;
}	
.x-theme-color-primary {
	color: #009C43;
}
body > .x-mask {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.5);
}
/* 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; */
	box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%) !important;
}
/* Window shadows END */

.app-no-border > * > .x-uni-tabsheet {
	border-style: none !important;
}
.x-tab-bar {
    z-index: 1;
}

.x-boundlist-item-mask {
	color:#313265;
}

.x-progress-default .x-progress-text {
	line-height: 20px;
}

/* 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:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
	padding: 3px;
}
.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:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
	padding: 3px;
}
.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:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
	padding: 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 14px/18px Roboto;
}
.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 16px/24px Roboto;
}

.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/30px Roboto;
}

.x-btn-inner-tertiary-small,
.x-btn-inner-tertiary-medium,
.x-btn-inner-tertiary-large {
	font-weight: 500 !important;
}

.x-btn-default-toolbar-small {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.x-btn-default-toolbar-medium {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.x-btn-default-toolbar-large {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.x-btn-arrow-right:after, .x-btn-split-right:after,
.x-btn-arrow-bottom:after, .x-btn-split-bottom:after {
	content: "\f0d7" !important;
    font: 18px/1 FontAwesome !important;
}
.x-menu-item-arrow-default {
	font: 18px/1 FontAwesome !important;
}
/* Buttons END */

/* Tabs BEGIN */
.x-tab-closable.x-tab-default .x-tab-button {
    padding-right: 10px;
}
/* .x-tab-bar-default-top {
    border-width: 1px !important;
} */
.x-tab-bar-plain.x-tab-bar-default-horizontal {
    border-color: #d3d3d3 !important;
}
.x-tab-bar-plain.x-docked-bottom {
    border-top: 1px #ddd solid !important;
    z-index: 2;
}
.x-tab-default-top {
    padding: 4px 10px 3px 10px;
}
.x-panel-notop {
    border-width: 0px 1px 1px 1px !important;
}

/* Tabs END */

/* MessageBox BEGIN */
.x-message-box-question {
	font: 32px/1 FontAwesome;
	color: #626262;
}
.x-message-box-info {
	font: 32px/1 FontAwesome;
	color: #0099F3;
}
.x-message-box-warning {
	font: 32px/1 FontAwesome;
	color: #EDBD00;
}
.x-message-box-error {
	font: 32px/1 FontAwesome;
	color: #EF4200;
}
/* MessageBox END */


/* Default Buttons Icon Color */
.x-btn-icon-el-default-small, .x-btn-icon-el-default-medium, .x-btn-icon-el-default-large {
	color: #959595;
}

/* TreeList BEGIN */
.x-treelist-item-expanded > * > * > .x-treelist-item-expander:after {
    content: "\f107";
    font: 20px/24px FontAwesome;
}
.x-treelist-item-expander:after {
    content: "\f105";
    font: 20px/24px FontAwesome;
}
/* TreeList 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";
}
/* Tool images END*/

/* Trigger and Spinner BEGIN */
.x-form-trigger-spinner-default:before {
    content: '';
}
.x-form-trigger {
  vertical-align: middle;
}
.x-form-trigger-default {
    width: 24px;
    font: 18px/28px FontAwesome !important;
}
.x-form-trigger-default.x-form-trigger-btn:before {
  content: "" !important;
}

.x-form-spinner-default {
     width: 24px;
}
/* Trigger and Spinner END */

/* Checkbox BEGIN*/
.x-form-checkbox-default {
    font: 20px/1 ExtJS !important;
}
.x-form-cb-checked .x-form-checkbox-default {
    font: 20px/1 ExtJS !important;
}
.x-form-checkbox-default:before {
    content: "\e990";
	color: #959595;
}
.x-form-cb-checked .x-form-checkbox-default:before {
    content: "\e991";
	color: #009C43;
}
/*Checkbox Grids */
.x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    content: "\e991";
    font: 20px/1 ExtJS;
}
.x-column-header-checkbox .x-column-header-checkbox:after, .x-grid-checkcolumn:after {
    content: "\e990";
	color: #959595;
    font: 20px/1 ExtJS;
}
.x-grid-hd-checker-on .x-column-header-checkbox:after, .x-grid-checkcolumn-checked:after {
	content: "\e991";
	color: #009C43;
    font: 20px/1 ExtJS;
}

/*Checkbox Menus */
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox,
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
    font: 20px/24px ExtJS;
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    content: "\e991";
	color: #009C43;
}

.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    content: "\e990";
	color: #959595;
}

/*Checkbox Treeview */
.x-tree-checkbox {
    color: #959595;
	top: 4px !important;
	font: 20px/1 ExtJS;
}
.x-tree-checkbox:before {
	content: "\e990";
}
.x-tree-checkbox-checked {
    color: #009C43;
	font: 20px/1 ExtJS;
}
.x-tree-checkbox-checked:before {
	content: "\e991";
}
.x-form-cb-label-default {
	margin-top: 6px;
    font: 400 14px/16px Roboto;
}
/* Checkbox END*/

/* Radio button BEGIN*/
.x-form-radio-default {
	font: 21px/1 ExtJS;
}
.x-form-cb-checked .x-form-radio-default {
	font: 20px/1 ExtJS;
}
.x-form-radio-default:before {
    content: "\e957";
	color: #959595;
}
.x-form-cb-checked .x-form-radio-default:before {
    content: "\e956";
	color: #009C43
}
/* Radio button END*/

/* Form Field Labels */
.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    padding-bottom: 3px !important;
	padding-top: 0px !important;
}

.x-fieldset {
    background: #fff;
    position: static;
}

/* Datepicker BEGIN */
.x-datepicker-column-header {
	text-decoration: none;
}
/* .x-datepicker-footer, .x-monthpicker-buttons {
    padding: 6px 0px 6px 0px;
    background-color: #fff;
    text-align: center;
} */
.x-btn-wrap-default-small.x-btn-split-right > .x-btn-button {
	padding-right: 0px;
}
/* Datepicker 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: 18px/1 ExtJS;
    background: none !important;
	margin: 0 0 0 3px;
}
.x-tool-close:before {
    content: "\e94a";
}
.x-tool-maximize {
    font: 18px/1 ExtJS;
    background: none;
	margin: 0 3px 0 3px;
}
.x-tool-maximize:before {
    content: "\e95f";
}
.x-tool-minimize {
    font: 18px/1 ExtJS;
    background: none;
	margin: 0 3px 0 3px;
}
.x-tool-minimize:before {
    content: "\e941";
}
.x-tool-restore {
    font: 18px/1 ExtJS;
    background: none;
	margin: 0 3px 0 3px;
}
.x-tool-restore:before {
    content: "\e963";
}
/* Tool images END*/

.x-grid-tree-node-expanded .x-tree-elbow-plus, 
.x-grid-tree-node-expanded .x-tree-elbow-end-plus,
.x-tree-elbow-plus, .x-tree-elbow-end-plus {
    font-size: 16px;
}
.x-tree-elbow-img {
	line-height: 28px;
}

.x-calendar-panel-title {
	font:600 14px/18px Roboto;
	color: #00b312;
}

.x-keyboard-mode .x-view-item-focused {
    outline: 1px dashed #95C93D !important;
    outline-offset: -1px;
}
.x-btn.x-btn-pressed.x-btn-default-small.x-segmented-button-item {
    background-color: #DFFAE0;
}

.x-column-header-text-inner {
    vertical-align: middle;
}

.x-column-header {
    border-style: none;
}

.x-column-header-first {
    border-style: none;
}

.x-form-text-default.x-form-textarea {
    line-height: 21px;
    min-height: 60px;
}

.x-window-header-default .x-tool-img {
    color: #fff;
}


.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: #dffae0;
	border-color: #00b312;
}
.x-mask-msg-inner {
    padding: 0;
    background-color: transparent;
    color: #303030;
    font: 400 14px Roboto;
}
.x-mask-msg-text {
    padding: 30px 0 0;
    background-image: url(../ext-theme-uni_plotjet-x50/resources/images/loadmask/loading.svg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 24px 24px;
}

.x-menu-default {
    border-style: solid;
    border-width: 1px;
    border-color: #d3d3d3;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
    border-radius: 5px;
}
.x-menu-icon-separator-default {
	border-left: solid 0px #f2f2f2;
}