/* uni */
:root {
 /* --aps-background-color:#62bcfa;*/
	--aps-background-color:#53a277;
	--aps-font-color:#ffffff;
	--aps-color-dark-7:#183023;
	--aps-color-dark-6:#21402f;
	--aps-color-dark-5:#29513b;
	--aps-color-dark-4:#316147;
	--aps-color-dark-3:#3a7153;
	--aps-color-dark-2:#42815f;
	--aps-color-dark-1:#4a916b;
	--aps-color-light-1:#64ab84
	--aps-color-light-3:#86bd9f; 
	--aps-color-light-4:#97c7ad;
	--aps-color-light-5:#a9d0bb;
	--aps-color-light-6:#bad9c8;
	--aps-color-light-7:#cbe3d6;
	--aps-color-light-8:#dcece3;
	--aps-color-light-9:#edf5f1;
}
/*
a:-webkit-any-link {
    color: var(--aps-color-dark-3);
}
*/
.x-resizable-proxy {
    border: 1px dashed var(--aps-color-dark-3);
    position: absolute;
    overflow: hidden;
    z-index: 50000
}

#browser_box_ex
{
	width: 104px;
	height: 16px;
	position: relative;
	overflow: hidden;
	background-image:none; !important;
	font: 16px/1 FontAwesome;
	color:var(--aps-background-color); !important;
}
#browser_box_esign
{
	width: 152px;
	height: 16px;
	position: relative;
	overflow: hidden;
	background-image:none; !important;
	font: 16px/1 FontAwesome;
	color:var(--aps-background-color); !important;
}

#browser_box_ex:after
{
	content:"\f093" !important;
}
.x-viewport {
    overflow-y: auto !important;
}
.x-viewport > .x-body {
    overflow-y: auto !important;
}
.x-body {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-panel {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
  z-index: 0;
}

.x-panel-body-default {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-btn-default-small .x-btn-inner {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-btn-default-medium .x-btn-inner {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-btn-default-large .x-btn-inner {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-btn-inner-default-toolbar-small {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-btn-inner-default-toolbar-medium {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-btn-inner-default-toolbar-large {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-grid-item {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-column-header {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-form-text-default {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}

.x-form-item-label-default {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-tab-inner-default {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-fieldset-header-default > .x-fieldset-header-text {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
/*  position: unset;	*/
}
.x-grid-group-title {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-btn-inner-plain-toolbar-small {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-boundlist-item {
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}
.x-form-cb-label-default {
    font-family:Roboto,sans-serif !important;
}
.x-datepicker-date {
    font-family:Roboto,sans-serif !important;
}

.x-theme-color {
  background-color:var(--aps-color-light-8);
}

.x-treelist-item-selected > .x-treelist-row {
/*    background-color: #c2f2dd*/
    background-color: var(--aps-background-color)
}

.x-treelist-item-selected > .x-treelist-row-over {
/*    background-color: #c2f2dd*/
    background-color: var(--aps-background-color)
}

.x-treelist-row-over {
    background-color: var(--aps-color-light-5);
}

.x-treelist-nav {
/*    background-color: #324e40;*/
    background-color: var(--aps-background-color);
    background-position: 24px 0%;
    padding: 0 0 0 0
}

.x-treelist-nav .x-treelist-toolstrip {
/*    background-color: #324e40*/
    background-color: var(--aps-background-color)
}

.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
    color: #f0f0f0;
/*    background-color: #5fdda2*/
    background-color: var(--aps-background-color)
}

.x-treelist-nav .x-treelist-item-selected > .x-treelist-row {
/*    background-color: #3f5f50*/
    background-color: var(--aps-background-color)
}

.x-treelist-nav .x-treelist-item-tool-floated:after {
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    width: 4px;
/*    background-color: #5fdda2*/
    background-color: var(--aps-background-color)
}

.x-treelist-nav .x-treelist-item-icon,.x-treelist-nav .x-treelist-item-tool {
/*    color: #adb8b3;*/
    color: #fff;
    font-size: 18px;
    width: 24px
}

.x-treelist-nav .x-treelist-item-expander {
/*    color: #adb8b3;*/
    color: #fff;
    font-size: 16px;
    width: 24px
}

.x-treelist-nav .x-treelist-item-text {
/*    color: #adb8b3;*/
    color: #fff;
    margin-left: 28px;
    margin-right: 4px;
    font-size: 15px;
    line-height: 44px
}

.x-treelist-text-noicon {
    margin-left: 8px !important;
}

.x-treelist-text-notroot {
    font-size: 13px !important;
}
.x-treelist-text-root {
    color: #ddd !important;
}

.x-treelist-nav .x-treelist-row-over:before {
/*    background-color: #2be999*/
    background-color: var(--aps-background-color)
}

.x-treelist-nav .x-treelist-item-selected > .x-treelist-row-over:before {
/*    background-color: #2be999*/
    background-color: var(--aps-background-color)
}

.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
/*    background-color: #475f49 !important*/
    background-color: var(--aps-background-color)
}

.x-treelist-nav .x-treelist-item-floated > .x-treelist-row {
/*    background-color: #324e40*/
    background-color: var(--aps-background-color)
}

.x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over {
/*    background-color: #324e40*/
    background-color: var(--aps-background-color)
}

.x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over > * > .x-treelist-item-text {
/*    color: #adb8b3*/
    color: #fff
}

.x-treelist-nav .x-treelist-item-expanded {
/*    background-color: #2c4538*/
    background-color: #fff
}

.x-treelist-nav .x-treelist-row-over {
/*    background-color: #4f6f60*/
    background-color: var(--aps-background-color)
}

.x-keyboard-mode .x-mask.x-focus {
    border-style: solid;
    border-width: 1px;
    border-color: var(--aps-color-dark-6)
}

.x-progress-default {
    background-color: #f5f5f5;
    border-width: 0;
    height: 20px;
    border-color: var(--aps-color-dark-6);
    border-style: solid
}

.x-progress-default .x-progress-bar-default {
    background-image: none;
    background-color: var(--aps-color-light-6)
}

.x-btn-default-small {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-color: var(--aps-background-color)
}

.x-btn-default-small-mc {
    background-color: var(--aps-background-color)
}

.x-btn-default-small {
    border-color: var(--aps-color-dark-6)
}

.x-ie8 .x-btn-icon-el-default-small.x-btn-glyph {
    color: var(--aps-color-light-4)
}

.x-keyboard-mode .x-btn-focus.x-btn-default-small {
    background-image: none;
    background-color: var(--aps-background-color);
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-default-small.x-arrow-focus .x-btn-arrow-el {
    border: 1px solid var(--aps-color-light-8)
}

.x-btn-over.x-btn-default-small {
    border-color: var(--aps-color-dark-6);
    background-image: none;
    background-color: var(--aps-color-dark-4)
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-small {
    -webkit-box-shadow: var(--aps-color-light-7) 0 1px 0px 0 inset, var(--aps-color-light-7) 0 -1px 0px 0 inset, var(--aps-color-light-7) -1px 0 0px 0 inset, var(--aps-color-light-7) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-7) 0 1px 0px 0 inset, var(--aps-color-light-7) 0 -1px 0px 0 inset, var(--aps-color-light-7) -1px 0 0px 0 inset, var(--aps-color-light-7) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-7) 0 1px 0px 0 inset, var(--aps-color-light-7) 0 -1px 0px 0 inset, var(--aps-color-light-7) -1px 0 0px 0 inset, var(--aps-color-light-7) 1px 0 0px 0 inset
}

.x-btn.x-btn-menu-active.x-btn-default-small,.x-btn.x-btn-pressed.x-btn-default-small {
    border-color: var(--aps-color-dark-6);
    background-image: none;
    background-color: var(--aps-color-dark-5)
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-small,.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-small {
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset
}

.x-btn.x-btn-disabled.x-btn-default-small {
    background-image: none;
    background-color: var(--aps-background-color)
}

.x-keyboard-mode .x-btn-focus .x-btn-default-small-mc {
    background-color: var(--aps-background-color)
}

.x-btn-over .x-btn-default-small-mc {
    background-color: var(--aps-color-dark-4)
}

.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-small-mc {
    background-color: var(--aps-color-dark-4)
}

.x-btn.x-btn-menu-active .x-btn-default-small-mc,.x-btn.x-btn-pressed .x-btn-default-small-mc {
    background-color: var(--aps-color-dark-5)
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-mc,.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-mc {
    background-color: var(--aps-color-dark-5)
}

.x-btn.x-btn-disabled .x-btn-default-small-mc {
    background-color: var(--aps-background-color)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-small:after {
    border-width: 1px;
    border-color: var(--aps-color-light-8) /*!!!!!!!!!!*/
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-small:after {
    border-width: 1px;
    border-color: var(--aps-color-light-7) /*!!!!!!!!!!!*/
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-small:after,.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-small:after {
    border-width: 1px;
    border-color: var(--aps-color-light-8) /*!!!!!!!*/
}

.x-btn-default-medium {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-color: var(--aps-background-color)
}

.x-btn-default-medium[title] {
    background-color: #f5f5f5
}

.x-btn-default-medium-mc {
    background-color: var(--aps-background-color)
}

.x-btn-default-medium {
    border-color: var(--aps-color-dark-6)
}

.x-ie8 .x-btn-icon-el-default-medium.x-btn-glyph {
    color: var(--aps-color-light-4)
}

.x-keyboard-mode .x-btn-focus.x-btn-default-medium {
    background-image: none;
    background-color: var(--aps-background-color);
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-default-medium.x-arrow-focus .x-btn-arrow-el {
    border: 1px solid var(--aps-color-light-8)
}

.x-btn-over.x-btn-default-medium {
    border-color: var(--aps-color-dark-2);
    background-image: none;
    background-color: var(--aps-color-dark-4)
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-medium {
    -webkit-box-shadow: var(--aps-color-light-7) 0 1px 0px 0 inset, var(--aps-color-light-7) 0 -1px 0px 0 inset, var(--aps-color-light-7) -1px 0 0px 0 inset, var(--aps-color-light-7) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-7) 0 1px 0px 0 inset, var(--aps-color-light-7) 0 -1px 0px 0 inset, var(--aps-color-light-7) -1px 0 0px 0 inset, var(--aps-color-light-7) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-7) 0 1px 0px 0 inset, var(--aps-color-light-7) 0 -1px 0px 0 inset, var(--aps-color-light-7) -1px 0 0px 0 inset, var(--aps-color-light-7) 1px 0 0px 0 inset
}

.x-btn.x-btn-menu-active.x-btn-default-medium,.x-btn.x-btn-pressed.x-btn-default-medium {
    border-color: var(--aps-color-dark-6);
    background-image: none;
    background-color: var(--aps-color-dark-5)
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-medium,.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-medium {
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset
}

.x-btn.x-btn-disabled.x-btn-default-medium {
    background-image: none;
    background-color: var(--aps-background-color)
}

.x-keyboard-mode .x-btn-focus .x-btn-default-medium-mc {
    background-color: var(--aps-background-color)
}

.x-btn-over .x-btn-default-medium-mc {
    background-color: var(--aps-color-dark-4)
}

.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-medium-mc {
    background-color: var(--aps-color-dark-4)
}

.x-btn.x-btn-menu-active .x-btn-default-medium-mc,.x-btn.x-btn-pressed .x-btn-default-medium-mc {
    background-color: var(--aps-color-dark-5)
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-mc,.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-mc {
    background-color: var(--aps-color-dark-5)
}

.x-btn.x-btn-disabled .x-btn-default-medium-mc {
    background-color: var(--aps-background-color)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-medium:after {
    border-width: 1px;
    border-color: var(--aps-color-light-8) /*!!!!!*/
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-medium:after {
    border-width: 1px;
    border-color: var(--aps-color-light-7)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-medium:after,.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-medium:after {
    border-width: 1px;
    border-color: var(--aps-color-light-8)
}

.x-button-default-medium-cell > .x-grid-cell-inner {
    padding-top: 0;
    padding-bottom: 0
}

.x-button-default-medium-cell > .x-grid-cell-inner >.x-btn-default-medium {
    vertical-align: top
}

.x-btn-default-large {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-color: var(--aps-background-color)
}

.x-btn-default-large-mc {
    background-color: var(--aps-background-color)
}

.x-btn-default-large {
    border-color: var(--aps-color-dark-7)
}

.x-ie8 .x-btn-icon-el-default-large.x-btn-glyph {
    color: var(--aps-color-light-4)
}

.x-keyboard-mode .x-btn-focus.x-btn-default-large {
    background-image: none;
    background-color: var(--aps-background-color);
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-default-large.x-arrow-focus .x-btn-arrow-el {
    border: 1px solid var(--aps-color-light-8)
}

.x-btn-over.x-btn-default-large {
    border-color: var(--aps-color-dark-1);
    background-image: none;
    background-color: var(--aps-color-dark-4)
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-large {
    -webkit-box-shadow: var(--aps-color-light-7) 0 1px 0px 0 inset, var(--aps-color-light-7) 0 -1px 0px 0 inset, var(--aps-color-light-7) -1px 0 0px 0 inset, var(--aps-color-light-7) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-7) 0 1px 0px 0 inset, var(--aps-color-light-7) 0 -1px 0px 0 inset, var(--aps-color-light-7) -1px 0 0px 0 inset, var(--aps-color-light-7) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-7) 0 1px 0px 0 inset, var(--aps-color-light-7) 0 -1px 0px 0 inset, var(--aps-color-light-7) -1px 0 0px 0 inset, var(--aps-color-light-7) 1px 0 0px 0 inset
}

.x-btn.x-btn-menu-active.x-btn-default-large,.x-btn.x-btn-pressed.x-btn-default-large {
    border-color: var(--aps-color-dark-3);
    background-image: none;
    background-color: var(--aps-color-dark-5)
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-large,.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-large {
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset
}

.x-btn.x-btn-disabled.x-btn-default-large {
    background-image: none;
    background-color: var(--aps-background-color)
}

.x-keyboard-mode .x-btn-focus .x-btn-default-large-mc {
    background-color: var(--aps-background-color)
}

.x-btn-over .x-btn-default-large-mc {
    background-color: var(--aps-color-dark-4)
}

.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-default-large-mc {
    background-color: var(--aps-color-dark-4)
}

.x-btn.x-btn-menu-active .x-btn-default-large-mc,.x-btn.x-btn-pressed .x-btn-default-large-mc {
    background-color: var(--aps-color-dark-5)
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-mc,.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-mc {
    background-color: var(--aps-color-dark-5)
}

.x-btn.x-btn-disabled .x-btn-default-large-mc {
    background-color: var(--aps-background-color)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-large:after {
    border-width: 1px;
    border-color: var(--aps-color-light-8)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-large:after {
    border-width: 1px;
    border-color: var(--aps-color-light-7)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-large:after,.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-large:after {
    border-width: 1px;
    border-color: var(--aps-color-light-8)
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small {
    background-image: none;
    background-color: #f5f5f5;
    -webkit-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-default-toolbar-small.x-arrow-focus .x-btn-arrow-el {
    border: 1px solid var(--aps-color-dark-2)
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small {
    -webkit-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-small,.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small {
    -webkit-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-toolbar-small:after {
    border-width: 1px;
    border-color: var(--aps-color-dark-2)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-toolbar-small:after {
    border-width: 1px;
    border-color: var(--aps-color-dark-2)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-small:after,.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small:after {
    border-width: 1px;
    border-color: var(--aps-color-dark-2)
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-medium {
    background-image: none;
    background-color: #f5f5f5;
    -webkit-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-default-toolbar-medium.x-arrow-focus .x-btn-arrow-el {
    border: 1px solid var(--aps-color-dark-2)
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-medium {
    -webkit-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-medium,.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-medium {
    -webkit-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-toolbar-medium:after {
    border-width: 1px;
    border-color: var(--aps-color-dark-2)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-toolbar-medium:after {
    border-width: 1px;
    border-color: var(--aps-color-dark-2)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-medium:after,.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-medium:after {
    border-width: 1px;
    border-color: var(--aps-color-dark-2)
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-large {
    background-image: none;
    background-color: #f5f5f5;
    -webkit-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-default-toolbar-large.x-arrow-focus .x-btn-arrow-el {
    border: 1px solid var(--aps-color-dark-2)
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-large {
    -webkit-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-large,.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-large {
    -webkit-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-toolbar-large:after {
    border-width: 1px;
    border-color: var(--aps-color-dark-2)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-over.x-btn-default-toolbar-large:after {
    border-width: 1px;
    border-color: var(--aps-color-dark-2)
}

.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-large:after,.x-keyboard-mode .x-nbr .x-segmented-button-item.x-btn-focus.x-btn-pressed.x-btn-default-toolbar-large:after {
    border-width: 1px;
    border-color: var(--aps-color-dark-2)
}

.x-tool-tool-el {
    overflow: hidden;
    width: 16px;
    height: 16px;
    margin: 0;
    color: var(--aps-color-dark-7);
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8
}

.x-keyboard-mode .x-tool-focus {
    outline: 1px solid var(--aps-color-dark-7);
    outline-offset: 2px
}

.x-ie .x-keyboard-mode .x-tool-focus:after,.x-ie10p .x-keyboard-mode .x-tool-focus:after,.x-edge .x-keyboard-mode .x-tool-focus:after {
    position: absolute;
    content: ' ';
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid var(--aps-color-dark-7);
    pointer-events: none
}

.x-keyboard-mode .x-splitter-focus:after {
    position: absolute;
    content: ' ';
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid var(--aps-color-dark-7);
    pointer-events: none
}

.x-toolbar-text-default {
    padding: 0 4px;
    color: var(--aps-color-dark-7);
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}

.x-toolbar-text-footer {
    padding: 0 4px;
    color: var(--aps-color-dark-7);
  font-family:Roboto,sans-serif !important;
  font-weight:400;
}

.x-panel-header-title-default {
    color: var(--aps-color-dark-7);
    font-size: 15px;
    font-weight: 300;
/*    font-family: helvetica, arial, verdana, sans-serif;*/
  font-family:Roboto,sans-serif !important;
  font-weight:400;
/*    font-family:Roboto,sans-serif !important;*/
    line-height: 16px
}

.x-keyboard-mode .x-panel-header-title-default.x-title-focus {
    outline: 1px solid var(--aps-color-dark-7);
    outline-offset: 2px
}

.x-ie .x-keyboard-mode .x-panel-header-title-default.x-title-focus:after,.x-ie10p .x-keyboard-mode .x-panel-header-title-default.x-title-focus:after,.x-edge .x-keyboard-mode .x-panel-header-title-default.x-title-focus:after {
    position: absolute;
    content: ' ';
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid var(--aps-color-dark-7);
    pointer-events: none
}

.x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: var(--aps-color-dark-7);
    background-position: center center
}

.x-ie8 .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default.x-title-glyph {
    color: var(--aps-color-light-3)
}

.x-keyboard-mode .x-panel-header-default .x-tool-focus {
    outline: 1px solid var(--aps-color-dark-7);
    outline-offset: 2px
}

.x-ie .x-keyboard-mode .x-panel-header-default .x-tool-focus:after,.x-ie10p .x-keyboard-mode .x-panel-header-default .x-tool-focus:after,.x-edge .x-keyboard-mode .x-panel-header-default .x-tool-focus:after {
    position: absolute;
    content: ' ';
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid var(--aps-color-dark-7);
    pointer-events: none
}

.x-keyboard-mode .x-panel-header-title-default-framed.x-title-focus {
    outline: 1px solid var(--aps-color-dark-7);
    outline-offset: 2px
}

.x-ie .x-keyboard-mode .x-panel-header-title-default-framed.x-title-focus:after,.x-ie10p .x-keyboard-mode .x-panel-header-title-default-framed.x-title-focus:after,.x-edge .x-keyboard-mode .x-panel-header-title-default-framed.x-title-focus:after {
    position: absolute;
    content: ' ';
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid var(--aps-color-dark-7);
    pointer-events: none
}

.x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed > .x-title-icon-default-framed {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: var(--aps-color-dark-7);
    background-position: center center
}

.x-ie8 .x-panel-header-title-default-framed > .x-title-icon-wrap-default-framed > .x-title-icon-default-framed.x-title-glyph {
    color: var(--aps-color-light-3)
}

.x-keyboard-mode .x-panel-header-default-framed .x-tool-focus {
    outline: 1px solid var(--aps-color-dark-7);
    outline-offset: 2px
}

.x-ie .x-keyboard-mode .x-panel-header-default-framed .x-tool-focus:after,.x-ie10p .x-keyboard-mode .x-panel-header-default-framed .x-tool-focus:after,.x-edge .x-keyboard-mode .x-panel-header-default-framed .x-tool-focus:after {
    position: absolute;
    content: ' ';
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid var(--aps-color-dark-7);
    pointer-events: none
}

.x-dashboard .x-panel-dd-spacer {
    border: 2px dashed var(--aps-color-light-4);
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 7px
}

.x-window-header-title-default {
    color: var(--aps-color-dark-7);
    font-size: 15px;
    font-weight: 300;
/*    font-family: helvetica, arial, verdana, sans-serif;*/
  font-family:Roboto,sans-serif !important;
  font-weight:400;
    line-height: 16px
}

.x-window-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: var(--aps-color-dark-7);
    background-position: center center
}

.x-ie8 .x-window-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default.x-title-glyph {
    color: var(--aps-color-light-3)
}

.x-window-header-default .x-window-header-icon {
    width: 16px;
    height: 16px;
    color: var(--aps-color-dark-7);
    font-size: 16px;
    line-height: 16px;
    background-position: center center
}

.x-window-header-default .x-window-header-glyph {
    color: var(--aps-color-dark-7);
    font-size: 16px;
    line-height: 16px;
    opacity: 0.5
}

.x-ie8 .x-window-header-default .x-window-header-glyph {
    color: var(--aps-color-light-3)
}

.x-keyboard-mode .x-window-header-default .x-tool-focus {
    outline: 1px solid var(--aps-color-dark-7);
    outline-offset: 2px
}

.x-ie .x-keyboard-mode .x-window-header-default .x-tool-focus:after,.x-ie10p .x-keyboard-mode .x-window-header-default .x-tool-focus:after,.x-edge .x-keyboard-mode .x-window-header-default .x-tool-focus:after {
    position: absolute;
    content: ' ';
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid var(--aps-color-dark-7);
    pointer-events: none
}

.x-form-invalid-under-default {
    padding: 2px 2px 2px 20px;
    color: #cf354c;
/*    font: 300 13px/16px helvetica, arial, verdana, sans-serif;*/
  font-family:Roboto,sans-serif !important;
  font-weight:400;
    background: no-repeat 0 2px;
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: var(--aps-background-color)
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
    border-color: #cf354c
}

.x-form-invalid .x-form-item-body-default.x-form-checkboxgroup-body {
    border-width: 1px;
    border-style: solid;
    border-color: #cf354c
}

.x-keyboard-mode .x-fieldset-header-tool-default.x-focus {
    outline: 1px solid var(--aps-background-color)
}

.x-boundlist-selected {
    background: var(--aps-color-light-6);
    border-color: var(--aps-color-light-6)
}

.x-boundlist-item-over {
    background: var(--aps-color-light-8);
    border-color: var(--aps-color-light-8)
}

.x-datepicker-month .x-btn-inner {
    color: var(--aps-background-color)
}

div.x-datepicker-date:hover {
    color: #000;
    background-color: var(--aps-color-light-9)
}

.x-datepicker-selected {
    border-style: solid;
    border-color: var(--aps-background-color)
}

.x-datepicker-selected div.x-datepicker-date {
/*    background-color: var(--aps-color-light-8);*/
	background-color: unset;
    color: #000;
    font-weight: 300
}

a.x-monthpicker-item-inner:hover {
    color: #000;
    background-color: var(--aps-color-light-9)
}

.x-monthpicker-item a.x-monthpicker-selected {
    background-color: var(--aps-color-light-8);
    color: #000;
    border-style: solid;
    border-color: var(--aps-background-color)
}

.x-keyboard-mode .x-form-display-field-default.x-field-form-focus {
    outline: 1px solid var(--aps-background-color);
    outline-offset: -1px
}

.x-ie .x-keyboard-mode .x-form-display-field-default.x-field-form-focus:after,.x-ie10p .x-keyboard-mode .x-form-display-field-default.x-field-form-focus:after,.x-edge .x-keyboard-mode .x-form-display-field-default.x-field-form-focus:after {
    position: absolute;
    content: ' ';
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid var(--aps-background-color);
    pointer-events: none
}

.x-tip-default {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 2px 2px 2px;
    border-width: 1px;
    border-style: solid;
    background-color: var(--aps-color-light-9)
}

.x-tip-default-mc {
    background-color: var(--aps-color-light-9)
}

.x-tip-default {
    background-color: var(--aps-color-light-9);
    border-color: #e1e1e1
}

.x-tip-default .x-tool-img {
    background-color: var(--aps-color-light-9)
}

.x-tip-default .x-tip-anchor-top:after {
    border-top-width: 0;
    border-bottom: 10px solid var(--aps-color-light-9);
    top: 1px;
    margin-left: -10px
}

.x-tip-default .x-tip-anchor-bottom:after {
    border-bottom-width: 0;
    border-top: 10px solid var(--aps-color-light-9);
    bottom: 1px;
    margin-left: -10px
}

.x-tip-default .x-tip-anchor-left:after {
    border-left-width: 0;
    border-right: 10px solid var(--aps-color-light-9);
    left: 1px;
    margin-top: -10px
}

.x-tip-default .x-tip-anchor-right:after {
    border-right-width: 0;
    border-left: 10px solid var(--aps-color-light-9);
    right: 1px;
    margin-top: -10px
}

.x-tip-form-invalid {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 2px 2px 2px;
    border-width: 1px;
    border-style: solid;
    background-color: var(--aps-color-light-9)
}

.x-tip-form-invalid-mc {
    background-color: var(--aps-color-light-9)
}

.x-tip-form-invalid .x-tool-img {
    background-color: var(--aps-color-light-9)
}
.x-tip-form-invalid .x-tip-anchor-top:after {
    border-top-width: 0;
    border-bottom: 10px solid var(--aps-color-light-9);
    top: 1px;
    margin-left: -10px
}

.x-tip-form-invalid .x-tip-anchor-bottom:after {
    border-bottom-width: 0;
    border-top: 10px solid var(--aps-color-light-9);
    bottom: 1px;
    margin-left: -10px
}

.x-tip-form-invalid .x-tip-anchor-left:after {
    border-left-width: 0;
    border-right: 10px solid var(--aps-color-light-9);
    left: 1px;
    margin-top: -10px
}

.x-tip-form-invalid .x-tip-anchor-right:after {
    border-right-width: 0;
    border-left: 10px solid var(--aps-color-light-9);
    right: 1px;
    margin-top: -10px
}

.x-form-text-default .x-tagfield-item.x-tagfield-item-selected {
    background-color: var(--aps-color-light-7);
    border-color: var(--aps-color-dark-7);
    color: #000
}

.x-grid-item-over {
    color: #000;
    background-color: var(--aps-color-light-7);
}

.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;
    border: 0px solid var(--aps-color-dark-3)
}

.x-grid-item-selected {
    color: #000;
    background-color: var(--aps-color-light-6)
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-over {
    border-style: solid;
    border-color: var(--aps-color-light-5);
}

.x-grid-with-row-lines .x-grid-item-over + .x-grid-item {
    border-top-style: solid;
    border-top-color: var(--aps-color-light-5);
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    border-style: solid;
    border-color: var(--aps-color-light-5);
}

.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
    border-top-style: solid;
    border-top-color: var(--aps-color-light-6)
}

.x-grid-row .x-grid-cell-selected {
    color: #000;
    background-color: var(--aps-color-light-6) !important
}

.x-grid-with-col-lines .x-grid-item-over .x-grid-cell {
/*    border-color: #e2f9ef;*/
    border-color: #ccc;
    border-style: solid
}

.x-grid-with-col-lines .x-grid-item-selected .x-grid-cell {
    border-color: var(--aps-color-light-6);
    border-style: solid
}

.x-grid-drop-indicator {
    position: absolute;
    height: 1px;
    line-height: 0px;
    background-color: var(--aps-color-dark-2);
    overflow: visible;
    pointer-events: none
}

.x-keyboard-mode .x-column-header.x-column-header-focus .x-column-header-inner:after {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid var(--aps-color-dark-2);
    pointer-events: none
}

.x-column-header-over {
    background-image: none;
    background-color: var(--aps-color-light-8)
}

.x-column-header-sort-ASC,.x-column-header-sort-DESC {
    background-image: none;
    background-color: var(--aps-color-light-8)
}

.x-column-header-open {
    background-color: var(--aps-color-light-8)
}

.x-column-header-open .x-column-header-trigger {
    background-color: var(--aps-color-light-8)
}
.x-form-trigger
{
    color: var(--aps-background-color);
    line-height: normal;
    vertical-align: middle;
}
.x-btn-grid-cell-small {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-color: var(--aps-background-color)
}

.x-btn-grid-cell-small-mc {
    background-color: var(--aps-background-color)
}

.x-btn-grid-cell-small {
    border-color: var(--aps-color-dark-7)
}

.x-keyboard-mode .x-btn-focus.x-btn-grid-cell-small {
    background-image: none;
    background-color: var(--aps-background-color)
}

.x-btn-over.x-btn-grid-cell-small {
    border-color: var(--aps-color-dark-1);
    background-image: none;
    background-color: var(--aps-color-dark-4)
}

.x-btn.x-btn-menu-active.x-btn-grid-cell-small,.x-btn.x-btn-pressed.x-btn-grid-cell-small {
    border-color: var(--aps-color-dark-3);
    background-image: none;
    background-color: var(--aps-color-dark-5)
}

.x-btn.x-btn-disabled.x-btn-grid-cell-small {
    background-image: none;
    background-color: var(--aps-background-color)
}

.x-keyboard-mode .x-btn-focus .x-btn-grid-cell-small-mc {
    background-color: var(--aps-background-color)
}

.x-btn-over .x-btn-grid-cell-small-mc {
    background-color: var(--aps-color-dark-4)
}

.x-keyboard-mode .x-btn-focus.x-btn-over .x-btn-grid-cell-small-mc {
    background-color: var(--aps-color-dark-4)
}

.x-btn.x-btn-menu-active .x-btn-grid-cell-small-mc,.x-btn.x-btn-pressed .x-btn-grid-cell-small-mc {
    background-color: var(--aps-color-dark-5)
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-mc,.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-mc {
    background-color: var(--aps-color-dark-5)
}

.x-btn.x-btn-disabled .x-btn-grid-cell-small-mc {
    background-color: var(--aps-background-color)
}

.x-menu-item-default.x-menu-item-focus,.x-menu-item-default.x-menu-item-active {
    background-image: none;
    background-color: var(--aps-color-light-8)
}

.x-nlg .x-menu-item-default.x-menu-item-focus,.x-nlg .x-menu-item-default.x-menu-item-active {
    background: var(--aps-color-light-8) repeat-x left top;
}

.x-menu-item-default-menubar.x-menu-item-focus,.x-menu-item-default-menubar.x-menu-item-active {
    background-image: none;
    background-color: var(--aps-color-light-8)
}

.x-nlg .x-menu-item-default-menubar.x-menu-item-focus,.x-nlg .x-menu-item-default-menubar.x-menu-item-active {
    background: var(--aps-color-light-8) repeat-x left top;
}

.x-grid-row-editor .x-panel-body {
    border-top: 1px solid #e1e1e1 !important;
    border-bottom: 1px solid #e1e1e1 !important;
    padding: 5px 0 5px 0;
    background-color: var(--aps-color-light-8)
}

.x-grid-row-editor-buttons-default-bottom {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px 5px 5px 5px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    background-color: var(--aps-color-light-8)
}

.x-grid-row-editor-buttons-default-bottom-mc {
    background-color: var(--aps-color-light-8)
}

.x-grid-row-editor-buttons-default-top {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 5px 5px 5px 5px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    background-color: var(--aps-color-light-8)
}

.x-grid-row-editor-buttons-default-top-mc {
    background-color: var(--aps-color-light-8)
}

.x-ssm-extender-drag-handle {
    height: 7px;
    width: 7px;
    background-color: var(--aps-color-dark-7)
}

.x-ssm-extender-mask {
    border: 1px dotted var(--aps-color-dark-7)
}

.x-accordion-hd .x-panel-header-title {
    color: var(--aps-color-dark-7);
    font-weight: 300;
/*    font-family:Roboto,sans-serif !important;*/
/*    font-family: helvetica, arial, verdana, sans-serif;*/
  font-family:Roboto,sans-serif !important;
  font-weight:400;
    text-transform: none
}

.x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus {
    outline: 1px solid var(--aps-color-dark-7);
    outline-offset: 2px
}

.x-ie .x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus:after,.x-ie10p .x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus:after,.x-edge .x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus:after {
    position: absolute;
    content: ' ';
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid var(--aps-color-dark-7);
    pointer-events: none
}

.x-accordion-hd .x-tool-tool-el {
    background-color: #fff;
    color: var(--aps-background-color)
}

.x-keyboard-mode .x-accordion-hd .x-tool-focus {
    outline: 1px solid var(--aps-color-dark-7);
    outline-offset: 2px
}

.x-ie .x-keyboard-mode .x-accordion-hd .x-tool-focus:after,.x-ie10p .x-keyboard-mode .x-accordion-hd .x-tool-focus:after,.x-edge .x-keyboard-mode .x-accordion-hd .x-tool-focus:after {
    position: absolute;
    content: ' ';
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid var(--aps-color-dark-7);
    pointer-events: none
}

.x-resizable-proxy {
    border: 1px dashed var(--aps-color-dark-3);
    position: absolute;
    overflow: hidden;
    z-index: 50000
}

.x-keyboard-mode .x-tab-default-top.x-tab-focus {
    -webkit-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-top.x-tab-focus.x-tab-over {
    -webkit-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-top.x-tab-focus.x-tab-active {
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-right.x-tab-focus {
    -webkit-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-right.x-tab-focus.x-tab-over {
    -webkit-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-right.x-tab-focus.x-tab-active {
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-bottom.x-tab-focus {
    -webkit-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-bottom.x-tab-focus.x-tab-over {
    -webkit-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-bottom.x-tab-focus.x-tab-active {
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-left.x-tab-focus {
    -webkit-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-left.x-tab-focus.x-tab-over {
    -webkit-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset;
    box-shadow: var(--aps-background-color) 0 1px 0px 0 inset, var(--aps-background-color) 0 -1px 0px 0 inset, var(--aps-background-color) -1px 0 0px 0 inset, var(--aps-background-color) 1px 0 0px 0 inset
}

.x-keyboard-mode .x-tab-default-left.x-tab-focus.x-tab-active {
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 inset, var(--aps-color-light-8) 0 -1px 0px 0 inset, var(--aps-color-light-8) -1px 0 0px 0 inset, var(--aps-color-light-8) 1px 0 0px 0 inset
}

.x-tab-over.x-tab-default {
    border-color: var(--aps-color-light-7);
    background-color: var(--aps-color-light-7)
}

.x-keyboard-mode .x-tab-focus.x-tab-over.x-tab-default {
    border-color: var(--aps-color-light-7);
    background-color: var(--aps-color-light-7)
}

.x-tab.x-tab-active.x-tab-default {
    border-color: var(--aps-background-color);
    background-color: var(--aps-background-color)
}
.x-ie8 .x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
    color: var(--aps-color-light-4)
}

.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default {
    border-color: var(--aps-background-color);
    background-color: var(--aps-background-color)
}

.x-grid-item {
    font-size: 12px
}

.x-btn-icon-left > .x-btn-icon-el-default-toolbar-medium,.x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
    width: 25px
}

.x-btn-icon-el-default-toolbar-medium {
    height: 25px;
}

.x-lang-combo .x-form-text-field-body-default {
    min-width: 56px;
    max-width: 56px;
}
.x-column-header-last{border-right-width:1px !important;}

.x-tool-img {
  background-image:none !important;
  font: 16px/1 FontAwesome;
  color:var(--aps-background-color);
}
.-parent,.-parent-expanded,.-leaf {
    display: inline-block
}

.x-tree-checkbox {
    background-image: url(images/checkbox.png)
}

.x-keyboard-mode .x-grid-cell-inner-action-col :focus {
    outline: 1px solid var(--aps-color-dark-5)
}
.x-form-item-label-text {
	font-size: 11px
}
.x-form-item-label-text-12 {
	font-size: 12px
}
.x-form-readonly .x-form-text, .x-form-readonly .x-form-checkbox{
	background-color: #f3f3f3; 
}
/*
input[type="text"][readonly="readonly"][role="textbox"],
input[type="text"][readonly][role="textbox"]
 { 
	background-color: #f3f3f3; 
}
textarea[readonly="readonly"], textarea[readonly] {
   background-color: #f3f3f3;
}
*/
.htmlframe-class ol {
    list-style:decimal;
}
.htmlframe-class ul {
    list-style:disc;
}
.htmlframe-class li {
    list-style:unset;
}
.htmlframe-class ul ul {
    list-style:circle;
}
.htmlframe-class ul, .htmlframe-class ol {
    padding-left: 2em;
}
.no-icon-menu .x-menu-item-icon { display: none; }
div.no-icon-menu a.x-menu-item {
    padding-left: 0;
}
.left-button-panel .x-tool[id^="tool"] {
left: 0 !important;
top: 0 !important; 
}
.left-button-panel .x-panel-header-title {
padding-left: 18px;
}
.left-button-panel .x-panel-header-title {
padding-left: 18px;
}
.left-button-panel .x-panel-header-vertical .x-surface {
padding-top: 36px;
}
.x-item-disabledd {
	background-color: #efeff0
}
.x-treelist-nav .x-treelist-item-tool-big {
    font-size: 48px;
    width: 44px
}
.x-treelist-nav .x-treelist-item-tool-big:before {
    line-height: 72px;
}

.x-grid .x-docked-summary-bottom {
	border-top-width: 1px !important;
}

.x-tbar-collapse-all {
	background-image:none; !important;
        font: 16px/1 FontAwesome;
        color:var(--aps-background-color); !important;
}
.x-tbar-collapse-all:before
{
content: "\f147" !important;
}
.fa-memberstate-0 {
	background-image:none !important;
        font: 20px/1 FontAwesome;
        color:gray !important;
}
.fa-memberstate-0:before
{
content: "\f0f4" !important;
}
.fa-memberstate-1 {
	background-image:none !important;
        font: 20px/1 FontAwesome;
        color:orange !important;
}
.fa-memberstate-1:before
{
content: "\f04b" !important;
}
.fa-memberstate-2 {
	background-image:none !important;
        font: 20px/1 FontAwesome;
        color:red !important;
}
.fa-memberstate-2:before
{
content: "\f00d" !important;
}
.fa-memberstate-3 {
	background-image:none !important;
        font: 20px/1 FontAwesome;
        color:green !important;
}
.fa-memberstate-3:before
{
content: "\f00c" !important;
}
.fa-memberstate-4 {
	background-image:none !important;
        font: 20px/1 FontAwesome;
        color:#aaa !important;
}
.fa-memberstate-4:before
{
content: "\f00c" !important;
}
.x-tool-collapse-right:before
{
  content: "\f138" !important;
}
.x-tool-collapse-left:before
{
  content: "\f137" !important;
}
.x-tool-expand-left:before
{
  content: "\f137" !important;
}

.x-tool-collapse-bottom:before{
  content: "\f13a" !important;
}
.x-tool-expand-top:before{
  content: "\f139" !important;
}
.x-tool-expand-bottom:before{
  content: "\f055" !important;
}
.x-tool-collapse-top:before{
  content: "\f056" !important;
}
.x-tool-close:before
{
  content: "\f00d" !important;
}
.x-tool-maximize:before
{
  content: "\f2d0" !important;
}
.x-tool-columns:before
{
  content: "\f0db" !important;
}
.x-tool-bars:before
{
  content: "\f0c9" !important;
}
.x-tool-restore:before
{
  content: "\f2d2 " !important;
}
.x-tool-restore
{
  font-size: 14px !important;
}
.x-tool-maximize
{
  font-size: 14px !important;
}

.x-tbar-expand-all {
	background-image:none; !important;
        font: 16px/1 FontAwesome;
        color:var(--aps-background-color); !important;
}
.x-tbar-expand-all:before
{
content: "\f196" !important;
}
.x-tbar-excel {
	background-image:none; !important;
        font: 16px/1 FontAwesome;
        color:var(--aps-background-color); !important;
}
.x-tbar-excel:before
{
content: "\f1c3" !important;
}
.x-tbar-columns {
	background-image:none; !important;
        font: 16px/1 FontAwesome;
        color:var(--aps-background-color); !important;
}
.x-tbar-columns:before
{
content: "\f0db" !important;
}
.x-tbar-plus {
	background-image:none; !important;
        font: 16px/1 FontAwesome;
        color:var(--aps-background-color); !important;
}
.x-tbar-plus:before
{
content: "\f067" !important;
}
.x-tbar-edit {
	background-image:none; !important;
        font: 16px/1 FontAwesome;
        color:var(--aps-background-color); !important;
}
.x-tbar-edit:before
{
content: "\f044" !important;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-plain-toolbar-small {
	-webkit-box-shadow:var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
	-moz-box-shadow:var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
	box-shadow:var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}
.x-keyboard-mode .x-btn-focus.x-btn-plain-toolbar-small {
	background-image:none;
	background-color:transparent;
	-webkit-box-shadow:var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
	-moz-box-shadow:var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset;
	box-shadow:var(--aps-color-dark-2) 0 1px 0px 0 inset, var(--aps-color-dark-2) 0 -1px 0px 0 inset, var(--aps-color-dark-2) -1px 0 0px 0 inset, var(--aps-color-dark-2) 1px 0 0px 0 inset
}

:not(.x-form-textarea-body) > .x-form-trigger-wrap {
	height: initial;
}
.sh_btn_bottom_center {
	left: 50% !important;
	margin-left: -89px !important;
}
.x-aps-label {
	color: var(--aps-font-color) !important;
}
.x-aps-panel {
	color: var(--aps-font-color) !important;
}
.x-aps-panel > .x-panel-bodyWrap > .x-panel-body {
	background-color: var(--aps-background-color) !important; 
}
.x-aps-panel-red > .x-panel-bodyWrap > .x-panel-body {
	background-color: #ff0000 !important; 
}
.x-aps-panel-gray > .x-panel-bodyWrap > .x-panel-body {
	background-color: #b0b0b0 !important; 
}
.x-treelist-item-expanded > .x-treelist-row {
    border: solid 1px;
    border-color: var(--aps-color-light-3);
    border-radius: 5px;
}
.x-treelist-floater {
    border: solid 1px;
    border-color: var(--aps-color-light-3);
    border-radius: 5px;
}
.x-btn-icon-el-ham {
    font-size: 20px;
    height: 20px;
    color: var(--aps-background-color);
    line-height: 20px
}
.x-button-awesome{
  background-image:none !important;
  color:var(--aps-background-color) !important;
}
.x-button-login:before{
  content: "\f090" !important;
}
.x-button-logout:before{
  content: "\f08b" !important;
}
.x-button-salesbook:before{
  content: "\f155" !important;
}
.x-button-phone:before{
  content: "\f095" !important;
}
.x-button-help:before{
  content: "\f059" !important;
}
.x-button-menu:before{
  content: "\f0c9" !important;
}
.x-button-reg:before{
  content: "\f058" !important;
}
.x-button-mail:before{
  content: "\f0e0" !important;
}               
.x-button-quest:before{
  content: "\f274" !important;
}
.x-button-family:before{
  content: "\f1e1" !important;
}
svg.process>path.past {
	fill: var(--aps-background-color) !important;
}
.x-button-awesome-inv{
  background-image:none !important;
  font: 24px/1 FontAwesome;
  color:var(--aps-font-color) !important;
}
.x-button-awesome-medium{
  background-image:none !important;
  font: 18px/1 FontAwesome;
  color:var(--aps-background-color) !important;
}
.x-button-awesome-small{
  background-image:none !important;
  font: 16px/1 FontAwesome;
  color:var(--aps-background-color) !important;
}
.x-button-awesome-large{
  background-image:none !important;
  font: 24px/1 FontAwesome;
  color:var(--aps-background-color) !important;
}

.x-button-download:before{
  content: "\f019" !important;
}
.x-button-upload:before{
  content: "\f093" !important;
}
.x-button-flag:before{
  content: "\f024" !important;
}
.x-button-envelope:before{
  content: "\f0e0" !important;
}
.x-aps-label-inv {
	color: var(--aps-color-light-1) !important;
}
/*
.highcharts-container > svg > g > g > rect {
	fill: var(--aps-color-light-3);
}
.highcharts-container > svg > g > g:not(+.highcharts-markers) > rect:hover {
	fill: var(--aps-color-light-5);
}
.highcharts-container > svg > g > g > path:nth-of-type(2):not(.highcharts-tracker) {
	fill: var(--aps-color-light-3);
}
*/
.x-aps-color-dark-3 {
	color: var(--aps-color-dark-3) !important;
}
.x-aps-label-color {
	color: var(--aps-background-color) !important;
}
.x-mask-msg {
	padding:8px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	background: none !important;
}
.x-mask-msg-inner {
	font: 300 13px Roboto, sans-serif
}
.x-button-save:before{
  content: "\f0c7" !important;
}
.x-button-book:before{
  content: "\f02d" !important;
}
.x-button-table:before{
  content: "\f0ce" !important;
}
.x-button-plus:before{
  content: "\f067" !important;
}
.x-button-close:before{
  content: "\f00d" !important;
  font-color: #ff0000;	
}
.x-button-edit:before{
  content: "\f044" !important;
}
.x-button-database:before{
  content: "\f1c0" !important;
}
.x-button-calculator:before{
  content: "\f1ec" !important;
}
.x-button-wrench:before{
  content: "\f0ad" !important;
}
.x-button-briefcase:before{
  content: "\f0b1" !important;
}
.x-button-angle-double-left:before{
  content: "\f100" !important;
}
.x-button-angle-double-right:before{
  content: "\f101" !important;
}
.x-button-angle-left:before{
  content: "\f104" !important;
}
.x-button-angle-right:before{
  content: "\f105" !important;
}
.x-button-awesome-small-inv{
  background-image:none !important;
  font: 16px/1 FontAwesome;
  color:var(--aps-font-color) !important;
}
.x-button-trash:before{
  content: "\f1f8" !important;
}
.x-button-outdent:before{
  content: "\f03b" !important;
}
.x-button-list:before{
  content: "\f03a" !important;
}
.x-button-refresh:before{
  content: "\f021" !important;
}
.x-button-paperclip:before{
  content: "\f0c6" !important;
}
.x-tool-expand-right:before
{
  content: "\f138" !important;
}
.x-button-angle-up:before{
  content: "\f106" !important;
}
.x-button-angle-down:before{
  content: "\f107" !important;
}
.x-button-history:before{
  content: "\f1da" !important;
}
.x-button-exchange:before{
  content: "\f0ec" !important;
}
.x-button-archive:before{
  content: "\f187" !important;
}
.x-form-trigger-angle-double-down{
  background:none !important;
}
.x-form-trigger-angle-double-down:before{
  font: 24px/1 FontAwesome;
  content: "\f103" !important;
}
.x-form-trigger-angle-down{
  background:none !important;
}
.x-form-trigger-angle-down:before{
  font: 24px/1 FontAwesome;
  content: "\f107" !important;
}
.x-aps-panel-inv table>tbody>tr>td{
  color: var(--aps-background-color) !important;	
}
.x-button-stop-circle:before{
  content: "\f28d" !important;
}
.x-button-pause-circle:before{
  content: "\f28b" !important;
}
.x-button-list-ol:before{
  content: "\f0cb" !important;
}
.x-button-low-vision:before{
  content: "\f2a8" !important;
}
.x-button-copy:before{
  content: "\f0c5" !important;
} 
.x-button-sort:before{
  content: "\f0dc" !important;
}
.x-form-trigger-book{
  background:none !important;
}
.x-form-trigger-book:before{
  font: 16px/1 FontAwesome;
  content: "\f02d" !important;
}
.x-button-user-secret:before{
  content: "\f21b" !important;
}
.x-button-qrcode:before{
  content: "\f029" !important;
}
.x-column-header-checkbox .x-column-header-checkbox:after,.x-grid-checkcolumn:after {
    background-image: none !important;
    font: 18px/1 FontAwesome;
	content: "\f096" !important;
	color: var(--aps-color-dark-5) !important;
}
.x-grid-hd-checker-on .x-column-header-checkbox:after,.x-grid-checkcolumn-checked:after {
	content: "\f046" !important;
	color: var(--aps-color-dark-5) !important;
}
.x-item-disabled .x-column-header-checkbox .x-column-header-checkbox,.x-item-disabled .x-grid-checkcolumn {
    opacity: 0.5
}
.x-form-type-checkbox.x-form-readonly {
    opacity: 0.5
}
/*
.x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
	content: "\f046" !important;
}
*/
.x-form-checkbox-default {
    background: none !important;
    font: 16px/1 FontAwesome;
	color: var(--aps-color-dark-5) !important;
}
.x-form-cb-checked .x-form-checkbox-default {
	color: var(--aps-color-dark-5) !important;
}
.x-form-checkbox-default:after {
    font: 16px/1 FontAwesome;
	content: "\f096" !important;
	color: var(--aps-color-dark-5) !important;
}
.x-form-cb-checked .x-form-checkbox-default:after {
	content: "\f046" !important;
	color: var(--aps-color-dark-5) !important;
}

.x-form-checkbox-blue {
    background: none !important;
    font: 16px/1 FontAwesome;
	color: blue !important;
}
.x-form-cb-checked .x-form-checkbox-blue {
	color: blue !important;
}
.x-form-checkbox-blue:after {
    font: 16px/1 FontAwesome;
	content: "\f096" !important;
	color: blue !important;
}
.x-form-cb-checked .x-form-checkbox-blue:after {
	content: "\f046" !important;
	color: blue !important;
}

.x-form-checkbox-default .x-form-checkbox-blue:after {
  font: 16px/1 FontAwesome;
  content: "\f096" !important;
  color: blue !important;
}
.x-form-cb-checked .x-form-checkbox-default .x-form-checkbox-blue:after {
  content: "\f046" !important;
  color: blue !important;
}

.x-button-tasks:before{
  content: "\f0ae" !important;
}
.x-no-border {
	border-width: 0px
}
.x-keyboard-mode .x-btn-focus.x-btn-default-medium.x-no-border {
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 none, var(--aps-color-light-8) 0 -1px 0px 0 none, var(--aps-color-light-8) -1px 0 0px 0 none, var(--aps-color-light-8) 1px 0 0px 0 none;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 none, var(--aps-color-light-8) 0 -1px 0px 0 none, var(--aps-color-light-8) -1px 0 0px 0 none, var(--aps-color-light-8) 1px 0 0px 0 none;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 none, var(--aps-color-light-8) 0 -1px 0px 0 none, var(--aps-color-light-8) -1px 0 0px 0 none, var(--aps-color-light-8) 1px 0 0px 0 none
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-medium.x-no-border {
    -webkit-box-shadow: var(--aps-color-light-7) 0 1px 0px 0 none, var(--aps-color-light-7) 0 -1px 0px 0 none, var(--aps-color-light-7) -1px 0 0px 0 none, var(--aps-color-light-7) 1px 0 0px 0 none;
    -moz-box-shadow: var(--aps-color-light-7) 0 1px 0px 0 none, var(--aps-color-light-7) 0 -1px 0px 0 none, var(--aps-color-light-7) -1px 0 0px 0 none, var(--aps-color-light-7) 1px 0 0px 0 none;
    box-shadow: var(--aps-color-light-7) 0 1px 0px 0 none, var(--aps-color-light-7) 0 -1px 0px 0 none, var(--aps-color-light-7) -1px 0 0px 0 none, var(--aps-color-light-7) 1px 0 0px 0 none
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-medium,.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-medium.x-no-border {
    -webkit-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 none, var(--aps-color-light-8) 0 -1px 0px 0 none, var(--aps-color-light-8) -1px 0 0px 0 none, var(--aps-color-light-8) 1px 0 0px 0 none;
    -moz-box-shadow: var(--aps-color-light-8) 0 1px 0px 0 none, var(--aps-color-light-8) 0 -1px 0px 0 none, var(--aps-color-light-8) -1px 0 0px 0 none, var(--aps-color-light-8) 1px 0 0px 0 none;
    box-shadow: var(--aps-color-light-8) 0 1px 0px 0 none, var(--aps-color-light-8) 0 -1px 0px 0 none, var(--aps-color-light-8) -1px 0 0px 0 none, var(--aps-color-light-8) 1px 0 0px 0 none
}
/*
.x-form-radio-default {
    background: none !important;
    font: 16px/1 FontAwesome;
	color: var(--aps-color-dark-5) !important;
}
.x-form-cb-checked .x-form-radio-default {
	color: var(--aps-color-dark-5) !important;
}
.x-form-radio-default:after {
    font: 16px/1 FontAwesome;
	content: "\f10c" !important;
	color: var(--aps-color-dark-5) !important;
}
.x-form-cb-checked .x-form-radio-default:after {
	content: "\f192" !important;
	color: var(--aps-color-dark-5) !important;
}
*/
.x-tree-view.x-fit-item.x-tree-view-default.x-scroller {
	overflow-x: auto !important;
}
:not(.x-tab-closable).x-tab-default {
    border-color: var(--aps-color-light-3);
}
.x-date-highlight
{
	background-color: #fe7f9c;
} 
.x-form-trigger-angle-down{
  background:none !important;
}
.x-form-trigger-angle-down:before{
  font: 24px/1 FontAwesome;
  content: "\f107" !important;
}
.x-form-trigger-eye{
  background:none !important;
}
.x-form-trigger-eye:before{
  font-family: FontAwesome;
  content: "\f06e" !important;
}
.x-form-trigger-refresh{
  background:none !important;
}
.x-form-trigger-refresh:before{
  font-family: FontAwesome;
  content: "\f021" !important;
}
.x-form-trigger-save{
  background:none !important;
}
.x-form-trigger-save:before{
  font-family: FontAwesome;
  content: "\f0c7" !important;
}
.x-fieldset-header {
    overflow: initial;
}
.x-component-default.x-item-disabled {
	opacity: 0.5
}
.x-border-layout-ct {
    background-color: transparent !important;
}
.x-autocontainer-innerCt {
  display: table-row;
}
.x-border-region-slide-in {
    z-index: 6 !important; 
}
.x-form-item-default.x-item-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}
.marquee {
    text-align: left;
    width: 100% ;
    overflow: hidden;
    white-space: nowrap;
}
.marquee span {
    display: inline-block;width: 100% ;text-indent: 0;animation: marquee 30s linear infinite
}
.marquee span:hover {
    animation-play-state: paused
}
@keyframes marquee {
    0% {
        transform: translate(100% , 0);
    }
    100% {
        transform: translate(-100% , 0);
    }
}
@media only screen and (max-width: 440px) {
    .marquee span {
        animation: none;padding-left: 0
    }
}
.x-btn-default-toolbar-small {
  background-color: #fff;
}
.x-btn-default-toolbar-medium {
  background-color: #fff;
}
.x-btn-default-toolbar-large {
  background-color: #fff;
}
.x-btn-over.x-btn-default-toolbar-small {
  background-color: var(--aps-color-light-9); 
}
.x-btn-over.x-btn-default-toolbar-medium {
  background-color: var(--aps-color-light-9); 
}
.x-btn-over.x-btn-default-toolbar-large {
  background-color: var(--aps-color-light-9); 
}
.x-btn-default-toolbar-small {
    border-color: var(--aps-color-light-8); 
}
.x-btn-default-toolbar-medium {
    border-color: var(--aps-color-light-8); 
}
.x-btn-default-toolbar-large {
    border-color: var(--aps-color-light-8); 
}
.x-tab-bar-default {
    background-color: #fff
}
.x-tab-default-top {
	background-color: var(--aps-color-light-9); 
}
.x-panel-header-default {
	background-color: var(--aps-color-light-8); 
}
.x-panel-header-default .x-tool-tool-el {
	background-color: var(--aps-color-light-8); 
}
.x-panel-default {
    border-color: var(--aps-color-light-7); 
} 
.x-form-readonly .x-form-text, .x-form-readonly .x-form-checkbox{
	background-color: var(--aps-color-light-9); 
}
::-webkit-scrollbar {
    background: var(--aps-color-light-9);
	width: 16px;
	height: 16px;
}
::-webkit-scrollbar-thumb {
    background: var(--aps-color-light-5);
	border-radius: 2px;
}
::-webkit-scrollbar-corner {
    background: var(--aps-color-light-7);
}
/*
::-webkit-scrollbar-button {
    background: var(--aps-color-light-5);
}
*/
::-webkit-scrollbar-button {
    background: no-repeat var(--aps-color-light-5);
    background-size: 10px;
    background-position: center bottom;
}
::-webkit-scrollbar-button:single-button:vertical:decrement {
    height: 16px;
    width: 16px;
    background-position: center 6px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%23494949'><polygon points='0,25 50,25 25,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%23707070'><polygon points='0,25 50,25 25,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:active {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%23808080'><polygon points='0,25 50,25 25,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment {
    height: 16px;
	width: 16px;
	background-position: center 6px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%23494949'><polygon points='0,0 50,0 25,25'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%23707070'><polygon points='0,0 50,0 25,25'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%23808080'><polygon points='0,0 50,0 25,25'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement {
    height: 16px;
    width: 16px;
	background-position: 6px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%23494949'><polygon points='0,25 25,50 25,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%23707070'><polygon points='0,25 25,50 25,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%23808080'><polygon points='0,25 25,50 25,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:increment {
    height: 16px;
    width: 16px;
	background-position: 6px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='rgb(96, 96, 96)'><polygon points='0,0 0,50 25,25'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='rgb(112, 112, 112)'><polygon points='0,0 0,50 25,25'/></svg>");
}::-webkit-scrollbar-button:single-button:horizontal:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='rgb(128, 128, 128)'><polygon points='0,0 0,50 25,25'/></svg>");
}
.x-mask {
    background-color: rgba(255, 255, 255, 0.5);
}
.x-frame-drop {
/*    background-color: #4f6f60*/
    border-width: 1px;
    border-style: solid !important;
    border-color: var(--aps-background-color) !important;
}
.x-frame-select {
/*    background-color: #4f6f60*/
    border-width: 1px;
    border-style: dotted !important;
    border-color: var(--aps-color-light-8) !important;
}

.x-frame-transparent {
/*    background-color: #4f6f60*/
    border-width: 1px;
    border-style: solid !important;
    border-color: transparent !important;
}
.mdi{
  background-image:none !important;
  color:var(--aps-background-color) !important;
}
.la{
  background-image:none !important;
  color:var(--aps-background-color) !important;
}
.fa{
  background-image:none !important;
  color:var(--aps-background-color) !important;
}
.x-form-itemselector-top:before {
    content: "\F0795" !important;
}

.x-form-itemselector-up:before {
    content: "\F005D" !important;
}

.x-form-itemselector-add:before {
    content: "\F0054" !important;
}

.x-form-itemselector-remove:before {
    content: "\F004D" !important;
}

.x-form-itemselector-down:before {
    content: "\F0045" !important;
}

.x-form-itemselector-bottom:before {
    content: "\F0792" !important;
}
.x-resizable-handle-over,.x-resizable-pinned .x-resizable-handle {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}
.x-resizable-handle-east {
	width: 3px;
}
.x-resizable-handle-west {
	width: 3px;
}
.x-resizable-handle-north {
	height: 3px;
}
.x-resizable-handle-south {
	height: 3px;
}

.swal2-modal {
	font-family:Roboto,sans-serif !important;
}

.swal2-modal .swal2-title {
    font-size: 24px;
	line-height: 1 !important;
}

.x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
	content: "\f046" !important;
}
/*
.x-form-arrow-trigger {
	background: none;
	background-color: white;
}
.x-form-arrow-trigger:before{
  font: 24px/1 FontAwesome;
  content: "\f0d7" !important;
}
*/
.x-form-checkbox-default {
    background: none !important;
    font: 16px/1 FontAwesome;
	color: var(--aps-color-dark-5) !important;
}
.x-form-cb-checked .x-form-checkbox-default {
	color: var(--aps-color-dark-5) !important;
}
.x-form-checkbox-default.x-form-checkbox-blue:after {
    font: 16px/1 FontAwesome;
	content: "\f096" !important;
	color: blue !important;
}
.x-form-cb-checked .x-form-checkbox-default.x-form-checkbox-blue:after {
	content: "\f046" !important;
	color: blue !important;
}
.x-aps-calendar-panel-special .x-calendar-event-inline-title .x-calendar-event-time-separator,.x-aps-calendar-panel-special .x-calendar-event-inline-title .x-calendar-event-time-end {
    display: unset !important;
}
.rating-best {
	color: #00AA00;
	font-weight:800;
}
.rating-worst {
	color: #FB6453;
	font-weight:800;
}
/*
.x-tree-icon {
    width:unset;
}
.aps-customgrid .x-scroller-spacer {
  transform: translate3d(100%, 100%, 0px) !important;
}
*/
.x-no-background {
  background: none !important;
}