.imk-togglefield .x-toggleslider .x-fill-el,
.imk-togglefield .x-toggleslider .x-thumb,
.x-picker.x-floated .x-selected,
.x-treelist-nav,
.x-treelist-nav .x-treelist-toolstrip,
.x-treelist-nav .x-treelist-item-tool-floated:after,
.x-treelist-nav .x-treelist-item-floated > .x-treelist-row,
.x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over,
body .x-treelist-nav .x-treelist-item-expanded,
.x-selmodel-extender-drag-handle,
.x-selmodel-extender-mask,
.x-progress .x-progress-bar,
.main-user-profile-menu-floating .x-menu-body-el,
.x-toolbar.main-toolbar,
.imk-toolbar .x-button.imk-view-button-default .x-inner-el,
.imk-form .x-button.x-has-text .x-inner-el,
.x-dialogheader,
.x-titlebar,
.x-listswiperstepper-action.x-active,
.x-datepanel .x-dateview tbody .x-cell.x-today .x-inner,
.x-datepanel .x-dateview tbody .x-cell.x-selected .x-inner,
.x-analogtimeheader .x-header-el,
.x-analogtime .x-analog-picker-hand-el,
.x-edge .x-analogtime .x-analog-picker-hand-el,
.x-edge .x-analogtime .x-analog-picker-hand-el:before,
.x-edge .x-analogtime .x-analog-picker-hand-el:after,
.x-analogtime .x-analog-picker-hand-el:before,
.x-analogtime .x-analog-picker-hand-el:after,
.x-tabbar
{
  background: #039db3 !important;
}

.imk-form .x-textfield .x-before-input-el .x-font-icon:before,
.imk-form .x-textfield .x-after-input-el .x-font-icon:before,
.imk-form .x-field-label .fas,
.imk-form .x-field > .x-label-el .fas,
.imk-form .x-form-fieldset .fas,
.imk-form .x-field-label .fas,
.imk-form .x-field > .x-label-el .fas,
.imk-form .x-form-fieldset .fas,
.imk-grid .x-tool .x-icon-el,
.imk-grid .x-tool-gridcell .x-fa,
.imk-grid .x-tool-gridcell .x-fi:before,
.imk-view-widget-grid .x-panelheader .x-paneltitle .x-icon-el,
.imk-datepickerrangefield .x-button .x-inner-el .x-icon-el,
.imk-radiogroup .x-radiofield.x-checked .x-icon-el:before,
.imk-checkbox.imk-checkbox-big.x-checked .x-label-el,
.imk-checkbox.imk-checkbox-big.x-checked .x-icon-el:before,
.imk-login .imk-login-form > .x-panel-body-wrap-el > .x-panel-body-el,
.imk-login .imk-login-header,
.imk-login .imk-login-header a,
.imk-login .imk-login-header .logo,
.imk-toolbar .x-textfield .x-before-input-el .x-font-icon:before,
.imk-toolbar .x-textfield .x-after-input-el .x-font-icon:before,
.x-pullrefreshbar .x-pullrefreshbar-arrow,
.x-column-options-visibleindicator.x-icon-el,
.x-column-options-grouped .x-column-options-groupindicator.x-icon-el,
.x-tab.x-active,
.x-tab.x-active .x-icon-el,
.x-tab.x-active .x-arrow-el,
.x-tab.x-active.x-focused,
.x-tab.x-active.x-focused .x-icon-el,
.x-tab.x-active.x-focused .x-arrow-el,
.x-panel-login-body-el
{
  color: #039db3 !important;
}

.x-button-action .x-inner-el,
body .x-button.x-hovered .x-inner-el
{
    border-color: #039db3 !important;
    background-image: -webkit-linear-gradient(top, #3BC9E7, #039db3 50%, #027A8F 51%, #039db3) !important;
    background-image: -moz-linear-gradient(top, #3BC9E7, #039db3 50%, #027A8F 51%, #039db3) !important;
    background-image: -o-linear-gradient(top, #3BC9E7, #039db3 50%, #027A8F 51%, #039db3) !important;
    background-image: -ms-linear-gradient(top, #3BC9E7, #039db3 50%, #027A8F 51%, #039db3) !important;
}

body .x-button .x-inner-el
{
    border: 1px solid #028EA1;
    border-top-color: rgb(2, 142, 161);
    border-right-color: rgb(2, 142, 161);
    border-bottom-color: rgb(2, 142, 161);
    border-left-color: rgb(2, 142, 161);
    background-image: -webkit-linear-gradient(top, #37CDE2, #32B9D1 50%, #2EA3B7 51%, #32B9D1);
    background-image: -moz-linear-gradient(top, #37CDE2, #32B9D1 50%, #2EA3B7 51%, #32B9D1);
    background-image: -o-linear-gradient(top, #37CDE2, #32B9D1 50%, #2EA3B7 51%, #32B9D1);
    background-image: -ms-linear-gradient(top, #37CDE2, #32B9D1 50%, #2EA3B7 51%, #32B9D1);
}

.x-keyboard-mode .x-tool.x-focused { outline: 1px solid #039db3 !important; }
.x-panel > .x-anchor-el .x-pointer-el,
.x-panel-calendar-overflow > .x-anchor-el .x-pointer-el,
.x-dialog > .x-anchor-el .x-pointer-el { stroke: #039db3 !important; }

body .imk-form .x-textfield .x-interactive .x-font-icon:before { color: rgba(3, 157, 179, 0.7) !important; }
body .imk-login .imk-login-form > .x-panel-body-wrap-el > .x-panel-body-el,
.x-panel-login-body-el { background-color: rgba(3, 157, 179, 0.25) !important; }

.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool,
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row,
.x-treelist-nav .x-treelist-item-expanded { background: #037A8F !important; }

.x-treelist-nav .x-treelist-item-tool.x-treelist-item-tool-floated,
.x-treelist-nav .x-treelist-row-over { background: #0393A7 !important; }

.x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over { background-color: #039db3 !important; }

body .imk-toast-error .x-panelheader,
body .imk-toast-error .x-toast-body-el { background-color: #039db3 !important; }

.imk-form .x-button.x-has-text .x-inner-el
{
    color: #FFFFFF;
}

.x-analogtime .x-analog-picker-hand-el.format-24hr:after { box-shadow: 0 0 0 14px #039db3 !important; }
.x-analogtime .x-analog-picker-hand-el:after { box-shadow: 0 0 0 15px #039db3 !important; }

.x-gauge .x-gauge-value { fill: #039db3 !important; }


body .x-dialog-outer-border-trl {
    border-top-color: #039db3 !important;
    border-right-color: #039db3 !important;
    border-left-color: #039db3 !important;

}

body .x-dialog-outer-border-l {
    border-left-color: #039db3 !important;
}

body .x-dialog-outer-border-b {
    border-bottom-color: #039db3 !important;
}

body .x-dialog-outer-border-bl {
    border-bottom-color: #039db3 !important;
    border-left-color: #039db3 !important;
}


body .x-dialog-outer-border-r {
    border-right-color: #039db3 !important;
}

body .x-dialog-outer-border-rl {
    border-right-color: #039db3 !important;
    border-left-color: #039db3 !important;
}

body .x-dialog-outer-border-rb {
    border-right-color: #039db3 !important;
    border-bottom-color: #039db3 !important;
}



body .x-dialog-outer-border-rbl {
    border-right-color: #039db3 !important;
    border-bottom-color: #039db3 !important;
    border-left-color: #039db3 !important;
}