/* Brand color overrides for ExtJS default theme */

body,
.x-viewport,
.x-border-layout-ct,
.x-panel-body,
.x-panel-body-default {
    background-color: #eef8f8 !important;
}

.x-panel-default-framed,
.x-panel-body-default-framed,
.x-window-body-default-framed {
    background-color: #e6f7f8 !important;
    border-color: #45abb0 !important;
}

.x-panel-default-framed .x-panel-body-default,
.x-panel-body-default-framed .x-container,
.x-form-item-body {
    background-color: #e6f7f8 !important;
}

.login-form-flat-footer .x-panel-footer-default-framed,
.login-form-flat-footer .x-panel-footer-default-framed .x-toolbar,
.login-form-flat-footer .x-panel-footer-default-framed .x-toolbar-default,
.login-form-flat-footer .x-toolbar-footer,
.login-form-flat-footer .x-panel-footer-default-framed .x-box-inner,
.login-form-flat-footer .x-panel-footer-default-framed .x-toolbar .x-box-inner {
    background-image: none !important;
    background-color: #e6f7f8 !important;
    border-color: #45abb0 !important;
}

.x-panel-header,
.x-panel-header-default,
.x-panel-default .x-panel-header,
.x-window-header,
.x-window-header-default {
    background-color: #45abb0 !important;
    background-image: linear-gradient(to bottom, #79c8cc 0%, #45abb0 52%, #2f8f94 100%) !important;
    border-color: #2f8f94 !important;
}

.x-panel-header-text,
.x-panel-header-text-default,
.x-window-header-text,
.x-window-header-text-default {
    color: #ffffff !important;
}

.x-tab-bar,
.x-tab-bar-default,
.x-tab-bar-default-top,
.x-tab-bar-body,
.x-tab-bar-body-default,
.x-tab-bar-body-default-top {
    background-color: #d9f2f3 !important;
    background-image: linear-gradient(to bottom, #f1fbfc 0%, #d9f2f3 100%) !important;
    border-color: #45abb0 !important;
}

.x-tab-default-top,
.x-tab-default-top-over,
.x-tab-default-top-active {
    border-color: #2f8f94 !important;
}

.x-tab-default-top {
    background-color: #8fd6d9 !important;
    background-image: linear-gradient(to bottom, #c9ecee 0%, #8fd6d9 100%) !important;
}

.x-tab-default-top-over,
.x-tab-default-top-active {
    background-color: #45abb0 !important;
    background-image: linear-gradient(to bottom, #74c4c8 0%, #45abb0 55%, #318f94 100%) !important;
}

.x-tab-default-top .x-tab-inner,
.x-tab-default-top-over .x-tab-inner,
.x-tab-default-top-active .x-tab-inner {
    color: #ffffff !important;
}

.x-toolbar,
.x-toolbar-default {
    background-color: #e6f7f8 !important;
    background-image: none !important;
    border-color: #45abb0 !important;
}

.x-grid-header-ct,
.x-grid-header-ct-default {
    background-color: #d9f2f3 !important;
    background-image: linear-gradient(to bottom, #f3fcfd 0%, #d9f2f3 100%) !important;
    border-color: #45abb0 !important;
}

.x-form-trigger-wrap,
.x-form-trigger-wrap-default,
.x-form-trigger-wrap-focus,
.x-form-text,
.x-form-field {
    border-color: #45abb0 !important;
}

.x-boundlist,
.x-boundlist-list-ct {
    border-color: #45abb0 !important;
    background-color: #f6fcfc !important;
}

.x-boundlist-item-over {
    background-color: #d9f2f3 !important;
    border-color: #7ec8cc !important;
}

.x-boundlist-selected,
.x-boundlist-item.x-boundlist-selected {
    background-color: #bfe7e9 !important;
    border-color: #45abb0 !important;
}

.x-menu,
.x-menu-body {
    background-color: #f6fcfc !important;
    border-color: #45abb0 !important;
}

.x-menu-item-link {
    border-color: transparent !important;
}

.x-menu-item-active .x-menu-item-link,
.x-menu-item-link:hover {
    background-color: #bfe7e9 !important;
    background-image: none !important;
    border-color: #45abb0 !important;
}

.x-menu-icon-separator {
    border-right-color: #7ec8cc !important;
}

.x-tree-panel .x-grid-row-over .x-grid-cell,
.x-tree-view .x-grid-row-over .x-grid-cell,
.x-grid-row-over .x-grid-cell {
    background-color: #d9f2f3 !important;
}

.x-tree-panel .x-grid-row-selected .x-grid-cell,
.x-tree-view .x-grid-row-selected .x-grid-cell,
.x-grid-row-selected .x-grid-cell,
.x-grid-row-focused .x-grid-cell {
    background-color: #bfe7e9 !important;
    border-color: #45abb0 !important;
}

.x-column-header,
.x-column-header-over,
.x-column-header-trigger {
    background-color: #d9f2f3 !important;
    background-image: linear-gradient(to bottom, #f3fcfd 0%, #d9f2f3 100%) !important;
    border-color: #45abb0 !important;
}

.x-btn-default-small,
.x-btn-default-toolbar-small,
.x-btn-default-small-over,
.x-btn-default-toolbar-small-over {
    border-color: #2f8f94 !important;
}

.x-btn-default-small,
.x-btn-default-toolbar-small {
    background-color: #cfecee !important;
    background-image: linear-gradient(to bottom, #eff9fa 0%, #cfecee 100%) !important;
}

.x-btn-default-small-over,
.x-btn-default-toolbar-small-over {
    background-color: #45abb0 !important;
    background-image: linear-gradient(to bottom, #74c4c8 0%, #45abb0 55%, #318f94 100%) !important;
}

.x-btn-default-small-over .x-btn-inner,
.x-btn-default-toolbar-small-over .x-btn-inner {
    color: #ffffff !important;
}

.x-message-box.x-window-default,
.x-message-box .x-window-body,
.x-message-box .x-window-body-default {
    background-color: #e6f7f8 !important;
    background-image: none !important;
}

.x-window-default {
    background-color: #e6f7f8 !important;
    background-image: none !important;
}

.x-window-body-default {
    background-color: #e6f7f8 !important;
    background-image: none !important;
}