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

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

/* Window shadows BEGIN */
.x-css-shadow {
    position: absolute;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 4px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.5) !important;
}
/* Window shadows END */

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

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

/* Buttons BEGIN */
.x-btn-default-small,
.x-btn-primary-small,
.x-btn-secondary-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;
	/* padding: 3px; */
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.x-btn-default-medium, 
.x-btn-primary-medium,
.x-btn-secondary-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;
	/* padding: 3px; */
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.x-btn-default-large,
.x-btn-primary-large,
.x-btn-secondary-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;
	/* padding: 4px; */
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}

.x-keyboard-mode .x-btn-focus.x-btn-default-small, 
.x-keyboard-mode .x-btn-focus.x-btn-primary-small,
.x-keyboard-mode .x-btn-focus.x-btn-secondary-small,
.x-keyboard-mode .x-btn-focus.x-btn-success-small,
.x-keyboard-mode .x-btn-focus.x-btn-info-small,
.x-keyboard-mode .x-btn-focus.x-btn-warning-small,
.x-keyboard-mode .x-btn-focus.x-btn-danger-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-small, 
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-primary-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-secondary-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-success-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-info-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-warning-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-danger-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-small, 
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-primary-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-secondary-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-success-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-info-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-warning-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-danger-small {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.x-keyboard-mode .x-btn-focus.x-btn-default-medium, 
.x-keyboard-mode .x-btn-focus.x-btn-primary-medium,
.x-keyboard-mode .x-btn-focus.x-btn-secondary-medium,
.x-keyboard-mode .x-btn-focus.x-btn-success-medium,
.x-keyboard-mode .x-btn-focus.x-btn-info-medium,
.x-keyboard-mode .x-btn-focus.x-btn-warning-medium,
.x-keyboard-mode .x-btn-focus.x-btn-danger-medium,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-medium, 
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-primary-medium,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-secondary-medium,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-success-medium,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-info-medium,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-warning-medium,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-danger-medium,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-medium, 
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-primary-medium,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-secondary-medium,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-success-medium,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-info-medium,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-warning-medium,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-danger-medium {
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.x-keyboard-mode .x-btn-focus.x-btn-default-large,
.x-keyboard-mode .x-btn-focus.x-btn-primary-large,
.x-keyboard-mode .x-btn-focus.x-btn-secondary-large,
.x-keyboard-mode .x-btn-focus.x-btn-success-large,
.x-keyboard-mode .x-btn-focus.x-btn-info-large,
.x-keyboard-mode .x-btn-focus.x-btn-warning-large,
.x-keyboard-mode .x-btn-focus.x-btn-danger-large,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-large, 
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-primary-large,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-secondary-large,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-success-large,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-info-large,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-warning-large,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-danger-large,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-large, 
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-primary-large,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-secondary-large,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-success-large,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-info-large,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-warning-large,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-danger-large {
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}

/* 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 Roboto, 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 Roboto, 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 Roboto, sans-serif;
}

/* Buttons END */

/* Tabs BEGIN */
.x-tab-bar {
    z-index: 0;
}
.x-tab-bar-top > .x-tab-bar-body-default {
    padding-bottom: 5px;
}
.x-uni-tabsheet {
	border-style: none !important;
}
.x-tab-default{
    transition:background 1s cubic-bezier(0.38,0.8,0.32,1.07)
}
.x-tab.x-tab-active.x-tab-default,.x-tab-focus.x-tab-active.x-tab-default,.x-tab-bar-strip-default{
    background-color:#fff !important;
    border-color:#fff !important;
    box-shadow:none !important
}
.x-tab-default::after,.x-tab-active::after{
    content:'';
    height:3px;
    background-color:#005FA8;
    display:block;
    position:absolute;
    /* top:39px; */
	bottom: 0px;
    left:50%;
    transform:translate(-50%);
    border-radius:5px
}
.x-tab-default::after{
    width:0px;
    animation-name:collpaseWidth;
    animation-duration:0.3s
}
.x-tab-active::after{
    width:100%;
    animation-name:expandWidth;
    animation-duration:0.5s
}
@keyframes expandWidth{
    from{
        width:10%
    }
    to{
        width:100%
    }
}
@keyframes collpaseWidth{
    from{
        width:100%
    }
    to{
        width:10%
    }
}
*:not(a) {
    transition: background 0.3s cubic-bezier(0.45,0.05,0.55,0.95);
}

/* Tabs END */

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

.x-message-box > * > .x-toolbar-footer {
    padding: 10px;
	background-color: #fff;
}
.x-toolbar-item.x-btn-default-small,
.x-keyboard-mode .x-toolbar-item.x-btn-focus.x-btn-default-small {
	box-shadow: none;
}
/* MessageBox END */


/* Tool images BEGIN*/
/* Panel */
.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*/

/* Trigger and Spinner BEGIN */
.x-form-trigger-spinner-default:before {
    content: '';
}
.x-form-trigger {
  vertical-align: middle;
}
.x-form-trigger-default {
    width: 22px;
	font: 16px FontAwesome !important;
}
.x-form-trigger-default.x-form-trigger-btn:before {
  content: "" !important;
}

.x-form-spinner-up-default {
    font: 16px/1 ExtJS;
}
.x-form-spinner-down-default {
    font: 16px/1 ExtJS;
}
/* Trigger and Spinner END */

.x-toolbar-default {
    padding: 3px 0px 3px 5px;
}

.x-fieldset {
    background: #fff;
}
.x-fieldset-default {
    border: 1px solid #d3d3d3 !important;
    padding: 0px 5px 5px 5px;
    margin: 0 0 0px;
}

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

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

/*Checkbox Menus BEGIN*/
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
    font: 16px/1 ExtJS;
	color: #005FA8;
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    content: "\e991";
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
    font: 16px/1 ExtJS;
	color: #005FA8;
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    content: "\e990";
}
/*Checkbox Menus END*/

/*Checkbox Treeview BEGIN*/
.x-tree-checkbox {
	font: 16px/1 ExtJS;
    color: #005FA8;
	top: 3px !important;
}
.x-tree-checkbox:before {
    content: "\e990";
}
.x-tree-checkbox-checked {
	font: 16px/1 ExtJS;
    color: #005FA8;
}
.x-tree-checkbox-checked:before {
	content: "\e991";
}
/*Checkbox Treeview END*/

/* Checkbox Grids BEGIN*/
.x-column-header-checkbox .x-column-header-checkbox:after, .x-grid-checkcolumn:after {
    content: "\e990";
    font: 16px/1 ExtJS;
    color: #005FA8;
}
.x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    content: "\e991";
    font: 16px/1 ExtJS;
    color: #005FA8;
}
.x-grid-hd-checker-on .x-column-header-checkbox:after, .x-grid-checkcolumn-checked:after {
    content: '\e991';
    color: #005FA8;
    font: 16px/1 ExtJS;
}

/* Checkbox Grids END*/

/* Radio Button BEGIN */
.x-form-radio-default:before {
	content: "\f10c";
	color: #005FA8;
}
.x-form-cb-checked .x-form-radio-default:before {
	content: "\f192";
	color: #005FA8;
}
/* Radio Button END */


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

/* Form Field Labels BEGIN*/
.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    padding-bottom: 2px !important;
}
.x-field.x-form-item.x-field-focus > .x-form-item-label-default {
	color: #005FA8;
	font-weight: 500;
}
.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {
    margin-bottom: 5px;
}
/* Form Field Labels END*/

.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
	border-color: #005FA8;
	border-width: 0px 0px 2px 0px;
}

/* .x-form-trigger-wrap-default::after,.x-form-trigger-wrap-default.x-form-trigger-wrap-focus::after{
    content:'';
    height:2px;
    background-color:#005FA8;
    display:block;
    position:absolute;
	bottom: 0px;
    left:50%;
    transform:translate(-50%);
    border-radius:0px
}
.x-form-trigger-wrap-default::after{
    width:0px;
    animation-name:collpaseWidth;
    animation-duration:0.3s
}
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus::after{
    width:100%;
    animation-name:expandWidth;
    animation-duration:0.5s
} */

.x-toolbar-default {
	/* box-shadow: 0 1px 2px rgba(0,0,0,0.3); */
	box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 1px -2px, rgba(0, 0, 0, 0.07) 0px 2px 2px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.x-html-editor-tb {	
	border-width: 0px !important;
}

/* Datepicker BEGIN */
.x-datepicker {
    border-style: none;
    border-color: #00508f;
    border-radius: 4px;
}
.x-datepicker-selected div.x-datepicker-date, 
div.x-datepicker-date:hover,.x-datepicker-today {
	border-radius: 50%;
}
.x-datepicker-month .x-btn {
    box-shadow: none;
}

/* .x-datepicker-month < .x-btn < .x-btn-arrow-right < .x-btn-button:after {
	color: #fff !important;
} */

/* Datepicker END */

/* Accordion BEGIN */
.x-accordion-item {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 1px -2px, rgba(0, 0, 0, 0.07) 0px 2px 2px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;	
}
/* Accordion END */

.x-form-file-btn.x-unselectable.x-btn-default-small {
	box-shadow: none;
	background-color: transparent;
	border-color: #007BDC;
	border-width: 2px;
	border-style: solid;
}
.x-form-text-field-body-default textarea.x-form-field {
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #d3d3d3;
} 

.x-calendar-panel-title {
	font:500 13px/17px Roboto, sans-serif;
	color: #005FA8;
}

.x-boundlist-item.x-boundlist-selected.x-boundlist-item-over {
    background-color: #f5fbff !important;
	border-color: #f5fbff !important;
}
.x-keyboard-mode .x-view-item-focused {
    outline: 0px dashed #005FA8 !important;
    outline-offset: -1px;
}

.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after,
.x-btn-wrap-default-toolbar-medium.x-btn-arrow-right:after,
.x-btn-wrap-default-toolbar-large.x-btn-arrow-right:after,
.x-btn-wrap-default-toolbar-small.x-btn-split-right:after,
.x-btn-wrap-default-toolbar-medium.x-btn-split-right:after,
.x-btn-wrap-default-toolbar-large.x-btn-split-right:after {
    color: #005FA8;
}

body.x-border-layout-ct, div.x-border-layout-ct {
    background-color: #fff;
}
.x-collapse-el {
    background-color: #fff;
}

/* Panels BEGIN */
.x-panel-header-default-top {
    -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: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.x-panel-header-default-bottom {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -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;
}
.x-panel-header-default-right {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -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: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.x-panel-header-default-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.x-window-item.x-panel-default {
	border-radius: 0px;
	border-width: 0px !important;
}
/* Panels END */

/* Grids BEGIN */
.x-panel-default.x-grid {
	border-width: 0px;
	border-radius: 4px;
}
.x-grid-header-ct {
    border-radius: 4px 4px 0px 0px;
}
.x-grid-body {
    border-radius: 0px 0px 4px 4px;
}
.x-grid-paging-toolbar {
    border-radius: 0px 0px 4px 4px;
	border-style: none;
}
.x-grid-cell-inner {
	padding: 4px 5px 3px 5px;
}
/* Grids END */

.x-window-maximized,
.x-window-maximized > .x-window-header-default-top {
	border-radius: 0px;
}
.x-window-header-default .x-tool-img {
    color: #fff;
}

.x-mask-msg {
    padding: 5px;
    -webkit-border-radius: 4px 4px 0px 4px;
    -moz-border-radius: 4px 4px 0px 4px;
    -ms-border-radius: 4px 4px 0px 4px;
    -o-border-radius: 4px 4px 0px 4px;
    border-radius: 4px 4px 0px 4px;
    background-image: none;
    background-color: transparent;
	border-color: transparent;
}
.x-mask-msg-inner {
    padding: 0;
    background-color: transparent;
    color: transparent;
    font: 500 12px Roboto, sans-serif;
}
.x-mask-msg-text {
	height: 50px;
	width:50px;
    padding: 40px 10px 10px 10px;
    background-image: url(../ext-theme-uni_material-deepblue-x30/resources/images/loadmask/loading.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    background-color: transparent; 
    opacity: 1.0;
    rotate: (45deg);
}

.btn-round-float {
    background-color: #FFF;
    color: #4D4D4D;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    cursor: pointer;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    position: relative;
    border: 0px solid #d3d3d3;
    z-index: 20;
}

.x-menu-body-default {
    border-radius: 4px;
}
.x-menu-item-icon-default {
	top: 4px !important;
}

.x-keyboard-mode .btn-round-float.x-btn-focus.x-btn-default-large .x-btn-wrap {
	outline: 0px dashed #005FA8;
	box-shadow: 0 0 2px 1px rgba(0,0,0,.1);
	border-radius: 50%;
}

.x-keyboard-mode .btn-round-float.x-btn-focus.x-btn-default-large,
.x-keyboard-mode .btn-round-float.x-btn-focus.x-btn-over.x-btn-default-large, 
.x-keyboard-mode .btn-round-float.x-btn-focus.x-btn-pressed.x-btn-default-large {
	/* box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); */
	border-color: transparent;
}

.icon-red > * > * > .x-btn-icon-el-tertiary-small,
.icon-red > * > * > .x-btn-icon-el-tertiary-medium,
.icon-red > * > * > .x-btn-icon-el-tertiary-large {
	color: red;
}

.x-treelist-row {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 3px;
}
.x-treelist-row-over {
	border-radius: 4px;
}
.x-treelist-row-over:before, .x-treelist-item-selected > .x-treelist-row:before {
    left: 2px;
    top: 20%;
    width: 3px;
    height: 60%;
    border-radius: 6px;
}
.x-treelist-item-selected > .x-treelist-row {
	border-radius: 4px;
}