/*!
* Data Aquarium Framework - Touch UI Theme Engine
* Copyright 2008-2018 Code On Time LLC; Licensed MIT; http://codeontime.com/license
*/

/* general body*/

body,
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    background-color:  /*@theme.background.1*/  #fff;
    border-color:  /*@theme.border.1*/  #bbb;
    color:  /*@theme.text.default*/  #333;
}

    .ui-body-a,
    .ui-page-theme-a .ui-body-inherit,
    html .ui-bar-a .ui-body-inherit,
    html .ui-body-a .ui-body-inherit,
    html body .ui-group-theme-a .ui-body-inherit,
    html .ui-panel-page-container-a,
    .app-stub,
    .app-presenter,
    .app-chart .app-chart-inner,
    .app-chart .app-chart-data table th,
    .app-chart .app-chart-data table td,
    .app-calendar-time,
    [data-layout="form"],
    .app-page-content,
    .app-page-header,
    .app-calendar-plugin-container,
    .app-calendar-plugin-container > .app-calendar-plugin,
    .app-grid-header .app-frozen-spacer,
    .app-frozen-spacer {
        background-color:  /*@theme.background.1*/  #fff;
        border-color:  /*@theme.border.1*/  #ddd;
        color:  /*@theme.text.default*/  #333;
    }

.app-acc-man,
.app-acc-inner,
.app-acc-footer {
    background-color:  /*@theme.background.1*/  #fff;
    color:  /*@theme.text.active*/  #000;
}

.app-acc-footer {
    color:  /*@theme.text.muted*/  #000;
}

.app-acc-man li a {
    color:  /*@theme.text.default*/  #333;
}

    .app-acc-man li a:hover:not(.app-link-disabled) {
        background-color:  /*@theme.background.hover*/  rgba(0,0,0,0.05);
    }

    .app-acc-man li a.ui-btn-active:not(.app-link-disabled) {
        color:  /*@theme.text.active*/  #000;
        background-color:  /*@theme.background.active*/  rgba(0,0,0,0.1);
    }

.app-acc-man a .app-user-signed-out {
    color:  /*@theme.text.muted*/  #aaa;
}


.app-page-title .app-text {
    color:  /*@theme.text.active*/  #333;
}

html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit,
.app-popup-listview .ui-popup-arrow,
.app-popup-listview {
    background-color:  /*@theme.background.5*/  #e9e9e9;
    border-color:  /*@theme.border.5*/  #ddd;
    color:  /*@theme.text.default*/  #333;
}


.ui-page-theme-a .ui-bar-inherit,
.ui-bar-a {
    background-color:  /*@theme.background.5*/  #fff;
    border-color:  /*@theme.border.5*/  #ddd;
    color:  /*@theme.text.default*/  #333;
}


    .ui-page-theme-a .ui-bar-inherit.app-tabs,
    .app-listview,
    .app-cardview .dv-item,
    .app-echo {
        background-color:  /*@theme.background.1*/  #fff;
    }

.app-page-modal {
    box-shadow:  /*@theme.boxShadow.modal*/  0 0 5px 5px rgba(0,0,0,.1);
}

.app-calendar-plugin-container {
    box-shadow:  /*@theme.boxShadow.modalActive*/  0 0 5px 5px rgba(0,0,0,.1);
}

.ui-panel-display-overlay {
    box-shadow:  /*@theme.boxShadow.left*/  5px 0 5px rgba(0,0,0,.15);
}

.ui-panel-position-right.ui-panel-display-overlay {
    box-shadow:  /*@theme.boxShadow.right*/  -5px 0 5px rgba(0,0,0,.15);
}

.app-bar-heading {
    box-shadow:  /*@theme.boxShadow.heading*/  0 3px 6px 0 rgba(0,0,0,.25);
}

    .app-bar-heading,
    .app-bar-heading .app-bar-text .app-group {
        background-color:  /*@theme.background.2*/  #fff;
        border-color:  /*@theme.border.2*/  #ddd;
    }

.ui-page .app-bar-heading .app-grid-header,
.ui-page .app-bar-heading .app-frozen-spacer {
    background-color:  /*@theme.background.2*/  #fff;
}


.ui-btn.app-checked:not(.ui-btn-active) .app-frozen-spacer,
.ui-btn.app-checked:not(.ui-btn-active):hover .app-frozen-spacer,
.ui-btn.app-selected:not(.ui-btn-active) .app-frozen-spacer,
.ui-btn.app-selected:not(.ui-btn-active):hover .app-frozen-spacer,
.app-desktop .ui-listview .ui-btn.app-selected:not(.ui-btn-active):hover .app-frozen-spacer,
.app-desktop .ui-listview .ui-btn.app-checked:not(.ui-btn-active):hover .app-frozen-spacer,
.ui-btn.ui-btn-active .app-frozen-spacer {
    background-color:  /*@theme.background.activeOpaque*/  #ebebeb;
}

.app-desktop .ui-btn:not(.app-checked):not(.ui-btn-active):not(.app-selected):not(.app-calculated):hover .app-frozen-spacer {
    background-color:  /*@theme.background.hoverOpaque*/  #ededed;
}

.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:active,
html .ui-bar-a .ui-btn:active,
html .ui-body-a .ui-btn:active,
html body .ui-group-theme-a .ui-btn:active,
html head + body .ui-btn.ui-btn-a:active,
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
    border-color:  /*@theme.border.1*/  #ddd;
    color:  /*@theme.text.default*/  #333;
}

    .ui-page-theme-a .ui-btn.ui-btn-active,
    html .ui-bar-a .ui-btn.ui-btn-active,
    html .ui-body-a .ui-btn.ui-btn-active,
    html body .ui-group-theme-a .ui-btn.ui-btn-active,
    html head + body .ui-btn.ui-btn-a.ui-btn-active {
        color:  /*@theme.text.active*/  #333;
        background-color:  /*@theme.background.active*/  rgba(0,0,0,0.08);
    }

[data-container],
[data-container],
.app-echo .app-list-instruction,
.app-echo .dv-item:not(.app-hidden),
.app-echo .app-echo-grid-hscrollbar,
.app-echo .app-grid .ui-last-child,
.ui-page-theme-a .ui-listview .ui-btn.ui-btn-active,
.app-echo-inner > .app-onecolumnview,
.app-echo-inner > .app-cardcolumn {
    border-color:  /*@theme.border.1*/  #ddd;
}

.ui-panel-inner .ui-li-divider:not(.app-list-instruction) {
    background-color:  /*@theme.border.1*/  #ddd;
}


[data-container="collapsible"] [data-container="toggle"],
[data-container="collapsible"] [data-container="row"].app-has-description {
    background-color:  /*@theme.background.2*/  #f1f1f1;
}

.ui-panel:not(.app-sidebar) li:not(.ui-li-static):not(.app-list-instruction):not(.ui-li-divider) {
    background-color:  /*@theme.background.4*/  #fff;
}

.app-desktop [data-container="collapsible"] [data-container="toggle"]:hover:not(.ui-btn-active):after {
    background-color:  /*@theme.background.hover*/  rgba(0,0,0,0.05);
}

[data-container="collapsible"] [data-container="toggle"].ui-btn-active {
    background-color:  /*@theme.background.active*/  rgba(0,0,0,0.08);
    color:  /*@theme.text.default*/  #000;
}

.app-grid-header span.app-selected:not(.ui-btn-active),
.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon):not(.app-frozen-spacer),
.app-desktop .app-bar-tabs ul li:hover {
    background-color:  /*@theme.background.hover*/  rgba(0,0,0,0.05);
    color:  /*@actionBar.text.hover,@theme.text.hover*/  #808080;
}

.ui-btn.app-checked:not(.ui-btn-active),
.ui-btn.app-checked:not(.ui-btn-active):hover,
.ui-btn.app-selected:not(.ui-btn-active),
.ui-btn.app-selected:not(.ui-btn-active):hover,
.app-desktop .ui-listview .ui-btn.app-selected:not(.ui-btn-active):hover,
.app-desktop .ui-listview .ui-btn.app-checked:not(.ui-btn-active):hover {
    background-color:  /*@theme.background.active*/  rgba(0,0,0,0.08);
    color:  /*@theme.text.active*/  #000;
}

.app-listview .ui-btn.app-selected,
.app-listview .ui-btn.app-checked {
    background-color:  /*@theme.background.active*/  rgba(0,0,0,0.08);
    color:  /*@theme.text.active*/  #000;
}


.app-grid-header span.ui-btn-active {
    background-color:  /*@theme.background.active*/  rgba(0,0,0,0.08);
    color:  /*@theme.text.light*/  #808080;
}


.app-page-header-divider,
.app-grid-header .app-field-separator:after,
.app-calculated .app-field-separator:after {
    background-color:  /*@theme.border.2*/  #ddd;
}

.app-bar-aggregates .app-listview,
.app-bar-footer .app-bar-tabs {
    background-color:  /*@theme.background.4*/  #f6f6f6;
    border-color:  /*@theme.border.4*/  #ddd;
}

.ui-footer.app-bar-footer.ui-footer-fixed,
.ui-btn.app-calculated .app-frozen-spacer {
    background-color:  /*@theme.background.4*/  #f1f1f1;
    border-color:  /*@theme.border.4*/  #ccc;
}

.app-bar-footer.app-bar-footer-flat .app-bar-hscrollbar {
    border-color:  /*@theme.border.4*/  #ccc;
}

.app-grid-header {
    border-top-color:  /*@theme.border.4*/  #ddd;
}

[data-control="field"],
[data-state="write"] [data-control="label"],
[data-state="write"] [data-input="none"] {
    color:  /*@theme.text.light*/  #808080;
}

[data-state="write"] [data-control="field"] {
    color:  /*@theme.text.active*/  #808080;
}

.app-echo,
.app-btn-check {
    border-color:  /*@theme.border.3*/  #ccc;
}

[data-state="write"] [data-control="field"],
.app-data-input,
[data-input].app-has-helper .app-control-helper,
.app-caret {
    color:  /*@theme.text.default*/  #000;
}

[data-state="write"] [data-control="label"],
[data-state="write"] [data-input="none"] {
    color:  /*@theme.text.light*/  #808080;
}

.app-data-input-popup {
    background-color:  /*@theme.background.1*/  #fff;
    border-color:  /*@theme.border.1*/  #ccc;
    box-shadow:  /*@theme.inputShadow*/  0 2px 10px rgba(0,0,0,.5);
}

    .app-data-input-popup ul li.app-instruction.app-separator {
        background-color:  /*@theme.border.1*/  #ccc;
    }

    .app-data-input-popup ul li {
        color:  /*@theme.text.default*/  #333;
    }

        .app-data-input-popup ul li[data-command]:not(.app-selected) {
            color:  /*@theme.text.active*/  #000;
        }

        .app-data-input-popup ul li.app-selected,
        .app-bar-search + .app-bar-history li.app-selected {
            background-color:  /*@theme.background.active*/  rgba(0,0,0,0.08);
        }

            .app-data-input-popup ul li.app-selected::before,
            .ui-panel-inner .app-focus::before,
            .app-bar-search + .app-bar-history li.app-selected::before {
                background-color:  /*@system.select.bar,@buttons.menu.background,@header.background*/ #777;
            }

.app-desktop .app-data-input-popup ul li:not(.app-selected):not(.app-instruction):hover,
.app-desktop [data-input] .app-control-helper ul li:not(.ui-btn-active):not(.app-focus):hover,
.app-desktop [data-input] .app-data-list ul li:not(.app-selected):hover::after {
    background-color:  /*@theme.background.hover*/  #ededed;
}


.app-desktop .app-vscrollbar,
.app-desktop .app-hscrollbar2,
.app-desktop .app-bar-footer.app-bar-footer-flat .app-bar-hscrollbar::after {
    background-color:  /*@theme.scrollbar.background*/  #e9e9e9;
}

.app-page-modal .app-vscrollbar {
    border-right-color:  /*@theme.scrollbar.background*/  #e9e9e9;
}

.app-vscrollbar .app-vscrollbar-handle,
.app-hscrollbar2 .app-hscrollbar-handle {
    background-color:  /*@theme.scrollbar.handle.default*/  #c4c4c4;
}

.app-desktop .app-vscrollbar-handle:hover,
.app-desktop .app-hscrollbar-handle:hover {
    background-color:  /*@theme.scrollbar.handle.hover*/  #999;
}

.app-vscrollbar.app-scrollbar-dragging .app-vscrollbar-handle,
.app-hscrollbar2.app-scrollbar-dragging .app-hscrollbar-handle {
    background-color:  /*@theme.scrollbar.handle.active*/  #666;
}


.app-tooltip {
    background-color:  /*@theme.background.6*/  #282828;
    color:  /*@theme.text.invert*/  #fff;
}


.app-bar-notify {
    background-color:  /*@theme.background.6*/  #323232;
    color:  /*@theme.text.invert*/  #fff;
}


.app-has-icon.ui-btn-icon-notext.ui-btn-active .app-icon,
.app-has-icon.ui-btn-icon-notext.ui-btn-active .app-icon::before {
    color:  /*@theme.icon.default*/  #000;
}

.app-icon,
.app-icon:after,
.ui-btn::after,
.ui-btn .glyphicon::before,
.app-bar-tabs ul li span {
    color:  /*@theme.icon.default*/  #777;
}

.app-desktop .ui-btn:hover:not(.ui-btn-active)::after,
.app-desktop .ui-btn:hover:not(.ui-btn-active) .glyphicon::before {
    color:  /*@theme.icon.hover*/  #000;
}

.ui-btn.ui-btn-active::after,
.app-btn-more.ui-btn-active::after,
.app-control-inner .app-field-object-ref.ui-btn-active::before {
    color:  /*@theme.icon.active*/  #000;
}

.ui-btn.ui-btn-active.ui-btn-icon-left::after,
.ui-btn.ui-btn-active.ui-btn-icon-right::after,
.ui-btn-active .app-btn-more::after,
.ui-btn-active .glyphicon:before {
    color:  /*@theme.icon.active*/  #000;
}

.app-desktop .app-bar-tabs ul li:not(.app-selected):hover span,
.app-desktop .app-bar-tabs ul li:not(.app-selected):hover .app-icon {
    color:  /*@theme.text.hover*/  #000;
}

.app-inner-shadow-left-right {
    box-shadow:  /*@theme.boxShadow.scroll.both*/  inset 10px 0px 10px -10px rgba(0,0,0,0.4), inset -10px 0px 10px -10px rgba(0,0,0,0.4);
    border-right-color:  /*@theme.boxShadow.scroll.border*/  #ccc;
}

.app-inner-shadow-right {
    box-shadow:  /*@theme.boxShadow.scroll.right*/  inset -10px 0px 10px -10px rgba(0,0,0,0.4);
    border-right-color:  /*@theme.boxShadow.scroll.border*/  #ccc;
}

.app-inner-shadow-left {
    box-shadow:  /*@theme.boxShadow.scroll.left*/  inset 10px 0px 10px -10px rgba(0,0,0,0.4);
}

.app-chart .app-chart-data,
.app-chart .app-chart-headerbar {
    background-color:  /*@theme.background.1*/  #fff;
    color:  /*@theme.text.active*/  #000;
}

.app-calendar-day > div:not(.app-calendar-time),
.app-calendar-week-grid .app-calendar-day > div,
.app-calendar-year h1 {
    border-color:  /*@theme.border.1*/  #ccc;
}

.app-calendar-monthview .app-calendar-month table td,
.app-calendar-monthview .app-calendar-month table {
    background-color:  /*@theme.background.1*/  #fff;
    border-color:  /*@theme.border.1*/  #e5e5e5;
}

    .app-calendar-monthview .app-calendar-month table td.app-calendar-weekend {
        background-color:  /*@theme.background.2*/  #fcfcfc;
        border-color:  /*@theme.border.2*/  #e5e5e5;
    }

.app-time-container .app-time-selector {
    background-color:  /*@theme.background.2*/  #e5e5e5;
    border-color:  /*@theme.border.2*/  #e5e5e5;
}

.app-selected.ui-btn .app-event,
.app-calendar-selected {
    outline-color:  /*@theme.border.1*/  #000;
}

.app-calendar-plugin table tr:not(.ui-btn-active) td.app-prev-month,
.app-calendar-plugin table tr:not(.ui-btn-active) td.app-next-month,
.app-calendar-plugin table tr:not(.ui-btn-active) td.app-day-unselectable {
    color:  /*@theme.text.light*/  #bbb;
}

/*headers*/
body:not(.app-has-sidebar-left) .app-page-header,
.app-page-panel .app-page-header,
.app-page-panel .app-page-header + .app-page-header-divider,
.app-page-panel-right .app-bar-heading,
.app-page-panel-right::before,
.ui-panel-inner .app-list-instruction.app-logo,
.ui-panel-inner .ui-listview > .ui-li-divider.app-list-instruction.app-logo {
    background-color:  /*@header.background,@theme.background.3*/ #C3DBE9;
}

body:not(.app-has-sidebar-left) .app-bar-actions,
body:not(.app-hosted) .ui-page > .ui-content::before,
.app-page-modal > .ui-content:before {
    background-color:  /*@header.background,@theme.background.3*/ #C3DBE9;
}

body:not(.app-has-sidebar-left) .app-page-header,
.app-page-modal .app-page-header,
.app-page-panel .app-page-header,
.app-page-modal .app-bar-actions,
.app-page-modal .app-text,
.app-page-panel .app-text,
body:not(.app-has-sidebar-left) .app-page-header .app-icon,
.app-page-modal .app-page-header .app-icon,
.app-page-panel .app-page-header .app-icon,
.app-page-modal.app-has-fixed-bar .app-bar-actions .ui-btn:not(:hover):not(.ui-btn-active),
.app-bar-heading.app-bar-heading-modal .app-bar-label {
    color:  /*@header.text.default,@theme.text.default*/ #10222D;
}

    .app-page-modal.app-has-fixed-bar .app-bar-actions .ui-btn:not(:hover):not(.ui-btn-active)::after {
        border-top-color:  /*@header.text.default,@theme.text.default*/ #10222D;
    }

    body:not(.app-has-sidebar-left) .app-page-header .app-icon.app-icon-background,
    .app-page-modal .app-page-header .app-icon.app-icon-background,
    .app-page-panel .app-page-header .app-icon.app-icon-background {
        opacity:  /*@header.icon.backgroundOpacity*/  0.075;
    }

/*buttons.promo*/
.app-btn-promo.ui-btn.app-has-icon,
.app-btn-promo.ui-btn.app-has-icon:not(.ui-btn-active):not(.app-selected):not(.app-calculated):hover,
.app-btn-promo.ui-btn.app-has-icon.ui-btn-active {
    background-color:  /*@buttons.promo.background*/ #206090;
}

.app-has-icon.ui-btn-icon-notext.app-btn-promo:hover .app-icon,
.app-has-icon.ui-btn-icon-notext.app-btn-promo .app-icon,
.app-has-icon.ui-btn-icon-notext.app-btn-promo .app-icon::after,
.app-has-icon.ui-btn-icon-notext.app-btn-promo .app-icon::before {
    color:  /*@buttons.promo.icon.default*/  #fff;
}

/*buttons.menu*/
.app-has-sidebar-left .app-bar-toolbar:not(.app-has-back) .app-btn-menu-background {
    background-color:  /*@buttons.menu.background,@sidebar.full.background, @theme.background.4*/ #206090;
    border-right-color:  /*@header.divider,@buttons.menu.border,@sidebar.full.border,@header.border, @theme.border.4*/ #206090;
    border-bottom-color:  /*@buttons.menu.border,@sidebar.full.border, @theme.border.4*/ #206090;
}

    .app-has-sidebar-left .app-bar-toolbar:not(.app-has-back) .app-btn-menu-background::after {
        background-color:  /*@buttons.menu.border,@header.divider,@sidebar.full.border,@header.border, @theme.border.4*/ #206090;
    }

.app-has-sidebar-left .app-btn-menu-background::before {
    background-color:  /*@buttons.menu.pixel*/  transparent;
}

body.app-has-sidebar-left:not(.app-has-panel-right) #app-btn-menu.ui-icon-bars::after {
    color:  /*@buttons.menu.icon.default,@sidebar.full.icon.default,@theme.icon.default*/ #fff;
}

.app-desktop.app-has-sidebar-left:not(.app-has-panel-right) #app-btn-menu.ui-icon-bars:hover:not(.ui-btn-active)::after {
    color:  /*@buttons.menu.icon.hover,@sidebar.full.icon.hover,@theme.icon.hover*/ #ccc;
}

body.app-has-sidebar-left:not(.app-has-panel-right) #app-btn-menu.ui-icon-bars.ui-btn-active::after {
    color:  /*@buttons.menu.icon.active,@sidebar.full.icon.active,@theme.icon.active*/ #eee;
}

.app-has-minisidebar-left .app-bar-toolbar:not(.app-has-back) .app-btn-menu-background {
    background-color:  /*@buttons.menu.background,@sidebar.mini.background,@sidebar.full.background,@theme.background.4*/ #206090;
    border-right-color:  /*@header.divider,@buttons.menu.border,@sidebar.mini.border,@sidebar.full.border,@header.border, @theme.border.4*/ #206090;
    border-bottom-color:  /*@buttons.menu.border,@sidebar.mini.border,@sidebar.full.border,@theme.border.4*/ #206090;
}

    .app-has-minisidebar-left .app-bar-toolbar:not(.app-has-back) .app-btn-menu-background::after {
        background-color:  /*@buttons.menu.border,@header.divider,@sidebar.mini.border,@sidebar.full.border,@header.border, @theme.border.4*/ #206090;
    }

body.app-has-minisidebar-left:not(.app-has-panel-right) #app-btn-menu.ui-icon-bars::after {
    color:  /*@buttons.menu.icon.default,@sidebar.mini.icon.default,@sidebar.full.icon.default,@theme.icon.default*/ #fff;
}

.app-desktop.app-has-minisidebar-left:not(.app-has-panel-right) #app-btn-menu.ui-icon-bars:hover:not(.ui-btn-active)::after {
    color:  /*@buttons.menu.icon.hover,@sidebar.mini.icon.hover,@sidebar.full.icon.hover,@theme.icon.hover*/ #ccc;
}

body.app-has-minisidebar-left:not(.app-has-panel-right) #app-btn-menu.ui-icon-bars.ui-btn-active::after {
    color:  /*@buttons.menu.icon.active,@sidebar.mini.icon.active,@sidebar.full.icon.active,@buttons.menu.icon.hover,@sidebar.mini.icon.hover,@sidebar.full.icon.hover,@theme.icon.active*/ #eee;
}

.app-has-sidebar-left .app-bar-toolbar .app-logo {
    color:  /*@buttons.menu.text.default,@header.text.logo,@theme.text.active*/ #fff;
}

.app-has-sidebar-left .app-bar-toolbar .app-logo {
    color:  /*@buttons.menu.text.default,@sidebar.full.text.default,@theme.text.active*/ #fff;
}

.app-has-minisidebar-left .app-bar-toolbar .app-logo {
    color:  /*@buttons.menu.text.default,@header.text.logo,@theme.text.active*/ #fff;
}

.ui-panel-inner .ui-listview > .ui-li-divider.app-list-instruction.app-logo {
    background-color:  /*@buttons.menu.background,@sidebar.full.background,@theme.background.4*/ #206090;
    border-top-color:  /*@buttons.menu.background,@sidebar.full.background,@theme.background.4*/ #206090;
    color:  /*@buttons.menu.text.default,@sidebar.full.text.default,@theme.text.active*/ #fff;
}

/*toolbar*/
.app-bar-toolbar {
    background-color:  /*@header.background,@theme.background.5*/ #C3DBE9;
    border-color:  /*@header.border,@theme.border.5*/ #bbb;
}

body:not(.app-has-sidebar-left) .ui-page[data-page-header='false'] .app-bar-actions,
.app-page-modal[data-page-header='false'] .app-bar-actions {
    border-bottom-color:  /*@header.border,@theme.border.1*/ #bbb;
}

body:not(.app-has-sidebar-left):not(.app-hosted) .ui-page:not([data-page-header='false']).app-has-fixed-bar .app-bar-heading,
.app-page-modal:not([data-page-header='false']):not(.app-has-header-bar) .app-bar-heading,
.ui-page:not([data-page-header='false']) .app-wrapper > .app-listview:not(.app-listview-static) .app-list-instruction {
    border-top-color:  /*@header.border,@theme.border.1*/ #bbb;
}

body:not(.app-has-sidebar-left) .app-bar-toolbar,
body:not(.app-has-minisidebar-left) .ui-header-fixed .ui-title {
    border-color:  /*@form.header.background*/ transparent;
    background-color:  /*@form.header.border*/ transparent;
}

body:not(.app-has-sidebar-left) div[data-layout="form"] > div[data-container="collapsible"]:first-of-type,
.app-page-modal div[data-layout="form"] > div[data-container="collapsible"]:first-of-type,
.app-page-modal div[data-layout="form"] > div[data-container="collapsible"][data-header-text="none"]:first-of-type > div:first-of-type {
    border-top-color:  /*@form.header.divider,@theme.border.2*/ #bbb;
}

body:not(.app-has-sidebar-left) .app-page-header + .app-page-header-divider,
.app-page-modal .app-page-header + .app-page-header-divider {
    background-color:  /*@form.header.divider,@theme.border.2*/ #bbb;
}

.app-page-modal-title .app-btn,
.app-page-modal-title .app-icon,
body:not(.app-hosted) .app-bar-toolbar .ui-btn:before,
body:not(.app-hosted) .app-bar-toolbar .ui-btn:after,
body:not(.app-hosted) .app-bar-toolbar .ui-btn .app-icon,
body:not(.app-hosted) .app-bar-toolbar .ui-btn .app-icon:before,
body:not(.app-hosted) .app-bar-toolbar .ui-btn .app-icon:after,
body:not(.app-hosted) .app-back-text {
    color:  /*@header.icon.default,@theme.icon.light*/ #10222D;
}

.app-bar-toolbar .app-avatar .app-icon-avatar {
    border-color:  /*@header.icon.default,@theme.icon.light*/ #10222D;
}

.app-desktop .app-page-modal-title .app-btn:hover:not(.ui-btn-active),
.app-desktop:not(.app-hosted) .app-bar-toolbar .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop:not(.app-hosted) .app-bar-toolbar .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop:not(.app-hosted) .app-bar-toolbar .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop:not(.app-hosted) .app-bar-toolbar .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop:not(.app-hosted) .app-bar-toolbar .ui-btn:hover:not(.ui-btn-active) .app-icon:after,
.app-desktop:not(.app-hosted) .app-bar-toolbar .app-back-text:hover:not(.ui-btn-active) {
    color:  /*@header.icon.hover,@theme.icon.hover*/ #306688;
}

.app-desktop .app-bar-toolbar .app-avatar:hover:not(.ui-btn-active) .app-icon-avatar {
    border-color:  /*@header.icon.hover,@theme.icon.hover*/ #306688;
}

.app-page-modal-title .app-btn.ui-btn-active,
body:not(.app-hosted) .app-bar-toolbar .ui-btn.ui-btn-active:before,
body:not(.app-hosted) .app-bar-toolbar .ui-btn.ui-btn-active:after,
body:not(.app-hosted) .app-bar-toolbar .ui-btn.ui-btn-active .app-icon,
body:not(.app-hosted) .app-bar-toolbar .ui-btn.ui-btn-active .app-icon:before,
body:not(.app-hosted) .app-bar-toolbar .ui-btn.ui-btn-active .app-icon:after,
body:not(.app-hosted) .app-bar-toolbar .app-back-text.ui-btn-active {
    color:  /*@header.icon.active, @header.icon.hover,@theme.icon.active*/ #306688;
}

.app-bar-toolbar .app-avatar.ui-btn-active .app-icon-avatar {
    border-color:  /*@header.icon.active,@theme.icon.active*/  #000;
}

body:not(.app-hosted) .app-bar-toolbar .app-menu-strip .ui-btn:not(.ui-btn-active),
body:not(.app-hosted) .app-bar-toolbar a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-page-panel .app-bar-header .ui-btn {
    color:  /*@header.text.default,@theme.text.light*/ #10222D;
}

.app-desktop:not(.app-hosted) .app-bar-toolbar .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-desktop .app-bar-toolbar a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-desktop .app-page-panel .app-bar-header .ui-btn:hover:not(.ui-btn-active) {
    color:  /*@header.text.hover,@theme.text.hover*/ #306688;
}

.app-desktop:not(.app-has-popup-open) .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
    background-color:  /*@header.text.hoverBackground*/ rgba(255,255,255,0.15);
}

.app-menu-strip ul li a.ui-btn.app-selected:not(.ui-btn-active),
body.app-has-popup-open .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active) {
    background-color:  /*@header.text.selectedBackground*/ rgba(255,255,255,0.3);
}


.app-bar-toolbar .app-menu-strip .ui-btn.ui-btn-active,
.app-bar-toolbar a.ui-btn.app-has-children.ui-btn-active::after,
.app-page-panel .app-bar-header .ui-btn.ui-btn-active {
    color:  /*@header.text.active,@header.text.default,@theme.text.active*/ #10222D;
}

body:not(.app-has-panel-right):not(.app-hosted) .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
body:not(.app-has-panel-right):not(.app-hosted) .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    /*@header.text.hover,@theme.text.hover*/
    /*color: #000;*/
}

body:not(.app-has-sidebar-left):not(.app-hosted) .app-bar-toolbar .app-logo,
.app-has-minisidebar-left .app-bar-toolbar .app-logo,
.app-has-panel-right .app-bar-toolbar .app-logo,
.app-menu-strip-title {
    color:  /*@header.text.logo*/ #000;
}

/*split toolbar*/
.app-has-panel-right .app-bar-toolbar {
    background-color:  /*@header.split.background*/  #e9e9e9;
    border-color:  /*@header.split.border*/  #ccc;
}

.app-has-panel-right:not(.app-has-minisidebar-left) .ui-header-fixed .ui-title {
    border-color: transparent;
}

.app-has-panel-right .app-bar-toolbar .ui-btn {
    color:  /*@header.split.text.default,@theme.text.light*/  #777;
}

.app-has-panel-right .app-bar-toolbar h3::after,
.app-has-panel-right .app-bar-toolbar a.ui-btn.app-has-children:not(.ui-btn-active)::after {
    color:  /*@header.split.text.default,@theme.text.light*/  #777;
}

.app-has-panel-right .app-bar-toolbar .ui-btn:hover:not(.ui-btn-active) {
    color:  /*@header.split.text.hover,@theme.text.hover*/  #333;
}

.app-has-panel-right .app-bar-toolbar .ui-btn.ui-btn-active {
    color:  /*@header.split.text.active*/  #38c;
}

.app-has-panel-right .app-bar-toolbar .ui-btn:before,
.app-has-panel-right .app-bar-toolbar .ui-btn:after,
.app-has-panel-right .app-bar-toolbar .ui-btn .app-icon,
.app-has-panel-right .app-bar-toolbar .ui-btn .app-icon:before,
.app-has-panel-right .app-bar-toolbar .ui-btn .app-icon:after {
    color:  /*@header.split.icon.default,@theme.icon.default*/  #333;
}

    .app-has-panel-right .app-bar-toolbar .ui-btn:before,
    .app-has-panel-right .app-bar-toolbar .ui-btn:after,
    .app-has-panel-right .app-bar-toolbar .ui-btn .app-icon,
    .app-has-panel-right .app-bar-toolbar .ui-btn .app-icon:before,
    .app-has-panel-right .app-bar-toolbar .ui-btn .app-icon:after {
        color:  /*@header.split.icon.hover,@theme.icon.hover*/  #000;
    }

        .app-has-panel-right .app-bar-toolbar .ui-btn:before,
        .app-has-panel-right .app-bar-toolbar .ui-btn:after,
        .app-has-panel-right .app-bar-toolbar .ui-btn .app-icon,
        .app-has-panel-right .app-bar-toolbar .ui-btn .app-icon:before,
        .app-has-panel-right .app-bar-toolbar .ui-btn .app-icon:after {
            color:  /*@header.split.icon.active*/  #38c;
        }

/*actionbar*/
.app-bar-actions.ui-header,
.ui-listview > .ui-li-divider.app-list-instruction,
.app-presenter-instruction,
.app-grid-header .app-frozen-spacer,
.app-bar-header.ui-header {
    background-color:  /*@actionBar.background, @theme.background.3*/  #f1f1f1;
    border-color:  /*@theme.border.3*/  #ddd;
    /*color:*/ /*@actionBar.text.default,@theme.text.light*/ /*#808080;*/
    /*BP-716 Issue Changes*/
    color: #4F4F4F;
}

.app-echo .app-grid-header,
.app-echo .ui-listview > .ui-li-divider.app-list-instruction {
    border-color:  /*@theme.border.2*/  #ddd;
}

.app-grid-header {
    background-color:  /*@actionBar.background, @theme.background.2*/  #f1f1f1;
    border-color:  /*@theme.border.2*/  #ddd;
}

body:not(.app-has-panel-right) .app-bar-actions .ui-btn,
.app-bar-actions h3 {
    color:  /*@actionBar.text.default,@theme.text.default*/  #333;
}

.app-page-header .app-icon,
.app-echo-toolbar h3,
.app-echo-see-all,
.app-echo .app-echo-toolbar > .app-echo-see-all {
    color:  /*@theme.text.default*/  #333;
}

.app-desktop:not(.app-has-panel-right) .app-bar-actions .ui-btn:hover:not(.ui-btn-active) {
    color:  /*@actionBar.text.hover,@actionBar.text.default,@theme.text.hover*/  #000;
}

body:not(.app-has-panel-right) .app-bar-actions .ui-btn.ui-btn-active {
    color:  /*@actionBar.text.active,@actionBar.text.default,@theme.text.active*/  #000;
}

body:not(.app-has-panel-right) .app-bar-actions .ui-btn:before,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn:after,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn .app-icon,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn .app-icon:before,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn .app-icon:after,
.app-bar-actions h3::after,
.app-desktop .app-grid .ui-btn:not(.ui-btn-active):hover .app-field-type-bool .app-icon {
    color: #000000; /*@theme.actionBar.buttons.icon.default,@actionBar.icon.default,@theme.icon.light #777;*/
}


[data-layout="form"] .app-control-toolbar i,
[data-layout="form"] .app-control-toolbar .app-has-droparrow,
.app-echo .app-echo-toolbar h3::after {
    color:  /*@theme.icon.light*/  #777;
}

.app-desktop:not(.app-has-panel-right) .app-bar-actions .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop:not(.app-has-panel-right) .app-bar-actions .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop:not(.app-has-panel-right) .app-bar-actions .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop:not(.app-has-panel-right) .app-bar-actions .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop:not(.app-has-panel-right) .app-bar-actions .ui-btn:hover:not(.ui-btn-active) .app-icon:after,
.app-desktop [data-layout="form"] .app-control-toolbar i:hover:not(.app-active),
.app-desktop [data-layout="form"] .app-control-toolbar .app-has-droparrow:hover {
    color:  /*@actionBar.icon.hover,@theme.icon.hover*/  #000;
}

body:not(.app-has-panel-right) .app-bar-actions .ui-btn.ui-btn-active:before,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn.ui-btn-active:after,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn.ui-btn-active .app-icon,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn.ui-btn-active .app-icon:before,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn.ui-btn-active .app-icon:after {
    color:  /*@actionBar.text.active,@theme.text.active*/  #000;
}

body:not(.app-has-panel-right) .app-bar-actions .ui-btn-icon-notext.ui-btn-active:before,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn-icon-notext.ui-btn-active:after,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn-icon-notext.ui-btn-active .app-icon,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn-icon-notext.ui-btn-active .app-icon:before,
body:not(.app-has-panel-right) .app-bar-actions .ui-btn-icon-notext.ui-btn-active .app-icon:after,
[data-layout="form"] .app-control-toolbar i.app-active,
.app-desktop [data-layout="form"] .app-control-toolbar i.app-active:hover {
    color:  /*@actionBar.icon.active,@theme.icon.active*/  #000;
}

[data-layout="form"] .app-control-toolbar .app-selected {
    color:  /*@actionBar.icon.selected*/  #333;
    background-color:  /*@actionBar.icon.selectedBackground*/  rgba(0,0,0,.1);
}

[data-layout="form"] .app-control-toolbar .app-disabled,
.app-desktop [data-layout="form"] .app-control-toolbar .app-disabled:hover {
    color:  /*@actionBar.icon.disabled*/  #aaa;
}

/*modalActionBar or no sidebar action bar*/
.app-page-modal .app-bar-actions h3,
.ui-page.app-page-modal .app-bar-actions .ui-btn,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn,
body:not(.app-has-sidebar-left) .app-bar-actions h3,
body:not(.app-has-sidebar-left) .ui-page.app-has-fixed-bar .app-page-header {
    color:  /*@theme.actionBar.buttons.text.default,@header.text.default,@theme.icon.default*/ #10222D;
}

    .app-page-modal .app-bar-actions h3:after,
    .ui-page.app-page-modal .app-bar-actions .ui-btn::after,
    body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn:after,
    body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn.app-selected:after,
    body:not(.app-has-sidebar-left) .app-bar-actions h3:after {
        color:  /*@theme.actionBar.buttons.icon.default,@header.text.default,@theme.icon.default*/ #10222D;
    }

.app-desktop .app-page-modal .app-bar-actions h3:hover:not(.ui-btn-active),
.app-desktop .ui-page.app-page-modal .app-bar-actions .ui-btn:hover:not(.ui-btn-active),
body.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn:hover:not(.ui-btn-active),
body.app-desktop:not(.app-has-sidebar-left) .app-bar-actions h3:hover:not(.ui-btn-active) {
    color:  /*@header.text.hover,@header.text.default,@theme.text.hover*/ #306688;
}

    .app-desktop .app-page-modal .app-bar-actions h3:hover:not(.ui-btn-active):after,
    .app-desktop .ui-page.app-page-modal .app-bar-actions .ui-btn:hover:not(.ui-btn-active)::after,
    body.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn:hover:not(.ui-btn-active):after,
    body.app-desktop:not(.app-has-sidebar-left) .app-bar-actions h3:hover:not(.ui-btn-active):after {
        color:  /*@header.text.hover,@header.text.default,@theme.text.hover*/ #306688;
    }

.app-page-modal .app-bar-actions h3.ui-btn-active,
.ui-page.app-page-modal .app-bar-actions .ui-btn.ui-btn-active,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn.ui-btn-active,
body:not(.app-has-sidebar-left) .app-bar-actions h3.ui-btn-active {
    color:  /*@header.text.active,@header.text.default,@theme.text.active*/ #10222D;
}

    .app-page-modal .app-bar-actions h3.ui-btn-active:after,
    .ui-page.app-page-modal .app-bar-actions .ui-btn.ui-btn-active::after,
    body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn.ui-btn-active:after,
    body:not(.app-has-sidebar-left) .app-bar-actions h3.ui-btn-active:after {
        color:  /*@header.text.active,@header.text.default,@theme.text.active*/ #10222D;
    }

body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn:before,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn:not(.app-has-children):after,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn .app-icon,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn .app-icon:before,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn .app-icon:after,
.ui-page.app-page-modal .app-bar-actions .ui-btn:before,
.ui-page.app-page-modal .app-bar-actions .ui-btn:not(.app-has-children):after,
.ui-page.app-page-modal .app-bar-actions .ui-btn .app-icon,
.ui-page.app-page-modal .app-bar-actions .ui-btn .app-icon:before,
.ui-page.app-page-modal .app-bar-actions .ui-btn .app-icon:after {
    color:  /*@theme.actionBar.buttons.icon.default,@header.icon.default,@theme.icon.light*/ #10222D;
}

.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn:hover:not(.ui-btn-active) .app-icon:after,
.app-desktop .app-page-modal .app-bar-actions .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop .app-page-modal .app-bar-actions .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop .app-page-modal .app-bar-actions .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop .app-page-modal .app-bar-actions .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop .app-page-modal .app-bar-actions .ui-btn:hover:not(.ui-btn-active) .app-icon:after {
    color:  /*@theme.actionBar.buttons.icon.default,@header.icon.default*/ #10222D;
}

body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn.ui-btn-active:before,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn.ui-btn-active:after,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn.ui-btn-active .app-icon,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn.ui-btn-active .app-icon:before,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn.ui-btn-active .app-icon:after,
.ui-page.app-page-modal .app-bar-actions .ui-btn.ui-btn-active:before,
.ui-page.app-page-modal .app-bar-actions .ui-btn.ui-btn-active:after,
.ui-page.app-page-modal .app-bar-actions .ui-btn.ui-btn-active .app-icon,
.ui-page.app-page-modal .app-bar-actions .ui-btn.ui-btn-active .app-icon:before,
.ui-page.app-page-modal .app-bar-actions .ui-btn.ui-btn-active .app-icon:after {
    color:  /*@header.icon.default,@theme.icon.light*/ #10222D;
}


.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn-icon-notext:hover:not(.ui-btn-active):before,
.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn-icon-notext:hover:not(.ui-btn-active):after,
.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn-icon-notext:hover:not(.ui-btn-active) .app-icon,
.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn-icon-notext:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop:not(.app-has-sidebar-left) .app-bar-actions .ui-btn-icon-notext:hover:not(.ui-btn-active) .app-icon:after {
    color:  /*@header.icon.hover,@theme.icon.hover*/ #306688;
}


body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn-icon-notext.ui-btn-active:before,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn-icon-notext.ui-btn-active:after,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn-icon-notext.ui-btn-active .app-icon,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn-icon-notext.ui-btn-active .app-icon:before,
body:not(.app-has-sidebar-left) .app-bar-actions .ui-btn-icon-notext.ui-btn-active .app-icon:after {
    color:  /*@header.icon.active,@theme.icon.active*/  #000;
}


/*sidebar.full*/

.app-sidebar {
    background-color:  /*@sidebar.full.background,@theme.background.4*/ #206090;
    border-color:  /*@sidebar.full.border,@theme.border.4*/ #206090;
}

    .app-sidebar .ui-li-static,
    .app-calendar-plugin,
    .app-calendar-plugin .app-calendar-color-legend {
        background-color:  /*@sidebar.full.contentBackground,@sidebar.full.background,@theme.background.1*/ #206090;
        border-color:  /*@sidebar.full.border,@theme.border.1*/ #206090;
    }

    .app-sidebar .ui-listview > li.ui-last-child > a.ui-btn {
        border-color:  /*@sidebar.full.border,@theme.border.1*/ #206090;
    }

    .app-sidebar .ui-li-divider:not(.app-list-instruction) {
        background-color:  /*@sidebar.full.border,@theme.border.4*/ #206090;
    }

    .app-sidebar .ui-panel-inner .ui-btn:before,
    .app-sidebar .ui-panel-inner .ui-btn:after,
    .app-sidebar .ui-panel-inner .ui-btn .app-icon,
    .app-sidebar .ui-panel-inner .ui-btn .app-icon:before,
    .app-sidebar .ui-panel-inner .ui-btn .app-icon:after {
        color:  /*@sidebar.full.icon.default,@theme.icon.light*/ #fff;
    }

.app-desktop .app-sidebar .ui-panel-inner .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop .app-sidebar .ui-panel-inner .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop .app-sidebar .ui-panel-inner .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop .app-sidebar .ui-panel-inner .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop .app-sidebar .ui-panel-inner .ui-btn:hover:not(.ui-btn-active) .app-icon:after {
    color:  /*@sidebar.full.icon.hover,@theme.icon.hover*/ #eee;
}

.app-sidebar .ui-panel-inner .ui-btn.ui-btn-active:before,
.app-sidebar .ui-panel-inner .ui-btn.ui-btn-active:after,
.app-sidebar .ui-panel-inner .ui-btn.ui-btn-active .app-icon,
.app-sidebar .ui-panel-inner .ui-btn.ui-btn-active .app-icon:before,
.app-sidebar .ui-panel-inner .ui-btn.ui-btn-active .app-icon:after {
    color:  /*@sidebar.full.icon.active,@theme.icon.active*/ #eee;
}


.app-has-sidebar-left .app-bar-toolbar-bottom {
    border-color:  /*@sidebar.full.border,@theme.border.4*/ #206090;
    background-color:  /*@sidebar.full.background, @theme.background.4*/ #206090;
}

    .app-has-sidebar-left .app-bar-toolbar-bottom.app-has-icons {
        border-color:  /*@sidebar.full.toolbar.border, @sidebar.full.border,@theme.border.5*/ #206090;
        background-color:  /*@sidebar.full.toolbar.background, @sidebar.full.background,@theme.background.5*/ #206090;
    }

.app-sidebar .app-bar-toolbar-bottom .ui-btn.app-selected:not(.ui-btn-active)::before {
    background-color:  /*@sidebar.full.toolbar.selectedColor, @sidebar.full.selectedColor,@header.background*/ #fff;
}

.app-sidebar .app-option-selected:before {
    background-color:  /*@sidebar.full.selectedColor,@buttons.menu.background, @header.background*/ #fff;
}

.app-bar-toolbar-bottom .ui-btn.app-btn-settings,
.app-sidebar .ui-panel-inner .ui-btn,
.app-sidebar .ui-panel-inner .app-calendar-plugin table,
.app-sidebar .ui-panel-inner .ui-li-static {
    color:  /*@sidebar.full.text.default,@theme.text.default*/ #fff;
}

.app-sidebar .app-has-droparrow::after {
    border-top-color:  /*@sidebar.full.text.default,@theme.text.default*/ #fff;
}

.app-desktop .app-sidebar .ui-panel-inner .ui-btn:hover:not(.ui-btn-active) {
    color:  /*@sidebar.full.text.hover,@theme.text.hover*/ #fff;
}

.app-desktop .app-sidebar .app-has-droparrow:hover:not(.ui-btn-active)::after {
    border-top-color:  /*@sidebar.full.text.hover,@theme.text.hover*/ #fff;
}

.app-sidebar .ui-panel-inner .ui-btn.ui-btn-active {
    color:  /*@sidebar.full.text.active,@theme.text.active*/ #eee;
}

.app-sidebar .app-has-droparrow.ui-btn-active::after {
    border-top-color:  /*@sidebar.full.text.active,@theme.text.active*/ #eee;
}

.app-sidebar .app-item-desc,
.app-sidebar .ui-panel-inner .ui-li-static.app-wrap,
.app-sidebar .app-calendar-plugin table tr:not(.ui-btn-active) td.app-prev-month,
.app-sidebar .app-calendar-plugin table tr:not(.ui-btn-active) td.app-next-month,
.app-sidebar .app-calendar-plugin table tr:not(.ui-btn-active) td.app-day-unselectable {
    color:  /*@sidebar.full.text.static*/ #C3DBE9;
}

.app-sidebar .ui-btn:not(.ui-btn-active) .app-icon.material-icon.material-icon-chevron-right {
    color:  /*@sidebar.full.text.static*/ #C3DBE9!important;
}

.app-desktop .app-sidebar .ui-btn:not(.ui-btn-active):not(.app-selected):hover,
.app-desktop .app-sidebar .app-calendar-plugin table tr:not(.ui-btn-active) td:hover:not(.ui-btn-active):not(.app-day-unselectable) {
    background-color:  /*@sidebar.full.hoverBackground,@theme.background.hover*/  rgba(0,0,0,0.05);
}

.app-bar-toolbar-bottom .ui-btn:before,
.app-bar-toolbar-bottom .ui-btn:after,
.app-bar-toolbar-bottom .ui-btn .app-icon,
.app-bar-toolbar-bottom .ui-btn .app-icon:before,
.app-bar-toolbar-bottom .ui-btn .app-icon:after {
    color:  /*@sidebar.full.icon.default,@theme.icon.light*/ #fff;
}

.app-desktop .app-bar-toolbar-bottom .ui-btn.app-btn-settings:hover:not(.ui-btn-active),
.app-desktop .app-bar-toolbar-bottom .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop .app-bar-toolbar-bottom .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop .app-bar-toolbar-bottom .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop .app-bar-toolbar-bottom .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop .app-bar-toolbar-bottom .ui-btn:hover:not(.ui-btn-active) .app-icon:after {
    color:  /*@sidebar.full.icon.hover,@theme.icon.hover*/ #eee;
}

.app-bar-toolbar-bottom .ui-btn.app-btn-settings.ui-btn-active,
.app-bar-toolbar-bottom .ui-btn.ui-btn-active:before,
.app-bar-toolbar-bottom .ui-btn.ui-btn-active:after,
.app-bar-toolbar-bottom .ui-btn.ui-btn-active .app-icon,
.app-bar-toolbar-bottom .ui-btn.ui-btn-active .app-icon:before,
.app-bar-toolbar-bottom .ui-btn.ui-btn-active .app-icon:after {
    color:  /*@sidebar.full.icon.active,@theme.icon.active*/ #eee;
}

.app-bar-toolbar-bottom.app-has-icons .ui-btn.app-btn-settings,
.app-bar-toolbar-bottom.app-has-icons .ui-btn:before,
.app-bar-toolbar-bottom.app-has-icons .ui-btn:after,
.app-bar-toolbar-bottom.app-has-icons .ui-btn .app-icon,
.app-bar-toolbar-bottom.app-has-icons .ui-btn .app-icon:before,
.app-bar-toolbar-bottom.app-has-icons .ui-btn .app-icon:after {
    color:  /*@sidebar.full.toolbar.icon.default, @sidebar.full.icon.default,@theme.icon.default*/ #fff;
}

.app-desktop .app-bar-toolbar-bottom.app-has-icons .ui-btn.app-btn-settings:hover:not(.ui-btn-active),
.app-desktop .app-bar-toolbar-bottom.app-has-icons .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop .app-bar-toolbar-bottom.app-has-icons .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop .app-bar-toolbar-bottom.app-has-icons .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop .app-bar-toolbar-bottom.app-has-icons .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop .app-bar-toolbar-bottom.app-has-icons .ui-btn:hover:not(.ui-btn-active) .app-icon:after {
    color:  /*@sidebar.full.toolbar.icon.hover, @sidebar.full.icon.hover,@theme.icon.hover*/ #eee;
}

.app-bar-toolbar-bottom.app-has-icons .ui-btn.app-btn-settings.ui-btn-active,
.app-bar-toolbar-bottom.app-has-icons .ui-btn.ui-btn-active:before,
.app-bar-toolbar-bottom.app-has-icons .ui-btn.ui-btn-active:after,
.app-bar-toolbar-bottom.app-has-icons .ui-btn.ui-btn-active .app-icon,
.app-bar-toolbar-bottom.app-has-icons .ui-btn.ui-btn-active .app-icon:before,
.app-bar-toolbar-bottom.app-has-icons .ui-btn.ui-btn-active .app-icon:after {
    color:  /*@sidebar.full.toolbar.icon.active, @sidebar.full.icon.active,@theme.icon.active*/ #eee;
}

/*sidebar.mini*/
.app-has-minisidebar-left .app-sidebar {
    background-color:  /*@sidebar.mini.background,@sidebar.full.background,@theme.background.4*/ #206090;
    border-color:  /*@sidebar.mini.border,@sidebar.full.border,@theme.border.4*/ #206090;
}

    .app-has-minisidebar-left .app-sidebar .ui-li-static {
        background-color:  /*@sidebar.mini.contentBackground,@sidebar.mini.background,@sidebar.full.contentBackground,@sidebar.full.background,@theme.background.1*/ #206090;
        border-color:  /*@sidebar.mini.border,@sidebar.full.border,@theme.border.1*/ #206090;
    }

    .app-has-minisidebar-left .app-sidebar .ui-li-divider:not(.app-list-instruction) {
        background-color:  /*@sidebar.mini.border,@sidebar.full.border,@theme.border.4*/ #206090;
        display: none;
    }

    .app-has-minisidebar-left .app-sidebar .ui-btn,
    .app-has-minisidebar-left .app-sidebar .ui-btn:before,
    .app-has-minisidebar-left .app-sidebar .ui-btn:after,
    .app-has-minisidebar-left .app-sidebar .ui-btn .app-icon,
    .app-has-minisidebar-left .app-sidebar .ui-btn .app-icon:before,
    .app-has-minisidebar-left .app-sidebar .ui-btn .app-icon:after {
        color:  /*@sidebar.mini.icon.default,@sidebar.full.icon.default,@theme.icon.light*/ #fff;
    }

.app-desktop.app-has-minisidebar-left .app-sidebar .ui-btn:hover:not(.ui-btn-active),
.app-desktop.app-has-minisidebar-left .app-sidebar .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop.app-has-minisidebar-left .app-sidebar .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop.app-has-minisidebar-left .app-sidebar .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop.app-has-minisidebar-left .app-sidebar .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop.app-has-minisidebar-left .app-sidebar .ui-btn:hover:not(.ui-btn-active) .app-icon:after {
    color:  /*@sidebar.mini.icon.hover,@sidebar.full.icon.hover,@theme.icon.hover*/ #eee;
}

.app-has-minisidebar-left .app-sidebar .ui-btn.ui-btn-active,
.app-has-minisidebar-left .app-sidebar .ui-btn.ui-btn-active:before,
.app-has-minisidebar-left .app-sidebar .ui-btn.ui-btn-active:after,
.app-has-minisidebar-left .app-sidebar .ui-btn.ui-btn-active .app-icon,
.app-has-minisidebar-left .app-sidebar .ui-btn.ui-btn-active .app-icon:before,
.app-has-minisidebar-left .app-sidebar .ui-btn.ui-btn-active .app-icon:after {
    color:  /*@sidebar.mini.icon.active,@sidebar.full.icon.active,@theme.icon.active*/ #eee;
}

.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn:not(.ui-btn-active):before,
.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn:not(.ui-btn-active):after,
.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn:not(.ui-btn-active) .app-icon,
.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn:not(.ui-btn-active) .app-icon:before,
.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn:not(.ui-btn-active) .app-icon:after {
    color:  /*@sidebar.mini.toolbar.icon.default, @sidebar.mini.icon.default,@sidebar.full.toolbar.icon.default, @sidebar.full.icon.default,@theme.icon.default*/ #fff;
}

.app-desktop.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn:hover:not(.ui-btn-active) .app-icon:after {
    color:  /*@sidebar.mini.toolbar.icon.hover, @sidebar.mini.icon.hover,@sidebar.full.toolbar.icon.hover, @sidebar.full.icon.hover,@theme.icon.hover*/ #eee;
}

.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn.ui-btn-active:before,
.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn.ui-btn-active:after,
.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn.ui-btn-active .app-icon,
.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn.ui-btn-active .app-icon:before,
.app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons .ui-btn.ui-btn-active .app-icon:after {
    color:  /*@sidebar.mini.toolbar.icon.active, @sidebar.mini.icon.active,@sidebar.full.toolbar.icon.active, @sidebar.full.icon.active,@theme.icon.active*/ #eee;
}

.app-desktop .app-has-minisidebar-left .ui-btn:not(.ui-btn-active):not(.app-selected):hover,
.app-desktop .app-has-minisidebar-left .app-calendar-plugin table tr:not(.ui-btn-active) td:hover:not(.ui-btn-active):not(.app-day-unselectable) {
    background-color:  /*@sidebar.mini.hoverBackground,@sidebar.full.hoverBackground,@theme.background.hover*/  rgba(0,0,0,0.05);
}

.app-has-minisidebar-left .app-bar-toolbar-bottom {
    border-color:  /*@sidebar.mini.border,@sidebar.full.border, @theme.border.5*/ #206090;
    background-color:  /*@sidebar.mini.background,@sidebar.full.background,@theme.background.5*/ #206090;
}

    .app-has-minisidebar-left .app-bar-toolbar-bottom.app-has-icons {
        border-color:  /*@sidebar.mini.toolbar.border, @sidebar.mini.border,@sidebar.full.toolbar.border, @sidebar.full.border, @theme.border.5*/ #206090;
        background-color:  /*@sidebar.mini.toolbar.background, @sidebar.mini.background,@sidebar.full.toolbar.background, @sidebar.full.background, @theme.background.5*/ #206090;
    }

    .app-has-minisidebar-left .app-bar-toolbar-bottom .ui-btn.app-selected:not(.ui-btn-active)::before {
        background-color:  /*@sidebar.mini.toolbar.selectedColor, @sidebar.mini.selectedColor,@sidebar.full.toolbar.selectedColor, @sidebar.full.selectedColor,@header.background*/ #fff;
    }

.app-has-minisidebar-left .app-sidebar .app-option-selected:before {
    background-color:  /*@sidebar.mini.selectedColor,@sidebar.full.selectedColor,@header.background*/ #fff;
}

/*panels/popups*/
div[data-role="panel"] .ui-btn:before,
div[data-role="panel"] .ui-btn:after,
div[data-role="panel"] .ui-btn .app-icon,
div[data-role="panel"] .ui-btn .app-icon:before,
div[data-role="panel"] .ui-btn .app-icon:after,
.ui-popup .ui-btn:before,
.ui-popup .ui-btn:after,
.ui-popup .ui-btn .app-icon,
.ui-popup .ui-btn .app-icon:before,
.ui-popup .ui-btn .app-icon:after,
.app-bar-notify .ui-btn,
.app-item-state.material-icon {
    color:  /*@panel.icon.default,@theme.icon.light*/ #4188B4;
}

.ui-listview .app-avatar .app-icon-avatar {
    border-color:  /*@panel.icon.default*/ #4188B4;
}


.app-desktop div[data-role="panel"] .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop div[data-role="panel"] .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop div[data-role="panel"] .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop div[data-role="panel"] .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop div[data-role="panel"] .ui-btn:hover:not(.ui-btn-active) .app-icon:after,
.app-desktop .ui-popup .ui-btn:hover:not(.ui-btn-active):before,
.app-desktop .ui-popup .ui-btn:hover:not(.ui-btn-active):after,
.app-desktop .ui-popup .ui-btn:hover:not(.ui-btn-active) .app-icon,
.app-desktop .ui-popup .ui-btn:hover:not(.ui-btn-active) .app-icon:before,
.app-desktop .ui-popup .ui-btn:hover:not(.ui-btn-active) .app-icon:after {
    color:  /*@panel.icon.hover,@theme.icon.hover*/ #316687;
}

/* tabbar (bottom tabs) */

.app-bar-tabs ul li.app-selected span,
.app-bar-tabs ul li.app-selected .app-icon {
    color:  /*@buttons.tabbar.icon.default,@panel.icon.default,@theme.icon.default*/ #4188B4;
}


.ui-listview .app-avatar:hover:not(.ui-btn-active) .app-icon-avatar {
    border-color:  /*@panel.icon.hover,@theme.icon.hover*/ #316687;
}

div[data-role="panel"] .ui-btn.ui-btn-active:before,
div[data-role="panel"] .ui-btn.ui-btn-active:after,
div[data-role="panel"] .ui-btn.ui-btn-active .app-icon,
div[data-role="panel"] .ui-btn.ui-btn-active .app-icon:before,
div[data-role="panel"] .ui-btn.ui-btn-active .app-icon:after,
.ui-popup .ui-btn.ui-btn-active:before,
.ui-popup .ui-btn.ui-btn-active:after,
.ui-popup .ui-btn.ui-btn-active .app-icon,
.ui-popup .ui-btn.ui-btn-active .app-icon:before,
.ui-popup .ui-btn.ui-btn-active .app-icon:after {
    color:  /*@panel.icon.hover,@theme.icon.hover*/ #316687;
}

.ui-listview .app-avatar.ui-btn-active .app-icon-avatar {
    border-color:  /*@panel.icon.active,@theme.icon.active*/  #fff;
}

.ui-popup .ui-btn-icon-notext.ui-btn-active:before,
.ui-popup .ui-btn-icon-notext.ui-btn-active:after,
.ui-popup .ui-btn-icon-notext.ui-btn-active .app-icon,
.ui-popup .ui-btn-icon-notext.ui-btn-active .app-icon:before,
.ui-popup .ui-btn-icon-notext.ui-btn-active .app-icon:after {
    color:  /*@panel.icon.active,@theme.icon.active*/  #000;
}

div[data-role="panel"] .app-item-tile .ui-btn.app-item-selected:not(.ui-btn-active),
div[data-role="panel"] .app-item-tile .ui-btn.app-item-selected:not(.ui-btn-active) .app-icon::after,
div[data-role="panel"] .app-item-tile .ui-btn.app-item-selected:not(.ui-btn-active) .app-icon::before,
div[data-role="panel"] .app-item-tile .ui-btn.app-item-selected:not(.ui-btn-active) .app-icon {
    color:  /*@panel.tile.selected,@theme.icon.active*/  #000;
}

/*buttons.form*/
.app-bar-buttons .ui-btn {
    color:  /*@buttons.form.text.default,@theme.icon.default,@theme.text.default*/  #333;
}

.app-desktop .app-bar-buttons .ui-btn:hover:not(.ui-btn-active) {
    color:  /*@buttons.form.text.hover,@theme.text.hover*/  #333;
}

.app-bar-buttons .ui-btn.ui-btn-active {
    color:  /*@buttons.form.text.active,@theme.text.active*/  #333;
}

[data-layout="form"] .app-icon {
    color:  /*@buttons.form.icon.default,@buttons.form.text.default*/  #555;
}

.app-desktop .ui-btn:not(.ui-btn-active):not(.app-btn-float):hover .app-icon {
    color:  /*@panel.icon.hover,@buttons.form.icon.hover,@buttons.form.text.hover,@theme.icon.hover*/ #316687;
}

.app-desktop [data-layout="form"] .app-icon:hover:not(.ui-btn-active),
.app-desktop .app-control-inner .app-field-object-ref:not(.ui-btn-active):hover,
.app-desktop .ui-btn:hover:not(.ui-btn-active)::after,
.app-desktop .ui-btn:hover:not(.ui-btn-active) .glyphicon::before,
.app-desktop .app-bar-actions h3:hover::after,
.app-desktop .app-echo .app-echo-toolbar h3:hover::after,
.app-desktop .app-echo .app-echo-toolbar > .app-echo-see-all:hover,
.app-desktop .app-echo .app-echo-toolbar > .app-echo-see-all:hover .app-icon {
    color:  /*@buttons.form.icon.hover,@buttons.form.text.hover,@theme.icon.hover*/  #000;
}

[data-layout="form"] .app-icon.ui-btn-active {
    color:  /*@buttons.form.icon.active,@buttons.form.text.active,@theme.icon.active*/  #38c;
}

[data-input="radiobuttonlist"] .app-data-list li::before,
[data-input="radiobuttonlist"] .app-data-list li.app-selected::after,
[data-input] .app-data-list li.app-selected,
[data-input="checkboxlist"] .app-data-list li.app-selected::after {
    border-color:  /*@buttons.form.icon.active,@form.tabColor,@header.background*/ #206090;
}

[data-input="checkboxlist"] .app-data-list li.app-selected::after {
    background-color:  /*@buttons.form.icon.active,@form.tabColor,@header.background*/ #206090;
}

/*modal*/
.app-page-modal-background {
    /*background-color:*/ /*@modal.background,@theme.background.transparent2*/ /*rgba(0,0,0,.3);*/
    /*BP-716 AXE Ada - Issue Changes*/
    color: #000000;
    background-color: transparent;
    font-size: 10pt;
    font-weight: normal;
}

.app-has-modal-glass-pane-partial .app-page-modal-background,
.app-has-modal-glass-pane-transparent .app-page-modal-background {
    background-color:  /*@modal.background,@theme.background.transparent*/  rgba(0,0,0,.5);
}

.app-page-modal-glass-pane {
    background-color:  /*@modal.background,@theme.background.transparent3,@theme.background.transparent2*/  rgba(0,0,0,.3);
    color: #000000;
    /*background-color: #606b72;*/
    font-size: 9.0pt;
    font-weight: normal;
}

.app-page-modal-title,
.ui-page.app-page-modal .app-page-header,
.ui-page.app-page-modal .ui-header.ui-header-fixed.app-bar-actions {
    background-color:  /*@modal.header.background, @header.background*/ #C3DBE9;
}

/*system*/
.app-has-depth .ui-btn.app-item-selected,
.app-has-depth .ui-btn.app-item-selected:hover:not(.ui-btn-active),
.ui-popup .app-has-depth .app-item-selected:not(:hover):not(.ui-btn-active):not(.app-checked),
.ui-popup .app-has-depth .app-item-selected:hover:not(.ui-btn-active) {
    background-color:  /*@system.selectedBackground,@theme.background.hover*/  rgba(0,0,0,.075);
}

.app-bar-toolbar .app-back-text {
    max-width:  /*@system.backTextMaxWidth*/  50%;
}

.app-desktop .ui-btn:not(.ui-btn-active):not(.app-selected):not(.app-calculated):hover,
.app-desktop .app-btn-promo:not(.ui-btn-active):not(.app-selected):hover:after,
.app-desktop .app-calendar-plugin table td:hover:not(.ui-btn-active):not(.app-day-unselectable),
.app-desktop [data-layout="form"] .app-control-toolbar > i:hover:not(.app-active):not(.app-disabled),
.app-desktop [data-layout="form"] .app-control-toolbar > .app-has-droparrow:hover,
.app-desktop .app-bar-actions h3:hover,
.app-desktop .app-echo .app-echo-toolbar h3:hover,
.dv-action-see-all .app-btn-prev.ui-btn-active,
.dv-action-see-all .app-btn-next.ui-btn-active,
.app-group .app-group-path.ui-btn-active,
.app-group .app-group-title.ui-btn-active,
.app-desktop .dv-action-see-all .app-btn-prev:not(.app-btn-disabled):hover,
.app-desktop .dv-action-see-all .app-btn-next:not(.app-btn-disabled):hover,
.app-desktop .dv-action-see-all .app-info:hover {
    background-color:  /*@system.hoverBackground,@theme.background.hover*/  rgba(0,0,0,0.05);
}

.dataview-busy-indicator {
    background-color:  /*@system.busyIndicator*/ #eb5200;
}

.app-option-selected::before,
.app-item-selected::before,
.app-listview .app-selected.ui-btn::before {
    background-color:  /*@system.select.bar,@buttons.menu.background,@header.background*/ #777;
}

/* tabs */

.app-desktop .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected):hover {
    background-color: transparent;
}

.app-tabs .ui-btn.app-tab-active,
.app-tabs .ui-btn.ui-btn-active {
    color: #fff;
    background-color:  /*@form.tabColor, @header.background*/ #206090;
}

.app-tabs .ui-btn,
.app-tabs .ui-btn.app-tab-active,
.app-tabs .ui-btn.ui-btn-active,
body:not(.app-desktop) .app-tabs .ui-btn,
.app-desktop .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected):hover {
    border-color:  /*@form.tabColor, @header.background*/ #206090;
}

    .app-tabs .ui-btn:not(.ui-btn-active) {
        color:  /*@form.tabColor, @header.background*/ #206090;
        background-color:  /*@theme.background.1*/  #fff;
    }

/* status bar */
.app-status-bar .Segment.Current,
.app-status-bar .Segment.Current span.Inner::after,
.app-status-bar .Segment.Current span.Self {
    border-color:  /*@buttons.wizard.border,@header.border*/ #bbb;
    background-color:  /*@buttons.wizard.background,@header.background*/ #C3DBE9;
    color:  /*@buttons.wizard.text.default,@header.text.default*/ #10222D;
}

.app-status-bar .Segment.First.Current,
.app-status-bar .Segment.PastToCurrent span.Inner::after {
    border-color:  /*@buttons.wizard.border,@header.border*/ #bbb;
}

.app-page-modal-centered {
    box-shadow:  /*@theme.boxShadow.modalActive*/  0px 0px 10px 5px rgba(0,0,0,0.4);
}

body:not(.app-has-sidebar-left) .ui-page:not([data-page-header='false']) .app-bar-heading,
.app-page-modal:not([data-page-header='false']) .app-bar-heading {
    border-top-color:  /*@theme.background.3*/  #ddd;
}

.app-desktop .app-bar-search + .app-bar-history li[data-text]:hover {
    background-color:  /*@theme.background.3*/  #f1f1f1;
}

.app-echo .dv-action-see-all .app-btn-see-all:after,
.app-echo .dv-action-see-all .app-btn-next::after {
    background-color:  /*@theme.background.3*/  #ddd;
}

.app-drop-box,
[data-input="checkbox"] .app-checkbox-button {
    background-color:  /*@theme.background.1*/  #fff;
    border-color:  /*@theme.text.light*/  #c0c0c0;
}

[data-input="checkbox"] .app-checkbox-container,
[data-input="checkbox"] .app-checkbox-container.app-checkbox-on .app-checkbox-button {
    border-color:  /*@theme.text.light*/  #c0c0c0;
}

.app-desktop .app-drop-box:focus,
.app-desktop .app-checkbox-container:focus .app-checkbox-button {
    background-color:  /*@theme.background.3*/  #f0f0f0;
}

.app-bar-notify.app-bar-notify-transparent.app-bar-notify-left,
.app-bar-notify.app-bar-notify-transparent.app-bar-notify-center {
    opacity:  /*@theme.background.opacity*/  0.75;
}

.app-data-list li.app-focus {
    outline-color:  /*@theme.background.3*/  #000;
}

[data-input="radiobuttonlist"] .app-data-list li::after,
[data-input="checkboxlist"] .app-data-list li::after {
    border-color:  /*@theme.input.button.border*/  rgba(0,0,0,.3);
}


[data-input] .app-control-helper ul li {
    border-color:  /*@theme.background.3*/  #ddd;
}

/* bootstrap */

.app-bootstrap.app-page-content {
    background-color:  /*@theme.background.1*/  #fff;
    border-color:  /*@theme.border.1*/  #bbb;
    color:  /*@theme.text.default*/  #333;
}

.app-bootstrap .jumbotron {
    background-color:  /*@theme.background.4*/  #f1f1f1;
}

.app-bootstrap.app-page-content .panel {
    background-color:  /*@theme.background.1*/  #fff;
    color:  /*@theme.text.default*/  #333;
}

.panel:not(.panel-success):not(.panel-warning):not(.panel-default):not(.panel-danger):not(.panel-info) {
    border-color:  /*@theme.border.1*/  transparent;
}

.app-bootstrap.app-page-content hr,
.app-bootstrap.app-page-content .page-header {
    border-color:  /*@theme.border.1*/  #eee;
}


.app-bootstrap .navbar-default {
    background-color:  /*@theme.background.3*/  #f8f8f8;
    border-color:  /*@theme.border.3*/  #e7e7e7;
}

    .app-bootstrap .navbar-default .navbar-collapse,
    .app-bootstrap .navbar-default .navbar-form {
        border-color:  /*@theme.border.1*/  #e7e7e7;
    }

    .app-bootstrap .navbar-default .navbar-brand,
    .app-bootstrap:not(.app-desktop) .navbar-default .navbar-brand:hover,
    .app-bootstrap .navbar-default .navbar-text {
        color:  /*@theme.text.default*/  #777777;
    }

        .app-desktop .app-bootstrap .navbar-default .navbar-brand:hover,
        .app-bootstrap .navbar-default .navbar-brand:focus {
            color:  /*@theme.text.active*/  #5e5e5e;
        }

.app-bootstrap .navbar-inverse {
    background-color:  /*@theme.background.6*/  #222222;
    border-color:  /*@theme.border.6*/  #080808;
}

    .app-bootstrap .navbar-inverse .navbar-collapse,
    .app-bootstrap .navbar-inverse .navbar-form {
        border-color:  /*@theme.border.6*/  #e7e7e7;
    }

    .app-bootstrap .navbar-inverse .navbar-brand,
    .app-bootstrap:not(.app-desktop) .navbar-inverse .navbar-brand:hover,
    .app-bootstrap .navbar-inverse .navbar-text {
        color:  /*@theme.text.invert*/  #777777;
    }

        .app-desktop .app-bootstrap .navbar-inverse .navbar-brand:hover,
        .app-bootstrap .navbar-inverse .navbar-brand:focus {
            color:  /*@theme.text.invert*/  #5e5e5e;
        }

.app-bootstrap .well {
    background-color:  /*@theme.background.3*/  #f5f5f5;
    border-color:  /*@theme.border.3*/  #e3e3e3;
}

.app-bootstrap .table,
.app-bootstrap .table > thead > tr > th,
.app-bootstrap .table > tbody > tr > th,
.app-bootstrap .table > tfoot > tr > th,
.app-bootstrap .table > thead > tr > td,
.app-bootstrap .table > tbody > tr > td,
.app-bootstrap .table > tfoot > tr > td,
.app-bootstrap .list-group-item:not(.active) {
    border-color:  /*@theme.border.2*/  #ddd;
}

.app-bootstrap .table-striped > tbody > tr:nth-child(odd) > td,
.app-bootstrap .table-striped > tbody > tr:nth-child(odd) > th {
    background-color:  /*@theme.background.4*/  #f9f9f9;
}

.app-bootstrap .table > thead > tr > th,
.app-bootstrap .table > tbody > tr > th,
.app-bootstrap .table > tfoot > tr > th {
    color:  /*@theme.text.active*/  #000;
}

.app-bootstrap .page-header,
.app-bootstrap .nav-tabs {
    border-color:  /*@theme.border.1*/  #ddd;
}

    .app-bootstrap .nav-tabs > li.active > a,
    .app-bootstrap .nav-tabs > li.active > a:hover {
        background-color:  /*@theme.border.1*/  #ddd;
        border-color:  /*@theme.border.1*/  #ddd;
        color:  /*@theme.text.default*/  #555;
    }

.app-bootstrap .progress {
    background-color:  /*@theme.background.2*/  #f5f5f5;
}

.app-bootstrap .list-group-item:not(.active) {
    background-color:  /*@theme.background.1*/  #fff;
    color:  /*@theme.text.light*/  #555;
}

.app-bootstrap a.list-group-item:not(.active):hover {
    background-color:  /*@theme.background.2*/  #f5f5f5;
    color:  /*@theme.text.light*/  #555;
}

.app-bootstrap a.list-group-item .list-group-item-heading {
    color:  /*@theme.text.default*/  #333;
}

.app-bootstrap .btn-default,
.app-bootstrap .btn-default:visited,
body:not(.app-desktop) .app-bootstrap .btn-default:hover,
.app-bootstrap .panel-default > .panel-heading {
    background-color:  /*@theme.content.button.background*/  #fff;
    border-color:  /*@theme.content.button.border*/  #ccc;
    color:  /*@theme.content.button.color*/  #333;
}

    .app-desktop .app-bootstrap .btn-default:hover,
    .app-bootstrap .btn-default:focus,
    .app-bootstrap .btn-default:active,
    .app-bootstrap .btn-default.active,
    .app-bootstrap .open > .dropdown-toggle.btn-default {
        background-color:  /*@theme.content.button.hover*/  #e6e6e6;
        border-color:  /*@theme.content.button.border*/  #ccc;
        color:  /*@theme.content.button.color*/  #333;
    }

.app-bootstrap .form-control {
    color:  /*@theme.text.default*/  #555555;
    background-color:  /*@theme.background.1*/  #ffffff;
    border-color:  /*@theme.border.2*/  #cccccc;
}

.app-bootstrap .panel-default,
.app-bootstrap .panel-default > .panel-heading {
    border-color:  /*@theme.content.button.border*/  #dddddd;
}

    .app-bootstrap .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color:  /*@theme.content.button.border*/  #dddddd;
    }

    .app-bootstrap .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color:  /*@theme.content.button.border*/  #dddddd;
    }


/* end of bootstrap */

.app-echo .app-echo-toolbar > .app-echo-see-all.ui-btn-active,
.app-desktop .app-echo .app-echo-toolbar > .app-echo-see-all:hover {
    background-color:  /*@theme.background.hover*/  rgba(0,0,0,0.05);
}

.app-echo .app-echo-toolbar > .app-echo-see-all.ui-btn-active {
    color:  /*@theme.text.default*/  #000;
}

.app-group .app-group-title.ui-btn-active, .app-group .app-group-path.ui-btn-active,
.app-bar-heading .app-bar-text .app-group {
    color:  /*@theme.text.default*/  #000;
}

.ui-listview .app-group {
    background-color:  /*@theme.background.0*/  #e9e9e9;
}

.app-filter,
.app-desktop .app-listview .app-field span[data-href]:hover,
.app-desktop .app-listview .app-field[data-href]:hover,
.app-desktop [data-state="read"] .app-control-inner[data-href]:hover,
li .app-text-normal,
.app-bar-search + .app-bar-history li b,
.app-desktop .app-bar-search + .app-bar-history li b {
    color:  /*@theme.filter.text,@header.background*/ #306688;
}

.app-page-modal:not(.ui-page-active) .app-page-modal-title .app-btn::after {
    color:  /*@header.icon.disabled*/ rgba(0,0,0,.2);
}

.app-page-modal:not(.ui-page-active) .app-bar-buttons .ui-btn {
    color:  /*@theme.input.button.disabled*/  rgba(0,0,0,.4);
}

[data-input="checkbox"] .app-checkbox-container.app-checkbox-on {
    background-color:  /*@system.select.bar,@buttons.menu.background,@header.background*/ #777;
    border-color:  /*@system.select.bar,@buttons.menu.background,@header.background*/ #777;
}

.app-focus-frame,
.app-custom-density-disabled.app-page-inlineeditor {
    outline-color:  /*@panel.icon.default,@theme.icon.light*/ #4188B4;
}

.app-field-is-selected2::after {
    background-color:  /*@system.select.bar,@buttons.menu.background,@header.background,@panel.icon.default,@theme.icon.light*/ #777;
}


[data-control][data-field].app-focus::before {
    border-color:  /*@text.light*/  #555;
}

.app-field-is-selected {
    color:  /*@system.select.text,@system.select.bar,@buttons.menu.background,@header.background,@panel.icon.default,@theme.icon.light*/ #777;
}

.app-row-status-error::after {
    color:  /*@system.select.bar,@buttons.menu.background,@header.background,@panel.icon.default,@theme.icon.light*/ #777;
}

.app-page-inlineeditor-overlay [data-layout="form"],
.app-page-inlineeditor-overlay .app-data-input-button,
.app-page-inlineeditor-overlay .app-wrapper {
    background-color:  /*@theme.background.0*/  #fff;
}