/*****************************/
/*   Shared                  */
/*****************************/

/* grey drop icon - #777777 */
.app-theme-lichen .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-municipal .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-social .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-yoshi .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2070%2040%22%20enable-background%3D%22new%200%200%2070%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23777777%22%20stroke%3D%22%23777777%22%20stroke-miterlimit%3D%2210%22%20points%3D%221.3%2C1.5%2035.1%2C39.1%2069%2C1.5%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

/* grey drop icon - #cccccc */
.app-theme-darkknight .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-classic .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-cay .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-azure .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-lichen .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-municipal .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-social .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-yoshi .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2070%2040%22%20enable-background%3D%22new%200%200%2070%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23cccccc%22%20stroke%3D%22%23cccccc%22%20stroke-miterlimit%3D%2210%22%20points%3D%221.3%2C1.5%2035.1%2C39.1%2069%2C1.5%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

/* grey drop icon - #333333 */
.app-theme-aquarium .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-belltown .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-berry .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-bittersweet .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-citrus .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-granite .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-grapello .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-laminate .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-plastic .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-summer .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-vantage .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-verdant .app-menu-strip a.ui-btn.app-has-children:not(.ui-btn-active)::after {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2070%2040%22%20enable-background%3D%22new%200%200%2070%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23333333%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20points%3D%221.3%2C1.5%2035.1%2C39.1%2069%2C1.5%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

/* white drop icon*/
.app-theme-azure .app-menu-strip a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-azure .app-menu-strip a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
.app-theme-cay .app-menu-strip a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-cay .app-menu-strip a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
.app-theme-classic .app-menu-strip a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-classic .app-menu-strip a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
.app-theme-darkknight .app-menu-strip a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-darkknight .app-menu-strip a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
.app-theme-lichen .app-menu-strip a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-lichen .app-menu-strip a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
.app-theme-municipal .app-menu-strip a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-municipal .app-menu-strip a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
.app-theme-social .app-menu-strip a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-social .app-menu-strip a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
.app-theme-yoshi .app-menu-strip a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-yoshi .app-menu-strip a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2070%2040%22%20enable-background%3D%22new%200%200%2070%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23FFFFFF%22%20stroke-miterlimit%3D%2210%22%20points%3D%221.3%2C1.5%2035.1%2C39.1%2069%2C1.5%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

/* black drop icon */
.app-theme-azure .app-echo-toolbar a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-azure .app-echo-toolbar a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-cay .app-echo-toolbar a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-cay .app-echo-toolbar a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-classic .app-echo-toolbar a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-classic .app-echo-toolbar a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-darkknight .app-echo-toolbar a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-darkknight .app-echo-toolbar a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-lichen .app-echo-toolbar a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-lichen .app-echo-toolbar a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-municipal .app-echo-toolbar a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-municipal .app-echo-toolbar a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-social .app-echo-toolbar a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-social .app-echo-toolbar a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-yoshi .app-echo-toolbar a.ui-btn.app-has-children:not(.ui-btn-active)::after,
.app-theme-yoshi .app-echo-toolbar a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-bittersweet .app-menu-strip a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-bittersweet .app-menu-strip a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
.app-theme-belltown a.ui-btn.app-has-children.ui-btn-active::after,
.app-theme-aquarium a.ui-btn.app-has-children.ui-btn-active::after,
.app-theme-citrus a.ui-btn.app-has-children.ui-btn-active::after,
.app-theme-citrus a.ui-btn.app-has-children.app-selected::after,
.app-theme-citrus a.ui-btn.app-has-children:hover::after,
.app-theme-classic a.ui-btn.app-has-children.ui-btn-active::after,
.app-theme-summer a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
.app-theme-summer a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-theme-verdant a.ui-btn.app-has-children.ui-btn-active::after,
.app-theme-verdant a.ui-btn.app-has-children:hover::after {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2070%2040%22%20enable-background%3D%22new%200%200%2070%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20points%3D%221.3%2C1.5%2035.1%2C39.1%2069%2C1.5%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}


/*black dots*/
.app-theme-aquarium .ui-btn.ui-btn-active .app-btn-more,
.app-theme-aquarium .ui-btn .app-btn-more.ui-btn-active,
.app-theme-aquarium .ui-btn.app-btn-more.ui-btn-active::after,
.app-theme-aquarium .ui-btn.app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-azure .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-belltown .ui-btn.ui-btn-active .app-btn-more,
.app-theme-belltown .ui-btn .app-btn-more.ui-btn-active,
.app-theme-belltown .ui-btn.app-btn-more.ui-btn-active::after,
.app-theme-belltown .ui-btn.app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-bittersweet .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-citrus .ui-btn.app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-citrus .ui-btn.ui-btn-active .app-btn-more,
.app-theme-citrus .ui-btn .app-btn-more.ui-btn-active,
.app-theme-citrus .ui-btn.app-btn-more.ui-btn-active::after,
.app-theme-classic .ui-btn.app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-classic .ui-btn.ui-btn-active .app-btn-more,
.app-theme-classic .ui-btn .app-btn-more.ui-btn-active,
.app-theme-classic .ui-btn.app-btn-more.ui-btn-active::after,
.app-theme-construct .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-convention .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-felt .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-graham .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-granite .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-grapello .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-gravity .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-laminate .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-lichen .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-mission .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-modernrose .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-municipal .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-petal .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-pinnate .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-plastic .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-ricasso .ui-btn:not(.ui-btn-active) .app-btn-more:not(.ui-btn-active),
.app-theme-ricasso .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-simple .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-summer .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-vantage .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-verdant .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-viewpoint .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-theme-whitesmoke .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%20300%20100%22%20enable-background%3D%22new%200%200%20300%20100%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Ccircle%20fill%3D%22%23000000%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2225%22/%3E%0D%0A%3Ccircle%20fill%3D%22%23000000%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22150%22%20cy%3D%2248%22%20r%3D%2225%22/%3E%0D%0A%3Ccircle%20fill%3D%22%23000000%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22250%22%20cy%3D%2250%22%20r%3D%2225%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

/* black vdots*/
.app-android.app-theme-aquarium .ui-btn.ui-btn-active .app-btn-more,
.app-android.app-theme-aquarium .ui-btn .app-btn-more.ui-btn-active,
.app-android.app-theme-aquarium .ui-btn.app-btn-more.ui-btn-active::after,
.app-android.app-theme-aquarium .ui-btn.app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-aquarium .ui-btn-a.ui-btn-active.app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-azure .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-belltown .ui-btn.app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-belltown .ui-btn.ui-btn-active.app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-bittersweet .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-citrus .ui-btn.app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-citrus .ui-btn.ui-btn-active .app-btn-more,
.app-android.app-theme-citrus .ui-btn .app-btn-more.ui-btn-active,
.app-android.app-theme-citrus .ui-btn.app-btn-more.ui-btn-active::after,
.app-android.app-theme-classic .ui-btn.app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-classic .ui-btn.ui-btn-active.app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-classic .ui-btn.ui-btn-active .app-btn-more,
.app-android.app-theme-classic .ui-btn .app-btn-more.ui-btn-active,
.app-android.app-theme-classic .ui-btn.app-btn-more.ui-btn-active::after,
.app-android.app-theme-construct .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-convention .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-felt .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-graham .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-granite .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-grapello .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-gravity .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-laminate .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-lichen .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-mission .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-modernrose .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-municipal .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-petal .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-pinnate .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-plastic .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-ricasso .ui-btn:not(.ui-btn-active) .app-btn-more:not(.ui-btn-active),
.app-android.app-theme-ricasso .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-simple .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-summer .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-vantage .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-verdant .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-viewpoint .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after,
.app-android.app-theme-whitesmoke .ui-btn:not(.ui-btn-active).app-btn-icon-transparent.ui-icon-dots::after {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%20100%20300%22%20enable-background%3D%22new%200%200%20100%20300%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Ccircle%20fill%3D%22%23000000%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2249%22%20cy%3D%2250%22%20r%3D%2225%22/%3E%0D%0A%3Ccircle%20fill%3D%22%23000000%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2251%22%20cy%3D%22150%22%20r%3D%2225%22/%3E%0D%0A%3Ccircle%20fill%3D%22%23000000%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2249%22%20cy%3D%22250%22%20r%3D%2225%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

/*********************************/
/* THEME: AQUARIUM              */
/*******************************/

.app-theme-aquarium,
.app-theme-aquarium .ui-page-theme-a {
    background-color: #fff;
    scrollbar-base-color: #cfe3fd;
    scrollbar-track-color: #83b0ec;
    scrollbar-arrow-color: #fff;
    scrollbar-shadow-color: #83b0ec;
}

    .app-theme-aquarium.app-desktop ::-webkit-scrollbar-track {
        background-color: #83b0ec;
    }

    .app-theme-aquarium.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #cfe3fd;
        border: solid 1px #83b0ec;
    }

        .app-theme-aquarium.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #bdd9fc;
        }

    .app-theme-aquarium .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-aquarium .ui-panel,
    .app-theme-aquarium .app-page-header,
    .app-theme-aquarium .app-status-bar {
        background-color: #83b0ec;
        border-color: #6f9dd9;
    }

    .app-theme-aquarium .app-page-header {
        color: #1f1f1f;
        background-color: #FFE6A0;
    }

    .app-theme-aquarium .app-status-bar {
        color: #000;
    }

    .app-theme-aquarium .app-form-editing.app-formview .app-static-text div,
    .app-theme-aquarium .app-page-menu-desc,
    .app-theme-aquarium .ui-checkbox label {
        text-shadow: none !important;
        /*color: #fff;*/
    }

    /*popup*/
    .app-theme-aquarium .app-popup-message,
    .app-theme-aquarium .ui-content.app-map-info {
        background-color: #83b0ec;
        border-color: #6f9dd9;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-aquarium .app-popup-message .ui-popup-arrow {
            background-color: #83b0ec;
        }

        .app-theme-aquarium .app-popup-message div {
            color: #83b0ec;
        }


    .app-theme-aquarium .ui-flipswitch-active a {
        color: #fff !important;
    }

    /* page header */
    .app-theme-aquarium .ui-bar-a,
    .app-theme-aquarium :not(.app-tabs).ui-header-fixed.ui-header {
        background-color: #83b0ec;
        border-color: #6f9dd9;
        text-shadow: none;
    }

    .app-theme-aquarium .app-bar-actions, .app-theme-aquarium .app-bar-header, .app-theme-aquarium .app-bar-footer {
        background-color: #F2F8FF !important;
        border-color: #C3DCFC !important;
    }

    .app-theme-aquarium .app-popup-listview .ui-popup-arrow,
    .app-theme-aquarium .app-popup-listview {
        background-color: #83b0ec !important;
        border-color: #83b0ec !important;
    }

    /* list dividers*/
    /*.app-theme-aquarium .ui-listview > .app-list-instruction.ui-li-divider
    {
        background-color:red;
    }
    
    .app-theme-aquarium ui-li-divider {
        background-color: #C3DCFC;
        border-color: #6f9dd9;
        color: #555;
        text-shadow: none;
    }*/

    .app-theme-aquarium ui-li-divider,
    .app-theme-aquarium .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        background-color: #83b0ec;
        border-color: #6f9dd9;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-aquarium .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-aquarium .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-aquarium .app-presenter-instruction,
    .app-theme-aquarium .app-grid-header .app-frozen-spacer {
        background-color: #E1EDFB !important;
        border-color: #C3DCFC !important;
        /*border-bottom-width:1px;*/ /* added border to list/grid header to add color separation*/
    }

    .app-theme-aquarium .ui-body-a,
    .app-theme-aquarium .ui-page-theme-a .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
        border-color: #6f9dd9;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-aquarium ul:not(.app-form-editing) .ui-field-contain {
        border-color: #C3DCFC !important;
    }

    .app-theme-aquarium .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-aquarium .ui-body-a.app-sidebar {
        background-color: #83b0ec;
    }

    .app-theme-aquarium.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-aquarium .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #6f9dd9;
    }

    .app-theme-aquarium .ui-li-divider.app-info {
        background-color: #fff !important;
    }

    /* fix for form "card" */
    .app-theme-aquarium .ui-page-theme-a .ui-body-inherit.app-li-card, .app-theme-aquarium .ui-li-divider[role="heading"]:not(.ui-bar-b) {
        border-color: #c3dcfc;
    }

    /*.app-theme-aquarium .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-aquarium .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }

    body:not(.app-sidebar-undocked).app-theme-aquarium .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-aquarium .app-sidebar,
    .app-theme-aquarium .app-divider:not(.app-calculated),
    .app-theme-aquarium .app-echo,
    .app-theme-aquarium .app-header {
        border-color: #6f9dd9 !important;
    }

    .app-theme-aquarium .app-bar-heading {
        background-color: #E1EDFB;
        /*color: white;*/
        text-shadow: none;
    }


    .app-theme-aquarium .app-page-header {
        border-color: #C3DCFC;
    }


    /*buttons*/
    .app-theme-aquarium .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-aquarium .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-aquarium .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-aquarium .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-aquarium .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-aquarium .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-aquarium .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-aquarium .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-aquarium .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-aquarium .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-aquarium .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-aquarium:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-aquarium .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-aquarium .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-aquarium .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-aquarium .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-aquarium .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-aquarium #app-welcome .ui-btn,
    .app-theme-aquarium #app-popup-login .ui-btn,
    .app-theme-aquarium .ui-datepicker .ui-state-highlight,
    .app-theme-aquarium .ui-listview .app-frozen-spacer {
        border-color: #C3DCFC;
    }

    .app-theme-aquarium .ui-body-b .ui-btn-a {
        border-color: #83b0ec !important;
    }

    .app-theme-aquarium.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #83b0ec !important;
    }

    .app-theme-aquarium .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-aquarium .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-aquarium .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-aquarium .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-aquarium .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-aquarium .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-aquarium .app-tabs.ui-header:not(.app-lookup),
    .app-theme-aquarium .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-aquarium .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-aquarium .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-aquarium .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-aquarium .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-aquarium .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-aquarium .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-aquarium #app-welcome .ui-btn:not(:hover),
    .app-theme-aquarium #app-popup-login .ui-btn:not(:hover),
    .app-theme-aquarium .app-map-info .ui-popup-arrow,
    .app-theme-aquarium .ui-datepicker .ui-datepicker-prev,
    .app-theme-aquarium .ui-datepicker .ui-datepicker-next,
    .app-theme-aquarium .ui-listview .app-frozen-spacer {
        color: #000;
        background-color: #F2F8FF;
    }

    /* top border of Info button in sidebar */
    .app-theme-aquarium .app-sidebar .ui-btn.ui-icon-info {
        border-color: #6f9dd9 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-aquarium .ui-panel-inner .ui-btn-a {
        color: #fff; /*#3d7fd5 !important;*/
    }

    /* subtext coloring*/
    .app-theme-aquarium .app-field-label-after,
    .app-theme-aquarium .app-field-label-before,
    .app-theme-aquarium .app-field-label,
    .app-theme-aquarium .ui-panel .app-item-desc,
    .app-theme-aquarium .ui-li-aside,
    .app-theme-aquarium .ui-btn .ui-li-aside,
    .app-theme-aquarium .app-grid-header,
    .app-theme-aquarium .app-panel-info-view .app-list-instruction,
    .app-theme-aquarium .app-filter,
    .app-theme-aquarium .app-calculated .app-static-text,
    .app-theme-aquarium .app-item-number {
        color: #3d7fd5 !important;
    }

    .app-theme-aquarium .ui-page-theme-b a:not(.ui-btn),
    .app-theme-aquarium .ui-bar-b a:not(.ui-btn),
    .app-theme-aquarium .ui-body-b a:not(.ui-btn),
    .app-theme-aquarium .ui-group-theme-b a:not(.ui-btn) {
        color: #dde0ff !important;
    }

        .app-theme-aquarium .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-aquarium .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-aquarium .ui-body-b a:not(.ui-btn):hover,
        .app-theme-aquarium .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-aquarium .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-aquarium .ui-bar-b a:not(.ui-btn):active,
        .app-theme-aquarium .ui-body-b a:not(.ui-btn):active,
        .app-theme-aquarium .ui-group-theme-b a:not(.ui-btn):active {
            color: #fff !important;
        }

    .app-theme-aquarium .ui-btn p {
        color: #000 !important;
    }

    .app-theme-aquarium .app-bar-heading .app-bar-label,
    .app-theme-aquarium .app-static-text div,
    .app-theme-aquarium .app-form-editing.app-formview label /*, .app-theme-aquarium .app-wrapper*/ {
        color: #3d7fd5;
    }

    /*selected button*/
    .app-theme-aquarium .app-selected:not(.ui-btn-active),
    .app-theme-aquarium .app-selected:hover,
    .app-theme-aquarium .app-selected:visited,
    .app-theme-aquarium .app-selected .app-frozen-spacer {
        background-color: #E0F2FA !important;
        border-color: #C3DCFC !important;
        color: #000 !important;
    }

    .app-theme-aquarium .app-grid-header span.app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0, 0.05) !important;
    }

    /* hover */
    .app-theme-aquarium .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    .app-desktop.app-theme-aquarium .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    .app-desktop.app-theme-aquarium .ui-bar-a .ui-btn:hover:not(.app-selected),
    .app-desktop.app-theme-aquarium .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off),
    .app-desktop.app-theme-aquarium .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    .app-desktop.app-theme-aquarium .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-desktop.app-theme-aquarium .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer {
        background-color: #eaf5fa;
        border-color: #C3DCFC;
    }

    .app-theme-aquarium.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-aquarium.app-desktop .ui-datepicker td a:hover {
        background-color: #F2F8FF;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-aquarium .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-aquarium.app-desktop #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-aquarium.app-desktop #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-theme-aquarium .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-aquarium .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-aquarium .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #DCF1FA !important;
        border-color: #C3DCFC !important;
        color: #000 !important;
    }

    /*swatch b*/
    .app-theme-aquarium .ui-btn.ui-btn-b,
    .app-theme-aquarium .ui-btn.ui-btn-b:visited,
    body.app-theme-aquarium:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #D0E4FB;
        border-color: #83b0ec;
        color: #000;
    }

    /*swatch b hover*/
    .app-theme-aquarium.app-desktop .ui-btn.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #D5E6F9;
        border-color: #83b0ec;
        color: #000 !important;
    }

    .app-theme-aquarium .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #83b0ec !important;
    }


    /*swatch b divider*/
    .app-theme-aquarium .ui-bar-b,
    .app-theme-aquarium .ui-bar-b .ui-bar-inherit,
    html .app-theme-aquarium.ui-body-b .ui-bar-inherit,
    html body.app-theme-aquarium .ui-group-theme-b .ui-bar-inherit {
        border-color: #83b0ec;
        background-color: #83b0ec;
    }

    .app-theme-aquarium .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b,
    .app-theme-aquarium.app-desktop .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b:hover,
    .app-theme-aquarium .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b.ui-btn-active {
        border-color: #6f9dd9 !important;
    }

    /* click */
    .app-theme-aquarium .app-grid-header span.ui-btn-active,
    .app-theme-aquarium .dv-item .app-btn-more.ui-btn-active {
        background-color: #FFD253 !important;
        color: #000 !important;
    }

    .app-theme-aquarium .app-listview .ui-btn.app-selected::before {
        background-color: #FFD253;
    }

    .app-theme-aquarium .ui-title.ui-btn-active,
    html body.app-theme-aquarium .ui-btn.ui-btn-active,
    .app-theme-aquarium .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #FFD253 !important;
        border-color: #C3DCFC !important;
        color: #000 !important;
    }

        html body.app-theme-aquarium .ui-btn.ui-btn-active::after {
            background-color: #91845e;
        }

html body.app-theme-aquarium .ui-body-b .ui-btn.ui-btn-active {
    border-color: #83b0ec !important;
}

.app-theme-aquarium .dv-action-see-all .app-btn-prev.ui-btn-active,
.app-theme-aquarium .dv-action-see-all .app-btn-next.ui-btn-active {
    background-color: #FFD253;
    color: #000;
}

.app-theme-aquarium .app-btn-check:not(.app-btn-check-selected) {
    border-color: #C3DCFC !important;
    background-color: transparent !important;
}

.app-theme-aquarium .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
    border-color: #C3DCFC !important;
}

.app-theme-aquarium .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
    background-color: transparent !important;
    border-color: #C3DCFC !important;
}

.app-theme-aquarium .app-btn-check.app-btn-check-selected {
    border-color: #FFD253 !important;
    background-color: #FFD253 !important;
}

.app-theme-aquarium .app-btn-check .app-icon-themed {
    fill: #000;
}

/* tabs */

.app-theme-aquarium .app-tabs.ui-header {
    border-color: #79a7e3;
}

.app-theme-aquarium .app-tabs .ui-btn {
    border-color: #79a7e3 !important;
    color: #000 !important;
    background-color: #fff !important;
}

    .app-theme-aquarium .app-tabs .ui-btn.ui-btn-active {
        border-color: #79a7e3 !important;
        background-color: #79a7e3 !important;
        color: #fff !important;
    }



/*button on header bar*/
.app-theme-aquarium #app-bar-tools .ui-btn.ui-btn-icon-notext,
.app-theme-aquarium .app-map-info-toolbar .ui-btn.ui-btn-icon-notext {
    border-color: #5c8fd1 !important;
}

.app-theme-aquarium.app-desktop #app-bar-tools .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
.app-theme-aquarium.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
.app-theme-aquarium .ui-datepicker .ui-datepicker-prev:hover,
.app-theme-aquarium .ui-datepicker .ui-datepicker-next:hover {
    border-color: #3f5f8a !important;
    background-color: #cfe1f6 !important;
}


.app-theme-aquarium #app-bar-tools .ui-btn.ui-btn-active.ui-btn-icon-notext,
.app-theme-aquarium .app-map-info-toolbar .ui-btn.ui-btn-active.ui-btn-icon-notext {
    background-color: #FFD253 !important;
}

    .app-theme-aquarium #app-bar-tools .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-aquarium .app-map-info-toolbar .ui-btn.ui-btn-active.ui-btn-icon-notext::after {
        background-color: #91845e !important;
    }

.app-theme-aquarium.app-desktop .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
.app-theme-aquarium .ui-btn.ui-btn-icon-notext.ui-btn-active {
    border-color: #657b96 !important;
}

.app-theme-aquarium .ui-btn.ui-btn-icon-notext::after,
.app-theme-aquarium .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
.app-theme-aquarium .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
.app-theme-aquarium .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
.app-theme-aquarium .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
.app-theme-aquarium .ui-datepicker .ui-datepicker-prev span,
.app-theme-aquarium .ui-datepicker .ui-datepicker-next span,
.app-theme-aquarium .ui-checkbox-on:after,
.app-theme-aquarium .ui-flipswitch-active,
.app-theme-aquarium .ui-slider-track .ui-btn-active {
    background-color: #657b96;
}

.app-theme-aquarium .ui-btn .glyphicon {
    color: #657b96;
}

.app-theme-aquarium .app-icon-themed {
    fill: #657b96;
}

.app-theme-aquarium .ui-btn-active .app-icon-themed {
    fill: #000;
}

.app-theme-aquarium .ui-radio-on:after,
.app-theme-aquarium .ui-slider-track .ui-btn-active,
.app-theme-aquarium .ui-flipswitch-active {
    border-color: #657b96 !important;
}

/*fix for lookups/inputs*/
.app-theme-aquarium .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
.app-theme-aquarium .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
.app-theme-aquarium .ui-input-text:not(.ui-btn-active),
.app-theme-aquarium .app-form-editing .ui-input-text:not(.ui-btn-active),
.app-theme-aquarium .ui-input-search.ui-body-inherit {
    background-color: #fff;
    border-color: #C3DCFC;
    text-shadow: none;
    /*color: #fff;*/
}

    .app-theme-aquarium .ui-btn.app-lookup.ui-focus,
    .app-theme-aquarium .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
    .app-theme-aquarium .ui-input-text.ui-focus,
    .app-theme-aquarium .app-form-editing .ui-input-text.ui-focus,
    .app-theme-aquarium .ui-input-search.ui-body-inherit.ui-focus,
    .app-theme-aquarium .ui-checkbox label.ui-focus,
    .app-theme-aquarium .ui-datepicker .ui-state-active {
        border-color: #d2b47a !important;
    }

.app-theme-aquarium .ui-slider {
    border-color: #C3DCFC !important;
}

.app-theme-aquarium .ui-slider-label.ui-btn-active {
    background-color: #FFE6A0 !important;
    color: #000 !important;
}

/* background bleed under form in editing mode*/
.app-theme-aquarium .ui-body-a.ui-collapsible-content {
    background-color: #fff;
    border-bottom-color: #C3DCFC !important;
}

.app-theme-aquarium .app-bar-tools .ui-input-search.ui-body-inherit {
    background-color: #ebf3ff;
}

.app-theme-aquarium .ui-btn.app-lookup,
.app-theme-aquarium .ui-btn.ui-btn-active.app-lookup {
    border-color: #6f9dd9;
}

.app-theme-aquarium .app-lookup-input {
    background-color: transparent;
    /*color: #fff;*/
}

.app-theme-aquarium .app-grid-header {
    color: #999;
}

@media (min-width: 20em) {
    .app-theme-aquarium .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-aquarium .app-listview li .app-li-corner {
    color: #fff;
    background-color: #657b96;
}

.app-theme-aquarium .dataview-busy-indicator {
    background-color: #FFD253;
}

.app-theme-aquarium .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-aquarium .ui-bar-a .app-user-name {
    color: #333 !important;
}

.app-theme-aquarium .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-aquarium .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #000 !important;
}

/*********************************/
/* THEME: azure                 */
/*******************************/

.app-theme-azure,
.app-theme-azure .ui-page-theme-a,
.app-theme-azure .app-page-header {
    background-color: #fff;
    scrollbar-base-color: #f2f2f2;
    scrollbar-track-color: #abc0c1;
    scrollbar-arrow-color: #0c334b;
    scrollbar-shadow-color: #abc0c1;
}

    .app-theme-azure.app-desktop ::-webkit-scrollbar-track {
        background-color: #abc0c1;
    }

    .app-theme-azure.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #f2f2f2;
        border: solid 1px #abc0c1;
    }

        .app-theme-azure.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #e1e1e1;
        }

    .app-theme-azure .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-azure .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-azure .ui-panel,
    .app-theme-azure .app-page-header,
    .app-theme-azure .app-status-bar,
    .app-theme-azure .app-bar-actions,
    .app-theme-azure .app-bar-header,
    .app-theme-azure .app-bar-footer {
        background-color: #cdefec !important;
        border-color: #abc0c1;
    }

    .app-theme-azure .app-status-bar {
        color: #000;
    }

    .app-theme-azure .app-form-editing.app-formview .app-static-text div,
    .app-theme-azure .app-page-menu-desc,
    .app-theme-azure .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-azure .app-popup-message,
    .app-theme-azure .ui-content.app-map-info {
        background-color: #cdefec;
        border-color: #b5c4c4;
        text-shadow: none;
        color: #000;
    }

        .app-theme-azure .app-popup-message .ui-popup-arrow {
            background-color: #cdefec;
        }

        .app-theme-azure .app-popup-message div {
            color: #b5c4c4;
        }

    /* page header */
    .app-theme-azure .app-bar-tools.ui-bar-a,
    .app-theme-azure :not(.app-tabs).ui-header-fixed.ui-header:not(.app-bar-actions),
    .app-theme-azure .ui-header:not(.app-bar-actions) {
        background-color: #384c4d;
        border-color: #abc0c1;
        text-shadow: none;
    }

    .app-theme-azure .app-popup-listview .ui-popup-arrow,
    .app-theme-azure .app-popup-listview {
        background-color: #384c4d !important;
        border-color: #384c4d !important;
    }

    .app-theme-azure .app-page-header {
        border-color: #abc0c1 !important;
    }

    /* list dividers*/
    .app-theme-azure .ui-li-divider {
        background-color: #cdefec;
        border-color: #abc0c1;
        color: #555;
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-azure .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-azure .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-azure .app-presenter-instruction,
    .app-theme-azure .app-grid-header .app-frozen-spacer {
        background-color: #f2f2f2 !important;
        border-color: #b5c4c4 !important;
        color: #3e5354;
    }

    body:not(.app-sidebar-undocked).app-theme-azure .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-azure .app-sidebar,
    .app-theme-azure .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-azure .app-menu-strip a.ui-btn,
    .app-theme-azure.app-desktop .app-menu-strip a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        border-color: #abc0c1;
        color: #fff !important;
    }


    .app-theme-azure .app-menu-strip ul li a.ui-btn.app-selected:not(:hover):not(.ui-btn-active),
    .app-theme-azure.app-has-popup-open .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        background-color: rgba(0,0,0, 0.25) !important;
    }

    .app-theme-azure .app-echo,
    .app-theme-azure .app-header {
        border-color: #b5c4c4;
    }

    .app-theme-azure .app-bar-heading {
        background-color: #f2f2f2;
        color: #3e5354;
        text-shadow: none;
    }

    .app-theme-azure .ui-body-a,
    .app-theme-azure .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-azure .app-li-card {
        background-color: #fff;
        border-color: #b5c4c4;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-azure .ui-panel .ui-body-a {
        border-color: #abc0c1 !important;
    }

    .app-theme-azure .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-azure .ui-body-a.app-sidebar {
        background-color: #cdefec;
    }

    .app-theme-azure.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-azure .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #b5c4c4;
    }

    .app-theme-azure .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-azure .ui-li-divider.app-info .appname {
            color: #5d5d6b;
        }

    /* fix for form "card" */
    .app-theme-azure .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #b5c4c4;
        border-left-color: #b5c4c4;
        border-right-color: #b5c4c4;
    }

    /*.app-theme-azure .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-azure .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-azure .app-page-header,
    .app-theme-azure .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-azure .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-azure .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-azure .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-azure .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-azure .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-azure .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-azure .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-azure .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-azure .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-azure .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-azure:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-azure .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-azure .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-azure .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-azure .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-azure .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-azure .app-tabs.ui-header,
    .app-theme-azure #app-welcome .ui-btn:not(:hover),
    .app-theme-azure #app-popup-login .ui-btn:not(:hover),
    .app-theme-azure .ui-datepicker .ui-state-highlight,
    .app-theme-azure .ui-listview .app-frozen-spacer {
        border-color: #b5c4c4;
    }

    .app-theme-azure .ui-body-b .ui-btn-a,
    .app-theme-azure .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #cdefec !important;
    }

    .app-theme-azure.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #cdefec !important;
    }

    .app-theme-azure .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-azure .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-azure .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-azure .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-azure .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-azure .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-azure .app-tabs.ui-header:not(.app-lookup),
    .app-theme-azure .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-azure .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-azure .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-azure .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-azure .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-azure .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-azure .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-azure #app-welcome .ui-btn:not(:hover),
    .app-theme-azure #app-popup-login .ui-btn:not(:hover),
    .app-theme-azure .app-map-info .ui-popup-arrow,
    .app-theme-azure .ui-datepicker .ui-datepicker-prev,
    .app-theme-azure .ui-datepicker .ui-datepicker-next,
    .app-theme-azure .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #e9eeed;
    }

    /* top border of Info button in sidebar */
    .app-theme-azure .app-sidebar .ui-btn.ui-icon-info {
        border-color: #abc0c1 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-azure .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-azure .app-field-label-after,
    .app-theme-azure .app-field-label-before,
    .app-theme-azure .app-field-label,
    .app-theme-azure .ui-panel .app-item-desc,
    .app-theme-azure a:not(.ui-btn):not(.btn),
    .app-theme-azure .app-item-number {
        color: #607978 !important;
    }

        .app-theme-azure a:not(.ui-btn):not(.btn):hover,
        .app-theme-azure a:not(.ui-btn):not(.btn):active {
            color: #000 !important;
        }


    .app-theme-azure .ui-btn p {
        color: #000 !important;
    }

    .app-theme-azure .ui-li-aside,
    .app-theme-azure .ui-btn .ui-li-aside,
    .app-theme-azure .app-grid-header,
    .app-theme-azure .app-panel-info-view .app-list-instruction,
    .app-theme-azure .app-calculated .app-static-text {
        color: #5d5d6b !important;
    }

    .app-theme-azure .app-filter {
        color: #3d93d8;
    }

    .app-theme-azure .app-bar-heading .app-bar-label,
    .app-theme-azure .app-static-text div,
    .app-theme-azure .app-form-editing.app-formview label {
        color: #607978;
    }

    .app-theme-azure .app-wrapper,
    .app-theme-azure .app-echo-instruction {
        color: #3e5354;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-azure .app-selected:not(.ui-btn-active),
    .app-theme-azure .app-selected:hover,
    .app-theme-azure .app-selected:visited,
    .app-theme-azure .app-selected .app-frozen-spacer {
        background-color: #d4dddc !important;
        border-color: #b5c4c4 !important;
        color: #000 !important;
    }

    .app-theme-azure .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.1) !important;
    }

    /* hover */
    .app-theme-azure .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    .app-desktop.app-theme-azure .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-azure .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-azure .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-azure .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-azure .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-azure #app-welcome .ui-btn:hover,
    .app-theme-azure #app-popup-login .ui-btn:hover,
    .app-desktop.app-theme-azure .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer {
        background-color: #daede9;
        border-color: #b5c4c4;
    }

    .app-theme-azure.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-azure.app-desktop .ui-datepicker td a:hover {
        background-color: #daede9;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-azure .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-azure .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-azure .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-azure .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #d0d9d8 !important;
        border-color: #b5c4c4 !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-azure .app-grid-header .ui-btn-active,
    .app-theme-azure .dv-item .app-btn-more.ui-btn-active {
        background-color: #3d93d8 !important;
        color: #fff !important;
    }

    .app-theme-azure .app-listview .ui-btn.app-selected::before {
        background-color: #3d93d8;
    }

    .app-theme-azure .ui-title.ui-btn-active,
    html body.app-theme-azure .ui-btn.ui-btn-active,
    .app-theme-azure .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #3d93d8 !important;
        color: #fff !important;
    }

    .app-theme-azure .ui-btn:not(.ui-btn-b).ui-btn-active {
        border-color: #b5c4c4 !important;
    }

    .app-theme-azure .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-azure .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-azure #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-azure .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-azure .ui-btn-active p,
    .app-theme-azure .ui-btn-active p.ui-li-aside,
    .app-theme-azure .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }


    .app-theme-azure .ui-header .ui-title,
    .app-theme-azure .ui-footer .ui-title {
        color: #fff;
    }


    .app-theme-azure .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-azure .app-tabs .ui-btn {
        border-color: #0c334b !important;
        color: #3e5354;
    }

        .app-theme-azure .app-tabs .ui-btn.ui-btn-active {
            border-color: #0c334b !important;
            background-color: #0c334b !important;
        }

    /*button on header bar*/

    .app-theme-azure .app-bar-tools .ui-btn,
    .app-theme-azure .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-azure .ui-datepicker .ui-datepicker-next:hover {
        border-color: #292911 !important;
    }

    .app-theme-azure.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:not(.ui-btn-active) {
        background-color: #ada5a3 !important;
    }

    .app-theme-azure .app-bar-tools .ui-btn.ui-btn-active {
        /*background-color: #958e8c !important;*/
        border-color: #000 !important;
    }

        .app-theme-azure .app-bar-tools .ui-btn.ui-btn-active::after {
            background-color: #0c334b !important;
        }

    .app-theme-azure.app-desktop .ui-btn.ui-btn-icon-notext:hover {
        border-color: #0c334b !important;
    }

    .app-theme-azure .ui-btn.ui-btn-icon-notext::after,
    .app-theme-azure .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-azure .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-azure .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-azure .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-azure .ui-datepicker .ui-datepicker-prev span,
    .app-theme-azure .ui-datepicker .ui-datepicker-next span,
    .app-theme-azure .ui-checkbox-on:after,
    .app-theme-azure .ui-flipswitch-active,
    .app-theme-azure .ui-slider-track .ui-btn-active {
        background-color: #0c334b !important;
    }

    .app-theme-azure .ui-btn .glyphicon {
        color: #0c334b;
    }

    .app-theme-azure .app-icon-themed {
        fill: #0c334b;
    }

    .app-theme-azure .ui-radio-on:after,
    .app-theme-azure .ui-slider-track .ui-btn-active,
    .app-theme-azure .ui-flipswitch-active {
        border-color: #0c334b !important;
    }


    .app-theme-azure .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-azure .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-azure .ui-btn.ui-btn-active.ui-btn-icon-right::after,
    .app-theme-azure .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-azure .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        /*background-color: #001e31 !important;*/
    }

    /*swatch b*/
    .app-theme-azure .ui-btn.ui-btn-b,
    .app-theme-azure .ui-btn.ui-btn-b:visited,
    .app-theme-azure:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #bac7c5;
        border-color: #cdefec;
        color: #000;
    }

        /*swatch b hover*/

        .app-theme-azure .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-azure.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-azure .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-azure .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #b5c3c1;
            border-color: #cdefec;
            color: #000 !important;
        }

        .app-theme-azure .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-azure.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
            color: #fff !important;
        }

    .app-theme-azure .ui-body-a .ui-btn-b,
    .app-theme-azure.app-desktop .ui-body-a .ui-btn-b:hover,
    .app-theme-azure .ui-body-a .ui-btn-b.ui-btn-active {
        border-color: #abc0c1 !important;
    }


    /*swatch b divider*/
    .app-theme-azure .ui-bar-b,
    .app-theme-azure .ui-bar-b .ui-bar-inherit,
    html .app-theme-azure.ui-body-b .ui-bar-inherit,
    html body.app-theme-azure .ui-group-theme-b .ui-bar-inherit {
        border-color: #d4dddc;
        background-color: #cdefec;
    }

    /*fix for lookups/inputs*/
    .app-theme-azure .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-azure .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-azure .ui-input-text:not(.ui-btn-active),
    .app-theme-azure .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-azure .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #b5c4c4;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-azure .ui-btn.app-lookup.ui-focus,
        .app-theme-azure .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-azure .ui-input-text.ui-focus,
        .app-theme-azure .app-form-editing .ui-input-text.ui-focus,
        .app-theme-azure .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-azure .ui-checkbox label.ui-focus,
        .app-theme-azure .ui-datepicker .ui-state-active {
            border-color: #38c !important;
        }

    .app-theme-azure .ui-slider {
        border-color: #abc0c1 !important;
    }

    .app-theme-azure .ui-slider-label.ui-btn-active {
        background-color: #abc0c1 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-azure .ui-body-a.ui-collapsible-content,
    .app-theme-azure .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-azure .ui-btn.app-lookup,
    .app-theme-azure .ui-btn.ui-btn-active.app-lookup {
        border-color: #abc0c1;
    }

    .app-theme-azure .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-azure .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-azure .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-white.png);
    }
}

.app-theme-azure .app-listview li .app-li-corner {
    color: #fff;
    background-color: #abc0c1;
}

.app-theme-azure .dataview-busy-indicator {
    background-color: #3d93d8;
}

.app-theme-azure .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-azure .ui-bar-a .app-user-name {
    color: #ccc !important;
}

.app-theme-azure .ui-bar-a .app-menu-strip .ui-btn:hover,
.app-theme-azure .ui-bar-a .app-menu-strip .ui-btn.app-selected {
    color: #fff !important;
}

/*********************************/
/* THEME: belltown              */
/*******************************/

.app-theme-belltown,
.app-theme-belltown .ui-page-theme-a,
.app-theme-belltown .app-page-header {
    background-color: #fff;
    scrollbar-base-color: #a9c6c3;
    scrollbar-track-color: #7bb2ac;
    scrollbar-arrow-color: #fff;
    scrollbar-shadow-color: #2d7f75;
}

    .app-theme-belltown.app-desktop ::-webkit-scrollbar-track {
        background-color: #7bb2ac;
    }

    .app-theme-belltown.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #a9c6c3;
        border: solid 1px #2d7f75;
    }

        .app-theme-belltown.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #95c7c2;
        }

    .app-theme-belltown .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-belltown .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-belltown .ui-panel,
    .app-theme-belltown .app-page-header,
    .app-theme-belltown .app-status-bar {
        background-color: #a9c6c3;
        border-color: #2d7f75;
    }

    .app-theme-belltown .app-status-bar {
        color: #000;
    }

    .app-theme-belltown .app-form-editing.app-formview .app-static-text div,
    .app-theme-belltown .app-page-menu-desc,
    .app-theme-belltown .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-belltown .app-popup-message,
    .app-theme-belltown .ui-content.app-map-info {
        background-color: #a9c6c3;
        border-color: #7bb2ac;
        text-shadow: none;
        color: #000;
    }

        .app-theme-belltown .app-popup-message .ui-popup-arrow {
            background-color: #a9c6c3;
        }

        .app-theme-belltown .app-popup-message div {
            color: #7bb2ac;
        }

    /* page header */
    .app-theme-belltown .app-bar-tools.ui-bar-a,
    .app-theme-belltown :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-belltown .ui-header,
    .app-theme-belltown .ui-footer {
        background-color: #a9c6c3;
        border-color: #2d7f75;
        text-shadow: none;
    }

    .app-theme-belltown .app-popup-listview .ui-popup-arrow,
    .app-theme-belltown .app-popup-listview {
        background-color: #a9c6c3 !important;
        border-color: #a9c6c3 !important;
    }

    .app-theme-belltown .app-page-header {
        border-color: #2d7f75 !important;
    }


    /* list dividers*/
    .app-theme-belltown .ui-li-divider {
        background-color: #7bb2ac;
        border-color: #2d7f75;
        color: #555;
        text-shadow: none;
    }

    .app-theme-belltown ui-li-divider,
    .app-theme-belltown .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        /*background-color: #ddc1f4;*/
        /*border-color: #2d7f75;*/
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-belltown .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-belltown .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-belltown .app-presenter-instruction,
    .app-theme-belltown .app-grid-header .app-frozen-spacer {
        background-color: #f2f2f2 !important;
        border-color: #7bb2ac !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-belltown .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-belltown .app-sidebar,
    .app-theme-belltown .app-divider:not(.ui-collapsible),
    .app-theme-belltown .app-echo,
    .app-theme-belltown .app-header {
        border-color: #2d7f75 !important;
    }

    .app-theme-belltown .app-bar-heading {
        background-color: #f2f2f2;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-belltown .ui-body-a,
    .app-theme-belltown .app-li-card,
    .app-theme-belltown .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-belltown .app-li-card {
        background-color: #fff;
        border-color: #7bb2ac;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-belltown .ui-panel .ui-body-a {
        border-color: #2d7f75 !important;
    }

    .app-theme-belltown .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-belltown .ui-body-a.app-sidebar {
        background-color: #a9c6c3;
    }

    .app-theme-belltown.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-belltown .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #7bb2ac;
    }

    .app-theme-belltown .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-belltown .ui-li-divider.app-info .appname {
            color: #000066;
        }

    /* fix for form "card" */
    .app-theme-belltown .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #7bb2ac;
        border-left-color: #7bb2ac;
        border-right-color: #7bb2ac;
    }

    /*.app-theme-belltown .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-belltown .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-belltown .app-page-header,
    .app-theme-belltown .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-belltown .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-belltown .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-belltown .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-belltown .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-belltown .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-belltown .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-belltown .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-belltown .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-belltown .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-belltown .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-belltown:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-belltown .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-belltown .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-belltown .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-belltown .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-belltown .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-belltown .app-tabs.ui-header,
    .app-theme-belltown #app-welcome .ui-btn,
    .app-theme-belltown #app-popup-login .ui-btn,
    .app-theme-belltown .ui-datepicker .ui-state-highlight,
    .app-theme-belltown .ui-listview .app-frozen-spacer {
        border-color: #7bb2ac;
    }

    .app-theme-belltown .ui-body-b .ui-btn-a,
    .app-theme-belltown .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #a9c6c3 !important;
    }

    .app-theme-belltown.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #a9c6c3 !important;
    }

    .app-theme-belltown .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-belltown .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-belltown .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-belltown .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-belltown .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-belltown .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-belltown .app-tabs.ui-header:not(.app-lookup),
    .app-theme-belltown .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-belltown .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-belltown .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-belltown .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-belltown .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-belltown .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-belltown .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-belltown #app-welcome .ui-btn:not(:hover),
    .app-theme-belltown #app-popup-login .ui-btn:not(:hover),
    .app-theme-belltown .app-map-info .ui-popup-arrow,
    .app-theme-belltown .ui-datepicker .ui-datepicker-prev,
    .app-theme-belltown .ui-datepicker .ui-datepicker-next,
    .app-theme-belltown .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #dce5e4;
    }

    /* top border of Info button in sidebar */
    .app-theme-belltown .app-sidebar .ui-btn.ui-icon-info {
        border-color: #2d7f75 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-belltown .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-belltown .app-field-label-after,
    .app-theme-belltown .app-field-label-before,
    .app-theme-belltown .app-field-label,
    .app-theme-belltown .ui-panel .app-item-desc,
    .app-theme-belltown .ui-li-aside,
    .app-theme-belltown .ui-btn .ui-li-aside,
    .app-theme-belltown .app-grid-header,
    .app-theme-belltown .app-panel-info-view .app-list-instruction,
    .app-theme-belltown a:not(.ui-btn):not(.btn),
    .app-theme-belltown .app-calculated .app-static-text,
    .app-theme-belltown .app-item-number {
        color: #000066 !important;
    }

        .app-theme-belltown a:not(.ui-btn):not(.btn):hover,
        .app-theme-belltown a:not(.ui-btn):not(.btn):active {
            color: #7e7eb7 !important;
        }


    .app-theme-belltown .app-filter {
        color: #a17700;
    }

    .app-theme-belltown .ui-btn p {
        color: #000 !important;
    }

    .app-theme-belltown .app-bar-heading .app-bar-label,
    .app-theme-belltown .app-static-text div,
    .app-theme-belltown .app-form-editing.app-formview label {
        color: #003399;
    }

    .app-theme-belltown .app-wrapper,
    .app-theme-belltown .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /* hover */
    .app-theme-belltown .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    .app-desktop.app-theme-belltown .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-belltown .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-belltown .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-belltown .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-belltown .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-belltown #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-belltown #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-belltown .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer {
        background-color: #d9e2e1;
        border-color: #7bb2ac;
    }

    .app-theme-belltown.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-belltown.app-desktop .ui-datepicker td a:hover {
        background-color: #d9e2e1;
    }

    /*selected button*/
    .app-theme-belltown .app-selected:not(.ui-btn-active),
    .app-theme-belltown .app-selected:hover,
    .app-theme-belltown .app-selected:visited,
    .app-theme-belltown .app-selected .app-frozen-spacer {
        background-color: #adc8c5 !important;
        border-color: #7bb2ac !important;
        color: #000 !important;
    }

    .app-theme-belltown .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-belltown .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-belltown .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-belltown .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-belltown .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #a9c6c3 !important;
        border-color: #7bb2ac !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-belltown .app-grid-header .ui-btn-active,
    .app-theme-belltown .dv-item .app-btn-more.ui-btn-active {
        background-color: #FFD253 !important;
        color: #000 !important;
    }

    .app-theme-belltown .app-listview .ui-btn.app-selected::before {
        background-color: #FFD253;
    }

    .app-theme-belltown .ui-title.ui-btn-active,
    .app-theme-belltown .ui-btn.ui-btn-active,
    .app-theme-belltown .app-bar-tools .ui-btn.ui-btn-active,
    .app-theme-belltown .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #FFD253 !important;
        border-color: #7bb2ac !important;
        color: #000 !important;
    }


        .app-theme-belltown .ui-panel-position-left .ui-btn-active .app-item-desc,
        .app-theme-belltown .ui-panel-position-right .ui-btn-active .app-item-desc,
        .app-theme-belltown #app-sidebar .ui-btn-active .app-item-desc,
        .app-theme-belltown .app-listview-static .ui-btn-active .app-item-desc,
        .app-theme-belltown .ui-btn-active p,
        .app-theme-belltown .ui-btn-active p.ui-li-aside,
        .app-theme-belltown .ui-btn.ui-btn-active span:not(.ui-li-count) {
            color: #000 !important;
        }



    .app-theme-belltown .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-belltown .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #FFD253;
        color: #000;
    }

    .app-theme-belltown .app-btn-check:not(.app-btn-check-selected) {
        border-color: #7BB2AC !important;
        background-color: transparent !important;
    }

    .app-theme-belltown .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #7BB2AC !important;
    }

    .app-theme-belltown .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #7BB2AC !important;
    }

    .app-theme-belltown .app-btn-check.app-btn-check-selected {
        border-color: #FFD253 !important;
        background-color: #FFD253 !important;
    }

    .app-theme-belltown .app-btn-check .app-icon-themed {
        fill: #000;
    }

    /* tabs */

    .app-theme-belltown .app-tabs.ui-header {
        border-color: #2d7f75;
    }

    .app-theme-belltown .app-tabs .ui-btn {
        border-color: #2d7f75 !important;
        color: #000 !important;
        background-color: #dce5e4;
    }

        .app-theme-belltown .app-tabs .ui-btn.ui-btn-active {
            border-color: #2d7f75 !important;
            background-color: #2d7f75 !important;
            color: #fff !important;
        }

    /*button on header bar*/

    .app-theme-belltown.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
    .app-theme-belltown .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-belltown .ui-datepicker .ui-datepicker-next:hover {
        border-color: #2d7f75 !important;
        background-color: #a9c6c3 !important;
    }

    /* for reference/call button in forms*/
    .app-theme-belltown.app-desktop .ui-btn.ui-btn-icon-notext:hover {
        border-color: #2d7f75 !important;
    }

    .app-theme-belltown .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-belltown .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-belltown .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-belltown .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-belltown .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-belltown .ui-datepicker .ui-datepicker-prev span,
    .app-theme-belltown .ui-datepicker .ui-datepicker-next span,
    .app-theme-belltown .ui-checkbox-on:after,
    .app-theme-belltown .ui-flipswitch-active,
    .app-theme-belltown .ui-slider-track .ui-btn-active {
        background-color: #2d7f75 !important;
    }

    .app-theme-belltown .ui-btn .glyphicon {
        color: #2d7f75;
    }

    .app-theme-belltown .app-icon-themed {
        fill: #2d7f75;
    }

    .app-theme-belltown .ui-btn-active .app-icon-themed {
        fill: #000;
    }

    .app-theme-belltown .ui-radio-on:after,
    .app-theme-belltown .ui-slider-track .ui-btn-active,
    .app-theme-belltown .ui-flipswitch-active {
        border-color: #2d7f75 !important;
    }


    .app-theme-belltown .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-belltown .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-belltown .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-belltown .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-belltown .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #9e885e !important;
    }

    .app-theme-belltown .ui-btn.ui-btn-active.ui-btn-icon-notext.app-btn-promo::after {
        background-color: #FFD253 !important;
    }

    /*swatch b*/
    .app-theme-belltown .ui-btn.ui-btn-b,
    .app-theme-belltown .ui-btn.ui-btn-b:visited,
    .app-theme-belltown:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #94adce;
        border-color: #a9c6c3;
        color: #1d092d;
    }

        /*swatch b hover*/

        .app-theme-belltown .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-belltown.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-belltown .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-belltown .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #8ba5c6;
            border-color: #a9c6c3;
            color: #1d092d !important;
        }

    .app-theme-belltown .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #a9c6c3 !important;
    }

    .app-theme-belltown .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-belltown.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #000 !important;
    }

    .app-theme-belltown .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b,
    .app-theme-belltown.app-desktop .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b:hover,
    .app-theme-belltown .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b.ui-btn-active {
        border-color: #2d7f75 !important;
    }

    /*swatch b divider*/
    .app-theme-belltown .ui-bar-b,
    .app-theme-belltown .ui-bar-b .ui-bar-inherit,
    html .app-theme-belltown.ui-body-b .ui-bar-inherit,
    html body.app-theme-belltown .ui-group-theme-b .ui-bar-inherit {
        border-color: #7bb2ac;
        background-color: #a9c6c3;
    }

    /*fix for lookups/inputs*/
    .app-theme-belltown .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-belltown .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-belltown .ui-input-text:not(.ui-btn-active),
    .app-theme-belltown .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-belltown .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #7bb2ac;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-belltown .ui-btn.app-lookup.ui-focus,
        .app-theme-belltown .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-belltown .ui-input-text.ui-focus,
        .app-theme-belltown .app-form-editing .ui-input-text.ui-focus,
        .app-theme-belltown .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-belltown .ui-checkbox label.ui-focus,
        .app-theme-belltown .ui-datepicker .ui-state-active {
            border-color: #FFD253 !important;
        }

    .app-theme-belltown .ui-slider {
        border-color: #2d7f75 !important;
    }

    .app-theme-belltown .ui-slider-label.ui-btn-active {
        background-color: #ffe6a0 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-belltown .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-belltown .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-belltown .ui-btn.app-lookup,
    .app-theme-belltown .ui-btn.ui-btn-active.app-lookup {
        border-color: #2d7f75;
    }

    .app-theme-belltown .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-belltown .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-belltown .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-belltown .app-listview li .app-li-corner {
    color: #000;
    background-color: #ffe6a0;
}

.app-theme-belltown .dataview-busy-indicator {
    background-color: #FFD253;
}

.app-theme-belltown .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-belltown .ui-bar-a .app-user-name {
    color: #333 !important;
}

.app-theme-belltown .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-belltown .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active),
.app-theme-belltown .ui-bar-a .app-menu-strip .ui-btn.app-selected:hover:not(.ui-btn-active) {
    color: #000 !important;
}

/*********************************/
/* THEME: berry                 */
/*******************************/

.app-theme-berry,
.app-theme-berry .ui-page-theme-a,
.app-theme-berry .app-page-header {
    background-color: #fff;
    scrollbar-base-color: #f8adc6;
    scrollbar-track-color: #fcdae6;
    scrollbar-arrow-color: #f584aa;
    scrollbar-shadow-color: #f8adc6;
}

    .app-theme-berry.app-desktop ::-webkit-scrollbar-track {
        background-color: #fcdae6;
    }

    .app-theme-berry.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #f8adc6;
        border: solid 1px #f584aa;
    }

        .app-theme-berry.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #f799b9;
        }

    .app-theme-berry .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-berry .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-berry .ui-panel,
    .app-theme-berry .app-page-header,
    .app-theme-berry .app-status-bar {
        background-color: #efdf0f;
        border-color: #f584aa;
    }

    .app-theme-berry .app-status-bar {
        color: #000;
    }

    .app-theme-berry .app-form-editing.app-formview .app-static-text div,
    .app-theme-berry .app-page-menu-desc,
    .app-theme-berry .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-berry .app-popup-message,
    .app-theme-berry .ui-content.app-map-info {
        background-color: #efdf0f;
        border-color: #f8adc6;
        text-shadow: none;
    }

        .app-theme-berry .app-popup-message .ui-popup-arrow {
            background-color: #efdf0f;
        }

        .app-theme-berry .app-popup-message div {
            color: #f8adc6;
        }

    /* page header */
    .app-theme-berry .app-bar-tools.ui-bar-a,
    .app-theme-berry :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-berry .ui-header,
    .app-theme-berry .ui-footer {
        background-color: #efdf0f;
        border-color: #f584aa;
        text-shadow: none;
    }

    .app-theme-berry .app-popup-listview .ui-popup-arrow,
    .app-theme-berry .app-popup-listview {
        background-color: #efdf0f !important;
        border-color: #efdf0f !important;
    }

    .app-theme-berry .app-page-header {
        border-color: #f584aa !important;
    }

    /* list dividers*/
    .app-theme-berry .ui-li-divider {
        background-color: #f8adc6;
        border-color: #f584aa;
        color: #555;
        text-shadow: none;
    }


    /* view descriptions*/
    .app-theme-berry .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-berry .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-berry .app-bar-heading,
    .app-theme-berry .app-presenter-instruction,
    .app-theme-berry .app-grid-header .app-frozen-spacer {
        background-color: #fcdae6 !important;
        border-color: #f584aa !important;
        color: #1d092d;
        text-shadow: none;
    }

    body:not(.app-sidebar-undocked).app-theme-berry .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-berry .app-sidebar,
    .app-theme-berry .app-divider:not(.ui-collapsible),
    .app-theme-berry .app-echo,
    .app-theme-berry .app-header {
        border-color: #f584aa !important;
    }

    .app-theme-berry .ui-body-a,
    .app-theme-berry .app-li-card,
    .app-theme-berry .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-berry .app-li-card {
        background-color: #fff;
        border-color: #f8adc6;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-berry .ui-panel .ui-body-a {
        border-color: #f584aa !important;
    }

    .app-theme-berry .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-berry .ui-body-a.app-sidebar {
        background-color: #efdf0f;
    }

    .app-theme-berry.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-berry .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #f8adc6;
    }

    .app-theme-berry .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-berry .ui-li-divider.app-info .appname {
            color: #6b080d;
        }

    /* fix for form "card" */
    .app-theme-berry .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #f8adc6;
        border-left-color: #f8adc6;
        border-right-color: #f8adc6;
    }

    /*.app-theme-berry .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-berry .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-berry .app-page-header,
    .app-theme-berry .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-berry .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-berry .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-berry .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-berry .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-berry .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-berry .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-berry .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-berry .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-berry .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-berry .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    .app-theme-berry:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-berry .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-berry .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-berry .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-berry .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-berry .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-berry .app-tabs.ui-header,
    .app-theme-berry #app-welcome .ui-btn:not(:hover),
    .app-theme-berry #app-popup-login .ui-btn:not(:hover),
    .app-theme-berry .ui-datepicker .ui-state-highlight,
    .app-theme-berry .ui-listview .app-frozen-spacer {
        border-color: #faa5c1;
    }

    .app-theme-berry .ui-body-b .ui-btn-a,
    .app-theme-berry .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #efdf0f !important;
    }

    .app-theme-berry.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #efdf0f !important;
    }

    .app-theme-berry .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-berry .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-berry .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-berry .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-berry .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-berry .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-berry .app-tabs.ui-header:not(.app-lookup),
    .app-theme-berry .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-berry .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-berry .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-berry .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-berry .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-berry .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-berry .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-berry #app-welcome .ui-btn:not(:hover),
    .app-theme-berry #app-popup-login .ui-btn:not(:hover),
    .app-theme-berry .app-map-info .ui-popup-arrow,
    .app-theme-berry .ui-datepicker .ui-datepicker-prev,
    .app-theme-berry .ui-datepicker .ui-datepicker-next,
    .app-theme-berry .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #fef3f6;
    }

    /* top border of Info button in sidebar */
    .app-theme-berry .app-sidebar .ui-btn.ui-icon-info {
        border-color: #f584aa !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-berry .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-berry .app-field-label-after,
    .app-theme-berry .app-field-label-before,
    .app-theme-berry .app-field-label,
    .app-theme-berry .ui-panel .app-item-desc,
    .app-theme-berry a:not(.ui-btn):not(.btn),
    .app-theme-berry .app-item-number {
        color: #CC0066 !important;
    }

        .app-theme-berry a:not(.ui-btn):not(.btn):hover,
        .app-theme-berry a:not(.ui-btn):not(.btn):active {
            color: #000 !important;
        }


    .app-theme-berry .ui-btn p {
        color: #000 !important;
    }

    .app-theme-berry .ui-li-aside,
    .app-theme-berry .ui-btn .ui-li-aside,
    .app-theme-berry .app-grid-header,
    .app-theme-berry .app-panel-info-view .app-list-instruction,
    .app-theme-berry .app-filter,
    .app-theme-berry .app-calculated .app-static-text {
        color: #6b080d !important;
    }

    .app-theme-berry .app-bar-heading .app-bar-label,
    .app-theme-berry .app-static-text div,
    .app-theme-berry .app-form-editing.app-formview label {
        color: #CC0066;
    }

    .app-theme-berry .app-wrapper,
    .app-theme-berry .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-berry .app-selected:not(.ui-btn-active),
    .app-theme-berry .app-selected:hover,
    .app-theme-berry .app-selected:visited,
    .app-theme-berry .app-selected .app-frozen-spacer {
        background-color: #EED0D7 !important;
        border-color: #f8adc6 !important;
        color: #000 !important;
    }

    .app-theme-berry .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-berry .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    .app-desktop.app-theme-berry .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-berry .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-berry .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-berry .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-berry .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-berry #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-berry #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-berry .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer {
        background-color: #fdedf3;
        border-color: #f8adc6;
    }

    .app-theme-berry.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-berry.app-desktop .ui-datepicker td a:hover {
        background-color: #fdedf3;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-berry .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-berry .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-berry .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-berry .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #EDDADF !important;
        border-color: #f8adc6 !important;
        color: #000 !important;
    }

    /* click */
    .app-theme-berry .app-grid-header .ui-btn-active,
    .app-theme-berry .dv-item .app-btn-more.ui-btn-active {
        background-color: #6b080d !important;
        color: #fff !important;
    }

    .app-theme-berry .app-listview .ui-btn.app-selected::before {
        background-color: #6b080d;
    }

    .app-theme-berry .ui-title.ui-btn-active,
    html body.app-theme-berry .ui-btn.ui-btn-active,
    .app-theme-berry .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #6b080d !important;
        border-color: #f8adc6 !important;
        color: #fff !important;
    }

    .app-theme-berry .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-berry .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-berry #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-berry .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-berry .ui-btn-active p,
    .app-theme-berry .ui-btn-active p.ui-li-aside,
    .app-theme-berry .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-berry .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-berry .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #6B080D;
        color: #fff;
    }

    .app-theme-berry .app-btn-check:not(.app-btn-check-selected) {
        border-color: #F8ADC6 !important;
        background-color: transparent !important;
    }

    .app-theme-berry .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #F8ADC6 !important;
    }

    .app-theme-berry .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #F8ADC6 !important;
    }

    .app-theme-berry .app-btn-check.app-btn-check-selected {
        border-color: #6B080D !important;
        background-color: #6B080D !important;
    }

    .app-theme-berry .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-berry .app-tabs.ui-header {
        border-color: #f584aa;
    }

    .app-theme-berry .app-tabs .ui-btn {
        border-color: #f584aa !important;
        color: #1d092d;
    }

        .app-theme-berry .app-tabs .ui-btn.ui-btn-active {
            border-color: #f584aa !important;
            background-color: #f584aa !important;
            color: #fff !important;
        }


    .app-theme-berry .ui-btn.ui-btn-icon-notext.ui-btn-active {
        background-color: #f584aa !important;
    }
    /*button on header bar*/

    .app-theme-berry.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
    .app-theme-berry.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
    .app-theme-berry.app-desktop .app-echo-toolbar .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
    .app-theme-berry .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-berry .ui-datepicker .ui-datepicker-next:hover {
        border-color: #b5617d !important;
        background-color: #f8d8e1 !important;
    }

    .app-theme-berry .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-berry .app-map-info-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #b5617d !important;
    }

    /* icon buttons*/

    .app-theme-berry .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-berry .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-berry .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-berry .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-berry .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-berry .ui-datepicker .ui-datepicker-prev span,
    .app-theme-berry .ui-datepicker .ui-datepicker-next span,
    .app-theme-berry .ui-checkbox-on:after,
    .app-theme-berry .ui-flipswitch-active,
    .app-theme-berry .ui-slider-track .ui-btn-active {
        background-color: #6b080d !important;
    }

    .app-theme-berry .ui-btn .glyphicon {
        color: #6b080d;
    }

    .app-theme-berry .app-icon-themed {
        fill: #6b080d;
    }

    .app-theme-berry .ui-radio-on:after,
    .app-theme-berry .ui-slider-track .ui-btn-active,
    .app-theme-berry .ui-flipswitch-active {
        border-color: #6b080d !important;
    }

    .app-theme-berry .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-berry .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-berry .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-berry .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-berry .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #360305 !important;
    }
    /*swatch b*/
    .app-theme-berry .ui-btn.ui-btn-b,
    .app-theme-berry .ui-btn.ui-btn-b:visited,
    body.app-theme-berry:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #713b48;
        border-color: #efdf0f;
        color: #000;
    }

    .app-theme-berry .app-nav-panel .ui-btn.ui-btn-b,
    .app-theme-berry .app-nav-panel .ui-btn.ui-btn-b:hover {
        color: #fff !important;
    }

    /*swatch b hover*/

    .app-theme-berry .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-berry.app-desktop .ui-btn.ui-btn-b:hover,
    .app-theme-berry .app-popup .ui-content .ui-checkbox .ui-btn:hover,
    .app-theme-berry .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
        background-color: #693843;
        border-color: #efdf0f !important;
    }



    /*swatch b divider*/
    .app-theme-berry .ui-bar-b,
    .app-theme-berry .ui-bar-b .ui-bar-inherit,
    html .app-theme-berry.ui-body-b .ui-bar-inherit,
    html body.app-theme-berry .ui-group-theme-b .ui-bar-inherit {
        border-color: #f8adc6;
        background-color: #efdf0f;
    }

    .app-theme-berry .ui-body-a .ui-btn-b,
    .app-theme-berry.app-desktop .ui-body-a .ui-btn-b:hover,
    .app-theme-berry .ui-body-a .ui-btn-b.ui-btn-active {
        border-color: #f584aa !important;
    }

    /*fix for lookups/inputs*/
    .app-theme-berry .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-berry .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-berry .ui-input-text:not(.ui-btn-active),
    .app-theme-berry .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-berry .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #f8adc6;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-berry .ui-btn.app-lookup.ui-focus,
        .app-theme-berry .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-berry .ui-input-text.ui-focus,
        .app-theme-berry .app-form-editing .ui-input-text.ui-focus,
        .app-theme-berry .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-berry .ui-checkbox label.ui-focus,
        .app-theme-berry .ui-datepicker .ui-state-active {
            border-color: #6b080d !important;
        }

    .app-theme-berry .ui-slider {
        border-color: #f584aa !important;
    }

    .app-theme-berry .ui-slider-label.ui-btn-active {
        background-color: #f584aa !important;
    }

    /*special buttons*/
    .app-theme-berry #app-welcome .ui-btn:not(:hover):not(.ui-btn-active):not(.ui-focus),
    .app-theme-berry #app-popup-login .ui-btn:not(:hover):not(.ui-btn-active):not(.ui-focus),
    .app-theme-berry #login-button:not(:hover):not(.ui-btn-active):not(.ui-focus) {
        background-color: #fef3f6 !important;
        border-color: #f8adc6 !important;
        color: #000;
    }

    .app-theme-berry #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-berry #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-theme-berry #login-button:hover:not(.ui-btn-active) {
        border-color: #f8adc6 !important;
        color: #000 !important;
    }

    .app-theme-berry #app-welcome .ui-btn-active,
    .app-theme-berry #app-popup-login .ui-btn-active {
        border-color: #f8adc6 !important;
        color: #fff !important;
    }

    /* background bleeds under form in editing mode*/
    .app-theme-berry .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-berry .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-berry .ui-btn.app-lookup,
    .app-theme-berry .ui-btn.ui-btn-active.app-lookup {
        border-color: #f584aa;
    }


    .app-theme-berry .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-berry .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-black.png);
    }
}

.app-theme-berry .app-listview li .app-li-corner {
    color: #fff;
    background-color: #f584aa;
}

.app-theme-berry .dataview-busy-indicator {
    background-color: #6b080d;
}

.app-theme-berry .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-berry .ui-bar-a .app-user-name {
    color: #333 !important;
}

.app-theme-berry .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-berry .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active),
.app-theme-berry .ui-bar-a .app-menu-strip .ui-btn.app-selected:hover:not(.ui-btn-active) {
    color: #000 !important;
}

/*********************************/
/* THEME: bittersweet           */
/*******************************/

.app-theme-bittersweet,
.app-theme-bittersweet .ui-page-theme-a,
.app-theme-bittersweet .app-page-header {
    background-color: #fff;
}

    .app-theme-bittersweet .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-bittersweet .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-bittersweet .ui-panel,
    .app-theme-bittersweet .app-page-header,
    .app-theme-bittersweet .app-status-bar {
        background-color: #d65c26;
        border-color: #edd27b;
    }

    .app-theme-bittersweet .app-bar-actions,
    .app-theme-bittersweet .app-bar-header,
    .app-theme-bittersweet .app-bar-footer {
        background-color: #f3e1a7 !important;
    }

        .app-theme-bittersweet .app-bar-actions .ui-btn {
            border-color: #edd27b !important;
        }

            .app-theme-bittersweet .app-bar-actions .ui-btn.ui-btn-active,
            .app-theme-bittersweet .app-bar-actions .ui-btn:hover,
            .app-theme-bittersweet .app-bar-actions .ui-btn.app-selected {
                border-color: #958551 !important;
            }

    .app-theme-bittersweet .app-status-bar {
        color: #000;
    }

    .app-theme-bittersweet .app-form-editing.app-formview .app-static-text div,
    .app-theme-bittersweet .app-page-menu-desc,
    .app-theme-bittersweet .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-bittersweet .app-popup-message,
    .app-theme-bittersweet .ui-content.app-map-info {
        background-color: #d65c26;
        border-color: #f3e1a7;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-bittersweet .app-popup-message .ui-popup-arrow {
            background-color: #d65c26;
        }

        .app-theme-bittersweet .app-popup-message div {
            color: #f3e1a7;
        }

    /* page header */
    .app-theme-bittersweet .app-bar-tools.ui-bar-a,
    .app-theme-bittersweet :not(.app-tabs).ui-header-fixed.ui-header {
        background-color: #d65c26;
        border-color: #edd27b;
        text-shadow: none;
    }

    .app-theme-bittersweet .app-popup-listview .ui-popup-arrow,
    .app-theme-bittersweet .app-popup-listview {
        background-color: #d65c26 !important;
        border-color: #d65c26 !important;
    }

    .app-theme-bittersweet .app-page-header {
        border-color: #edd27b !important;
    }

    /* list dividers*/
    .app-theme-bittersweet .ui-li-divider {
        background-color: #f3e1a7;
        border-color: #edd27b;
        color: #555;
        text-shadow: none;
    }

    .app-theme-bittersweet ui-li-divider,
    .app-theme-bittersweet .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        /*background-color: #ddc1f4;*/
        /*border-color: #edd27b;*/
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-bittersweet .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-bittersweet .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-bittersweet .app-presenter-instruction,
    .app-theme-bittersweet .app-grid-header .app-frozen-spacer {
        background-color: #f2f2f2 !important;
        border-color: #f3e1a7 !important;
        color: #2e2406;
    }

    body:not(.app-sidebar-undocked).app-theme-bittersweet .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-bittersweet .app-sidebar,
    .app-theme-bittersweet .app-divider:not(.ui-collapsible),
    .app-theme-bittersweet .app-echo,
    .app-theme-bittersweet .app-header {
        border-color: #edd27b !important;
    }

    .app-theme-bittersweet .app-bar-heading {
        background-color: #f2f2f2;
        color: #2e2406;
        text-shadow: none;
    }

    .app-theme-bittersweet .ui-body-a,
    .app-theme-bittersweet .app-li-card,
    .app-theme-bittersweet .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-bittersweet .app-li-card {
        background-color: #fff;
        border-color: #f3e1a7;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-bittersweet .ui-panel .ui-body-a {
        border-color: #edd27b !important;
    }

    .app-theme-bittersweet .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-bittersweet .ui-body-a.app-sidebar {
        background-color: #d65c26;
    }

    .app-theme-bittersweet.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-bittersweet .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #f3e1a7;
    }

    .app-theme-bittersweet .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-bittersweet .ui-li-divider.app-info .appname {
            color: #666633;
        }

    /* fix for form "card" */
    .app-theme-bittersweet .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #f3e1a7;
        border-left-color: #f3e1a7;
        border-right-color: #f3e1a7;
    }

    /*.app-theme-bittersweet .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-bittersweet .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-bittersweet .app-page-header,
    .app-theme-bittersweet .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-bittersweet .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-bittersweet .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-bittersweet .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-bittersweet .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-bittersweet .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-bittersweet .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-bittersweet .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-bittersweet .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-bittersweet .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-bittersweet .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-bittersweet:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-bittersweet .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-bittersweet .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-bittersweet .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-bittersweet .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-bittersweet .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-bittersweet .app-tabs.ui-header,
    .app-theme-bittersweet #app-welcome .ui-btn:not(:hover),
    .app-theme-bittersweet #app-popup-login .ui-btn:not(:hover),
    .app-theme-bittersweet .ui-datepicker .ui-state-highlight,
    .app-theme-bittersweet .ui-datepicker .ui-datepicker-prev,
    .app-theme-bittersweet .ui-datepicker .ui-datepicker-next,
    .app-theme-bittersweet .ui-listview .app-frozen-spacer {
        border-color: #f3e1a7;
    }

    .app-theme-bittersweet .ui-body-b .ui-btn-a,
    .app-theme-bittersweet .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #dce3c1 !important;
    }

    .app-theme-bittersweet.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #dce3c1 !important;
    }

    .app-theme-bittersweet .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-bittersweet .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-bittersweet .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-bittersweet .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-bittersweet .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-bittersweet .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-bittersweet .app-tabs.ui-header:not(.app-lookup),
    .app-theme-bittersweet .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-bittersweet .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-bittersweet .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-bittersweet .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-bittersweet .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-bittersweet .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-bittersweet .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-bittersweet #app-welcome .ui-btn:not(:hover),
    .app-theme-bittersweet #app-popup-login .ui-btn:not(:hover),
    .app-theme-bittersweet .app-map-info .ui-popup-arrow,
    .app-theme-bittersweet .ui-datepicker .ui-datepicker-prev,
    .app-theme-bittersweet .ui-datepicker .ui-datepicker-next,
    .app-theme-bittersweet .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #fdfaf2;
    }

    /* top border of Info button in sidebar */
    .app-theme-bittersweet .app-sidebar .ui-btn.ui-icon-info {
        border-color: #edd27b !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-bittersweet .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-bittersweet .app-field-label-after,
    .app-theme-bittersweet .app-field-label-before,
    .app-theme-bittersweet .app-field-label,
    .app-theme-bittersweet .ui-panel .app-item-desc,
    .app-theme-bittersweet .ui-li-aside,
    .app-theme-bittersweet .ui-btn .ui-li-aside,
    .app-theme-bittersweet .app-grid-header,
    .app-theme-bittersweet .app-panel-info-view .app-list-instruction,
    .app-theme-bittersweet .app-filter,
    .app-theme-bittersweet a:not(.ui-btn):not(.btn),
    .app-theme-bittersweet .app-calculated .app-static-text,
    .app-theme-bittersweet .app-item-number {
        color: #666633 !important;
    }


    .app-theme-bittersweet .ui-page-theme-b a:not(.ui-btn),
    .app-theme-bittersweet .ui-bar-b a:not(.ui-btn),
    .app-theme-bittersweet .ui-body-b a:not(.ui-btn),
    .app-theme-bittersweet .ui-group-theme-b a:not(.ui-btn) {
        color: #DAE5A3 !important;
    }

    .app-theme-bittersweet a:not(.ui-btn):not(.btn):hover,
    .app-theme-bittersweet a:not(.ui-btn):not(.btn):active {
        color: #797F5A !important;
    }

    .app-theme-bittersweet .ui-page-theme-b a:not(.ui-btn):hover,
    .app-theme-bittersweet .ui-bar-b a:not(.ui-btn):hover,
    .app-theme-bittersweet .ui-body-b a:not(.ui-btn):hover,
    .app-theme-bittersweet .ui-group-theme-b a:not(.ui-btn):hover,
    .app-theme-bittersweet .ui-page-theme-b a:not(.ui-btn):active,
    .app-theme-bittersweet .ui-bar-b a:not(.ui-btn):active,
    .app-theme-bittersweet .ui-body-b a:not(.ui-btn):active,
    .app-theme-bittersweet .ui-group-theme-b a:not(.ui-btn):active {
        color: #fff !important;
    }


    .app-theme-bittersweet .ui-btn p {
        color: #000 !important;
    }

    .app-theme-bittersweet .app-bar-heading .app-bar-label,
    .app-theme-bittersweet .app-static-text div,
    .app-theme-bittersweet .app-form-editing.app-formview label {
        color: #b24a1c;
    }

    .app-theme-bittersweet .app-wrapper,
    .app-theme-bittersweet .app-echo-instruction {
        color: #2e2406;
        text-shadow: none;
    }

    /* hover */
    .app-theme-bittersweet .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    .app-desktop.app-theme-bittersweet .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-bittersweet .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-bittersweet .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-bittersweet .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-bittersweet .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-bittersweet #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-bittersweet #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-bittersweet .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer {
        background-color: #fcf8ed;
        border-color: #f3e1a7;
    }

    .app-theme-bittersweet.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-bittersweet.app-desktop .ui-datepicker td a:hover {
        background-color: #fcf8ed;
    }

    /*selected button*/
    .app-theme-bittersweet .app-selected:not(.ui-btn-active),
    .app-theme-bittersweet .app-selected:hover,
    .app-theme-bittersweet .app-selected:visited,
    .app-theme-bittersweet .app-selected .app-frozen-spacer {
        background-color: #f8eecb !important;
        border-color: #f3e1a7 !important;
        color: #000 !important;
    }

    .app-theme-bittersweet .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-bittersweet .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-bittersweet .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-bittersweet .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-bittersweet .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #f7ecc6 !important;
        border-color: #f3e1a7 !important;
        color: #000 !important;
    }

    /* click */
    .app-theme-bittersweet .app-grid-header .ui-btn-active,
    .app-theme-bittersweet .dv-item .app-btn-more.ui-btn-active {
        background-color: #92b000 !important;
        color: #fff !important;
    }

    .app-theme-bittersweet .app-listview .ui-btn.app-selected::before {
        background-color: #92b000;
    }

    .app-theme-bittersweet .ui-title.ui-btn-active,
    html body.app-theme-bittersweet .ui-btn.ui-btn-active,
    html body.app-theme-bittersweet .app-bar-tools .ui-btn.ui-btn-active,
    .app-theme-bittersweet .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #92b000 !important;
        border-color: #f3e1a7 !important;
        color: #fff !important;
    }


    .app-theme-bittersweet .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-bittersweet .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-bittersweet #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-bittersweet .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-bittersweet .ui-btn-active p,
    .app-theme-bittersweet .ui-btn-active p.ui-li-aside,
    .app-theme-bittersweet .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-bittersweet .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-bittersweet .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #92B000;
        color: #fff;
    }

    .app-theme-bittersweet .app-btn-check:not(.app-btn-check-selected) {
        border-color: #F3E1A7 !important;
        background-color: transparent !important;
    }

    .app-theme-bittersweet .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #F3E1A7 !important;
    }

    .app-theme-bittersweet .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #F3E1A7 !important;
    }

    .app-theme-bittersweet .app-btn-check.app-btn-check-selected {
        border-color: #92B000 !important;
        background-color: #92B000 !important;
    }

    .app-theme-bittersweet .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-bittersweet .app-tabs.ui-header {
        border-color: #edd27b !important;
    }

    .app-theme-bittersweet .app-tabs .ui-btn {
        border-color: #92b000 !important;
        color: #2e2406;
    }

        .app-theme-bittersweet .app-tabs .ui-btn.ui-btn-active {
            border-color: #92b000 !important;
            background-color: #92b000 !important;
            color: #fff !important;
        }

    /*button on header bar*/
    .app-theme-bittersweet .app-bar-tools .ui-btn.ui-btn-icon-notext,
    .app-theme-bittersweet .app-map-info-toolbar .ui-btn.ui-btn-icon-notext,
    .app-theme-bittersweet .app-tabs {
        border-color: #958551 !important;
    }

    .app-theme-bittersweet.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-bittersweet.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-bittersweet .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-bittersweet.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-bittersweet .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-bittersweet .ui-datepicker .ui-datepicker-next:hover {
        border-color: #958551 !important;
    }

        .app-theme-bittersweet.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
        .app-theme-bittersweet.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
        .app-theme-bittersweet .ui-datepicker .ui-datepicker-prev:hover,
        .app-theme-bittersweet .ui-datepicker .ui-datepicker-next:hover {
            background-color: #f7ecc6 !important;
        }

    /* for reference/call button in forms*/
    .app-theme-bittersweet.app-desktop .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active) {
        border-color: #958551 !important;
    }

    .app-theme-bittersweet .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-bittersweet .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-bittersweet .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-bittersweet .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-bittersweet .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-bittersweet .ui-datepicker .ui-datepicker-prev span,
    .app-theme-bittersweet .ui-datepicker .ui-datepicker-next span,
    .app-theme-bittersweet .ui-checkbox-on:after,
    .app-theme-bittersweet .ui-flipswitch-active,
    .app-theme-bittersweet .ui-slider-track .ui-btn-active {
        background-color: #b4a162 !important;
    }

    .app-theme-bittersweet .ui-btn .glyphicon {
        color: #b4a162;
    }

    .app-theme-bittersweet .app-icon-themed {
        fill: #b4a162;
    }

    .app-theme-bittersweet .ui-radio-on:after,
    .app-theme-bittersweet .ui-slider-track .ui-btn-active,
    .app-theme-bittersweet .ui-flipswitch-active {
        border-color: #b4a162 !important;
    }


    .app-theme-bittersweet .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-bittersweet .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-bittersweet .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-bittersweet .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-bittersweet .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #8d7e4e !important;
    }

    .app-theme-bittersweet .ui-btn.ui-btn-active.ui-btn-icon-notext.app-btn-promo::after {
        background-color: #92b000 !important;
    }


    /*swatch b*/
    .app-theme-bittersweet .ui-btn.ui-btn-b,
    .app-theme-bittersweet .ui-btn.ui-btn-b:visited,
    body.app-theme-bittersweet:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #c1cb90;
        border-color: #dce3c1;
        color: #2e2406;
    }

        /*swatch b hover*/

        .app-theme-bittersweet .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-bittersweet.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-bittersweet .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-bittersweet .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #b8c580;
            border-color: #dce3c1 !important;
            color: #2e2406 !important;
        }

        .app-theme-bittersweet .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-bittersweet.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
            color: #000 !important;
        }


    /*swatch b divider*/
    .app-theme-bittersweet .ui-bar-b,
    .app-theme-bittersweet .ui-bar-b .ui-bar-inherit,
    html .app-theme-bittersweet.ui-body-b .ui-bar-inherit,
    html body.app-theme-bittersweet .ui-group-theme-b .ui-bar-inherit {
        border-color: #f3e1a7;
        background-color: #d65c26;
    }

    /*fix for lookups/inputs*/
    .app-theme-bittersweet .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-bittersweet .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-bittersweet .ui-input-text:not(.ui-btn-active),
    .app-theme-bittersweet .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-bittersweet .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #f3e1a7;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-bittersweet .ui-btn.app-lookup.ui-focus,
        .app-theme-bittersweet .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-bittersweet .ui-input-text.ui-focus,
        .app-theme-bittersweet .app-form-editing .ui-input-text.ui-focus,
        .app-theme-bittersweet .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-bittersweet .ui-checkbox label.ui-focus,
        .app-theme-bittersweet .ui-datepicker .ui-state-active {
            border-color: #d6aa1d !important;
        }

    .app-theme-bittersweet .ui-slider {
        border-color: #edd27b !important;
    }

    .app-theme-bittersweet .ui-slider-label.ui-btn-active {
        background-color: #ffe6a0 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-bittersweet .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-bittersweet .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-bittersweet .ui-btn.app-lookup,
    .app-theme-bittersweet .ui-btn.ui-btn-active.app-lookup {
        border-color: #edd27b;
    }

    .app-theme-bittersweet .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-bittersweet .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-bittersweet .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-bittersweet .app-listview li .app-li-corner {
    color: #fff;
    background-color: #ffe6a0;
}

.app-theme-bittersweet .dataview-busy-indicator {
    /*background-color: #92b000;*/
}

.app-theme-bittersweet .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-bittersweet .ui-bar-a .app-user-name {
    color: #333 !important;
}

.app-theme-bittersweet .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-bittersweet .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active),
.app-theme-bittersweet .ui-bar-a .app-menu-strip .ui-btn.app-selected:hover:not(.ui-btn-active) {
    color: #000 !important;
}

/*********************************/
/* THEME: cay                   */
/*******************************/

.app-theme-cay,
.app-theme-cay .ui-page-theme-a,
.app-theme-cay .app-page-header {
    background-color: #fff;
}

    .app-theme-cay .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-cay .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-cay .ui-panel,
    .app-theme-cay .app-page-header,
    .app-theme-cay .app-status-bar,
    .app-theme-cay .app-bar-actions,
    .app-theme-cay .app-bar-header,
    .app-theme-cay .app-bar-footer {
        background-color: #f4f4e7;
        border-color: #d1d193;
    }

    .app-theme-cay .app-status-bar {
        color: #000;
    }

    .app-theme-cay .app-form-editing.app-formview .app-static-text div,
    .app-theme-cay .app-page-menu-desc,
    .app-theme-cay .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-cay .app-popup-message,
    .app-theme-cay .ui-content.app-map-info {
        background-color: #5c6270;
        border-color: #d2d2b4;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-cay .app-popup-message .ui-popup-arrow {
            background-color: #5c6270;
        }

        .app-theme-cay .app-popup-message div {
            color: #d2d2b4;
        }

    .app-theme-cay .ui-flipswitch-active a {
        color: #fff !important;
    }

    /* page header */
    .app-theme-cay .app-bar-tools.ui-bar-a,
    .app-theme-cay :not(.app-tabs).ui-header-fixed.ui-header:not(.app-bar-actions):not(.app-bar-header),
    .app-theme-cay .ui-header:not(.app-bar-actions):not(.app-bar-header) {
        background-color: #5c6270;
        border-color: #d1d193;
        text-shadow: none;
        color: #fff;
    }

    .app-theme-cay .app-popup-listview .ui-popup-arrow,
    .app-theme-cay .app-popup-listview {
        background-color: #5c6270 !important;
        border-color: #5c6270 !important;
    }

    .app-theme-cay .app-page-header {
        border-color: #d1d193 !important;
    }

    .app-theme-cay .app-menu-strip a.ui-btn,
    .app-theme-cay.app-desktop .app-menu-strip a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        color: #fff !important;
    }

    .app-theme-cay .app-menu-strip ul li a.ui-btn.app-selected:not(:hover):not(.ui-btn-active),
    .app-theme-cay.app-has-popup-open .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        background-color: rgba(0,0,0, 0.15) !important;
    }

    /* list dividers*/
    .app-theme-cay .ui-li-divider {
        background-color: #d2d2b4;
        border-color: #848da5;
        color: #555;
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-cay .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-cay .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-cay .app-presenter-instruction,
    .app-theme-cay .app-grid-header .app-frozen-spacer {
        background-color: #fafaf4 !important;
        border-color: #d2d2b4 !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-cay .app-sidebar,
    .app-theme-cay .app-divider:not(.ui-collapsible),
    .app-theme-cay .app-echo,
    .app-theme-cay .app-header {
        border-color: #d1d193;
    }


body:not(.app-sidebar-undocked).app-theme-cay .ui-header-fixed .ui-title {
    border-color: #adb3c3 !important;
    color: #fff;
}

.app-theme-cay .app-bar-heading {
    background-color: #fafaf4;
    color: #1d092d;
    text-shadow: none;
}

.app-theme-cay .ui-body-a,
.app-theme-cay .app-li-card,
.app-theme-cay .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
.app-theme-cay .app-li-card {
    background-color: #fff;
    border-color: #d2d2b4;
    /*color: #fff;*/
    text-shadow: none;
}

.app-theme-cay .ui-panel .ui-body-a {
    border-color: #d1d193 !important;
}

.app-theme-cay .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
    background-color: #fff;
}


/*sidebar customizations*/
.app-theme-cay .ui-body-a.app-sidebar {
    background-color: #f4f4e7;
}

.app-theme-cay.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
.app-theme-cay .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
    border-color: #d2d2b4;
}

.app-theme-cay .ui-li-divider.app-info {
    background-color: #fff !important;
}

    .app-theme-cay .ui-li-divider.app-info .appname {
        color: #2c8e00;
    }

/* fix for form "card" */
.app-theme-cay .ui-page-theme-a .ui-body-inherit.app-li-card {
    border-top-color: #d2d2b4;
    border-left-color: #d2d2b4;
    border-right-color: #d2d2b4;
}

/*.app-theme-cay .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

.app-theme-cay .app-form-editing.app-formview .ui-field-contain {
    border-top-color: transparent;
}


/*buttons*/
.app-theme-cay .app-page-header,
.app-theme-cay .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html .app-theme-cay .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html .app-theme-cay .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html body.app-theme-cay .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html head + body.app-theme-cay .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
.app-theme-cay .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html .app-theme-cay .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html .app-theme-cay .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html body.app-theme-cay .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html head + body.app-theme-cay .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
.app-theme-cay .app-form-grid .ui-collapsible-set,
/* button overrides to remove "hover" on touch screens */
body.app-theme-cay:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
body:not(.app-desktop).app-theme-cay .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-cay .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-cay .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-cay .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html head + body:not(.app-desktop).app-theme-cay .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
.app-theme-cay .app-tabs.ui-header,
.app-theme-cay #app-welcome .ui-btn:not(:hover),
.app-theme-cay #app-popup-login .ui-btn:not(:hover),
.app-theme-cay .ui-datepicker .ui-state-highlight,
.app-theme-cay .ui-listview .app-frozen-spacer {
    border-color: #d2d2b4;
}

.app-theme-cay .ui-body-b .ui-btn-a,
.app-theme-cay .ui-body-b .ui-btn-a.ui-btn-active {
    border-color: #f4f4e7 !important;
}

.app-theme-cay.app-has-popup-open .app-menu-strip .ui-btn:hover {
    background-color: #f4f4e7 !important;
}

.app-theme-cay .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
html .app-theme-cay .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
html .app-theme-cay .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-theme-cay .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
html head + body.app-theme-cay .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
.app-theme-cay .ui-panel-page-container-a:not(.app-lookup),
.app-theme-cay .app-tabs.ui-header:not(.app-lookup),
.app-theme-cay .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html .app-theme-cay .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html .app-theme-cay .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html body.app-theme-cay .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
html head + body.app-theme-cay .ui-btn-a.ui-btn:visited:not(.app-selected),
.app-theme-cay .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
body.app-desktop.app-theme-cay .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
.app-theme-cay #app-welcome .ui-btn:not(:hover),
.app-theme-cay #app-popup-login .ui-btn:not(:hover),
.app-theme-cay .app-map-info .ui-popup-arrow,
.app-theme-cay .ui-datepicker .ui-datepicker-prev,
.app-theme-cay .ui-datepicker .ui-datepicker-next,
.app-theme-cay .ui-listview .app-frozen-spacer {
    color: #000;
    background-color: #fbfbf5;
}

/* top border of Info button in sidebar */
.app-theme-cay .app-sidebar .ui-btn.ui-icon-info {
    border-color: #d1d193 !important;
}

/* navigation panel selected item color fix*/
.app-theme-cay .app-nav-panel .ui-btn-a {
    color: #1f1f1f !important;
}

/* subtext coloring*/
.app-theme-cay .app-field-label-after,
.app-theme-cay .app-field-label-before,
.app-theme-cay .app-field-label,
.app-theme-cay .ui-panel .app-item-desc,
.app-theme-cay .ui-li-aside,
.app-theme-cay .ui-btn .ui-li-aside,
.app-theme-cay .app-grid-header,
.app-theme-cay .app-panel-info-view .app-list-instruction,
.app-theme-cay .app-filter,
.app-theme-cay a:not(.ui-btn):not(.btn),
.app-theme-cay .app-calculated .app-static-text,
.app-theme-cay .app-item-number {
    color: #2c8e00 !important;
}

    .app-theme-cay a:not(.ui-btn):not(.btn):hover,
    .app-theme-cay a:not(.ui-btn):not(.btn):active {
        color: #000 !important;
    }


.app-theme-cay .ui-btn p {
    color: #000 !important;
}

.app-theme-cay .app-bar-heading .app-bar-label,
.app-theme-cay .app-static-text div,
.app-theme-cay .app-form-editing.app-formview label {
    color: #2c8e00;
}

.app-theme-cay .app-wrapper,
.app-theme-cay .app-echo-instruction {
    color: #1d092d;
    text-shadow: none;
}

/* hover */
.app-theme-cay .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
body.app-desktop.app-theme-cay .ui-page-theme-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-cay .ui-bar-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-cay .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-desktop.app-theme-cay .ui-group-theme-a .ui-btn:hover:not(.app-selected),
html head + body.app-desktop.app-theme-cay .ui-btn-a.ui-btn:hover:not(.app-selected),
.app-theme-cay #app-welcome .ui-btn:hover,
.app-theme-cay #app-popup-login .ui-btn:hover,
.app-desktop.app-theme-cay .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer {
    background-color: #f7f7e9;
    border-color: #d2d2b4;
    color: #000;
}

.app-theme-cay.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
.app-theme-cay.app-desktop .ui-datepicker td a:hover {
    background-color: #f7f7e9;
}

/*selected button*/
.app-theme-cay .app-selected:not(.ui-btn-active),
.app-theme-cay .app-selected:hover,
.app-theme-cay .app-selected:visited,
.app-theme-cay .app-selected .app-frozen-spacer {
    background-color: #edede1 !important;
    border-color: #d2d2b4 !important;
    color: #000 !important;
}

.app-theme-cay .app-grid-header .app-selected:not(.ui-btn-active) {
    background-color: rgba(0,0,0,0.05) !important;
}

/* selected hover*/
html body.app-desktop.app-theme-cay .ui-btn.app-selected:hover:not(.ui-btn-active),
.app-theme-cay .app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-theme-cay .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
.app-theme-cay .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
    background-color: #e9e9df !important;
    border-color: #d2d2b4;
    color: #000 !important;
}

/* click */

.app-theme-cay .app-grid-header .ui-btn-active,
.app-theme-cay .dv-item .app-btn-more.ui-btn-active {
    background-color: #00c5db !important;
    color: #fff !important;
}

.app-theme-cay .app-listview .ui-btn.app-selected::before {
    background-color: #00c5db;
}

.app-theme-cay .ui-title.ui-btn-active,
html body.app-theme-cay .ui-btn.ui-btn-active,
    .app-theme-cay .ui-btn.ui-btn-active .app-frozen-spacer {
    background-color: #00c5db !important;
    border-color: #d2d2b4 !important;
    color: #fff !important;
}

.app-theme-cay .ui-panel-position-left .ui-btn-active .app-item-desc,
.app-theme-cay .ui-panel-position-right .ui-btn-active .app-item-desc,
.app-theme-cay #app-sidebar .ui-btn-active .app-item-desc,
.app-theme-cay .app-listview-static .ui-btn-active .app-item-desc,
.app-theme-cay .ui-btn-active p,
.app-theme-cay .ui-btn-active p.ui-li-aside,
.app-theme-cay .ui-btn.ui-btn-active span:not(.ui-li-count) {
    color: #fff !important;
}

.app-theme-cay .dv-action-see-all .app-btn-prev.ui-btn-active,
.app-theme-cay .dv-action-see-all .app-btn-next.ui-btn-active {
    background-color: #00C5DB;
    color: #fff;
}

.app-theme-cay .app-btn-check:not(.app-btn-check-selected) {
    border-color: #D2D2B4 !important;
    background-color: transparent !important;
}

.app-theme-cay .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
    border-color: #D2D2B4 !important;
}

.app-theme-cay .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
    background-color: transparent !important;
    border-color: #D2D2B4 !important;
}

.app-theme-cay .app-btn-check.app-btn-check-selected {
    border-color: #00C5DB !important;
    background-color: #00C5DB !important;
}

.app-theme-cay .app-btn-check .app-icon-themed {
    fill: #fff;
}

/* tabs */

.app-theme-cay .app-tabs .ui-btn {
    border-color: #848da5 !important;
    color: #1d092d;
}

    .app-theme-cay .app-tabs .ui-btn.ui-btn-active {
        border-color: #848da5 !important;
        background-color: #848da5 !important;
        color: #fff !important;
    }

/*button on header bar*/

.app-theme-cay .app-bar-tools .ui-btn,
.app-theme-cay .app-map-info-toolbar .ui-btn {
    border-color: #293247 !important;
}

    .app-theme-cay.app-desktop .app-bar-tools .ui-btn:hover,
    .app-theme-cay .app-bar-tools .ui-btn.ui-btn-active,
    .app-theme-cay.app-desktop .app-map-info-toolbar .ui-btn:hover,
    .app-theme-cay .app-map-info-toolbar .ui-btn.ui-btn-active {
        border-color: #000 !important;
    }

.app-theme-cay.app-desktop .ui-btn.ui-btn-icon-notext:hover,
.app-theme-cay.app-desktop .ui-btn.ui-btn-icon-notext.ui-btn-active,
.app-theme-cay .ui-datepicker .ui-datepicker-prev:hover,
.app-theme-cay .ui-datepicker .ui-datepicker-next:hover {
    border-color: #293247 !important;
    background-color: #CFCFC6 !important;
}


.app-theme-cay .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
.app-theme-cay .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
.app-theme-cay .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
.app-theme-cay .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
.app-theme-cay .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
.app-theme-cay .ui-datepicker .ui-datepicker-prev span,
.app-theme-cay .ui-datepicker .ui-datepicker-next span,
.app-theme-cay .ui-checkbox-on:after,
.app-theme-cay .ui-flipswitch-active,
.app-theme-cay .ui-slider-track .ui-btn-active {
    background-color: #848da5 !important;
}

.app-theme-cay .ui-btn .glyphicon {
    color: #848da5;
}

.app-theme-cay .app-icon-themed {
    fill: #848da5;
}

.app-theme-cay .ui-radio-on:after,
.app-theme-cay .ui-slider-track .ui-btn-active,
.app-theme-cay .ui-flipswitch-active {
    border-color: #848da5 !important;
}


.app-theme-cay .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
.app-theme-cay .ui-btn.ui-btn-active.ui-btn-icon-left::after,
.app-theme-cay .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
.app-theme-cay .ui-btn.ui-btn-active.ui-btn-icon-top::after,
.app-theme-cay .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
    background-color: #12a4b4 !important;
}
/*swatch b*/
.app-theme-cay .ui-btn.ui-btn-b,
.app-theme-cay .ui-btn.ui-btn-b:visited,
body.app-theme-cay:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
    background-color: #3b4151;
    border-color: #adb3c3 !important;
    color: #fff;
}

    /*swatch b hover*/

    .app-theme-cay .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-cay.app-desktop .ui-btn.ui-btn-b:hover,
    .app-theme-cay .app-popup .ui-content .ui-checkbox .ui-btn:hover,
    .app-theme-cay .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
        background-color: #353a49;
        border-color: #adb3c3 !important;
        color: #fff;
    }

    .app-theme-cay .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-cay.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #000 !important;
    }

.app-theme-cay .ui-body-a .ui-btn-b,
.app-theme-cay.app-desktop .ui-body-a .ui-btn-b:hover,
.app-theme-cay .ui-body-a .ui-btn-b.ui-btn-active {
    border-color: #848da5 !important;
}


/*swatch b divider*/
.app-theme-cay .ui-bar-b,
.app-theme-cay .ui-bar-b .ui-bar-inherit,
html .app-theme-cay.ui-body-b .ui-bar-inherit,
html body.app-theme-cay .ui-group-theme-b .ui-bar-inherit {
    border-color: #adb3c3;
    background-color: #848da5;
}

/*fix for lookups/inputs*/
.app-theme-cay .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
.app-theme-cay .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
.app-theme-cay .ui-input-text:not(.ui-btn-active),
.app-theme-cay .app-form-editing .ui-input-text:not(.ui-btn-active),
.app-theme-cay .ui-input-search.ui-body-inherit {
    background-color: #fff;
    border-color: #d2d2b4;
    text-shadow: none;
    /*color: #fff;*/
}

    .app-theme-cay .ui-btn.app-lookup.ui-focus,
    .app-theme-cay .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
    .app-theme-cay .ui-input-text.ui-focus,
    .app-theme-cay .app-form-editing .ui-input-text.ui-focus,
    .app-theme-cay .ui-input-search.ui-body-inherit.ui-focus,
    .app-theme-cay .ui-checkbox label.ui-focus,
    .app-theme-cay .ui-datepicker .ui-state-active {
        border-color: #848da5 !important;
    }

.app-theme-cay .ui-slider {
    border-color: #d2d2b4 !important;
}

.app-theme-cay .ui-slider-label.ui-btn-active {
    background-color: #848da5 !important;
}

/* background bleed under form in editing mode*/
.app-theme-cay .ui-body-a.ui-collapsible-content {
    background-color: #fff;
}

.app-theme-cay .app-bar-tools .ui-input-search.ui-body-inherit {
    background-color: #fff;
}

.app-theme-cay .ui-btn.app-lookup,
.app-theme-cay .ui-btn.ui-btn-active.app-lookup {
    border-color: #848da5;
}


.app-theme-cay .app-lookup-input {
    background-color: #fff;
    /*color: #fff;*/
}

.app-theme-cay .app-grid-header {
    color: #999;
}

/*special buttons*/
.app-theme-cay #app-welcome .ui-btn:not(.ui-btn-active):not(.ui-focus),
.app-theme-cay #app-popup-login .ui-btn:not(.ui-btn-active):not(.ui-focus) {
    background-color: #fbfbf5 !important;
    border-color: #d2d2b4 !important;
    color: #000;
}

.app-theme-cay #app-welcome .ui-btn:hover:not(.ui-btn-active):not(.ui-focus),
.app-theme-cay #app-popup-login .ui-btn:hover:not(.ui-btn-active):not(.ui-focus) {
    background-color: #f8f8f1 !important;
}

@media (min-width: 20em) {

    .app-theme-cay .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-white.png);
    }
}

.app-theme-cay .app-listview li .app-li-corner {
    color: #fff;
    background-color: #848da5;
}

.app-theme-cay .dataview-busy-indicator {
    background-color: #00c5db;
}

.app-theme-cay .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-cay .ui-bar-a .app-user-name {
    color: #ccc !important;
}

.app-theme-cay .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-cay .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active),
.app-theme-cay .ui-bar-a .app-menu-strip .ui-btn.app-selected:hover:not(.ui-btn-active) {
    color: #fff !important;
}

/*********************************/
/* THEME: CITRUS                */
/*******************************/

.app-theme-citrus,
.app-theme-citrus .ui-page-theme-a {
    background-color: #fff;
    /*scrollbar-base-color: #ACBA82;
    scrollbar-track-color: #F0F8C3;
    scrollbar-arrow-color: #a8ba70;
    scrollbar-shadow-color: #a8ba70;*/
}

    .app-theme-citrus.app-desktop ::-webkit-scrollbar-track {
        background-color: #F0F8C3;
    }

    .app-theme-citrus.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #ACBA82;
        border: solid 1px #a8ba70;
    }

        .app-theme-citrus.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #bdd9fc;
        }

    .app-theme-citrus .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-citrus .ui-panel,
    .app-theme-citrus .app-page-header,
    .app-theme-citrus .app-status-bar {
        background-color: rgb(242, 96, 0);
        border-color: #a8551c;
    }

    .app-theme-citrus .app-page-header {
        color: #1f1f1f;
        background-color: rgb(205, 221, 155);
    }

    .app-theme-citrus .app-status-bar {
        color: #000;
    }

    .app-theme-citrus .app-form-editing.app-formview .app-static-text div,
    .app-theme-citrus .app-page-menu-desc,
    .app-theme-citrus .ui-checkbox label {
        text-shadow: none !important;
        /*color: #fff;*/
    }

    /*popup*/
    .app-theme-citrus .app-popup-message,
    .app-theme-citrus .ui-content.app-map-info {
        background-color: rgb(242, 96, 0);
        border-color: rgb(255, 147, 76);
        text-shadow: none;
        color: #fff;
    }

        .app-theme-citrus .app-popup-message .ui-popup-arrow {
            background-color: rgb(242, 96, 0);
        }

        .app-theme-citrus .app-popup-message div {
            color: rgb(255, 147, 76);
        }

    .app-theme-citrus .ui-flipswitch-active a {
        color: #fff !important;
    }

    /* page header */
    .app-theme-citrus .app-bar-tools.ui-bar-a,
    .app-theme-citrus :not(.app-tabs).ui-header-fixed.ui-header:not(.app-bar-actions):not(.app-bar-header),
    .app-theme-citrus .ui-header:not(.app-bar-actions):not(.app-bar-header) {
        background-color: rgb(242, 96, 0);
        border-color: #a8551c;
        text-shadow: none;
    }

    .app-theme-citrus .app-popup-listview .ui-popup-arrow,
    .app-theme-citrus .app-popup-listview {
        background-color: rgb(242, 96, 0) !important;
        border-color: rgb(242, 96, 0) !important;
    }

    .app-theme-citrus .app-page-header,
    .app-theme-citrus .app-echo,
    .app-theme-citrus .app-header {
        border-color: #ACBA82 !important;
    }

    /* list dividers*/
    .app-theme-citrus .ui-li-divider {
        background-color: rgb(215, 232, 167);
        border-color: #ACBA82;
        text-shadow: none;
    }

    .app-theme-citrus #app-panel-menu .ui-li-divider a:not(.ui-btn) {
        color: #d9d9d9 !important;
    }

        .app-theme-citrus #app-panel-menu .ui-li-divider a:not(.ui-btn):hover,
        .app-theme-citrus #app-panel-menu .ui-li-divider a:not(.ui-btn):active {
            color: #fff !important;
        }

    .app-theme-citrus ui-li-divider,
    .app-theme-citrus .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        background-color: rgb(242, 255, 204);
        /*border-color: #ACBA82;*/
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-citrus .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-citrus .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-citrus .app-presenter-instruction,
    .app-theme-citrus .app-grid-header .app-frozen-spacer {
        background-color: #F0F8C3 !important;
        border-color: rgb(215, 232, 167) !important;
        color: rgb(107, 0, 0);
        /*border-bottom-width:1px;*/ /* added border to list/grid header to add color separation*/
    }

    body:not(.app-sidebar-undocked).app-theme-citrus .ui-header-fixed .ui-title, .app-theme-citrus .app-divider:not(.ui-collapsible):not(.app-calculated) {
        border-color: rgb(255, 147, 76) !important;
    }

    .app-theme-citrus .app-bar-heading {
        background-color: #F0F8C3;
        color: rgb(107, 0, 0);
        text-shadow: none;
    }

    .app-theme-citrus .ui-body-a,
    .app-theme-citrus .ui-page-theme-a .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
        border-color: #ACBA82;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-citrus ul:not(.app-form-editing) .ui-field-contain {
        border-color: rgb(215, 232, 167) !important;
    }


    .app-theme-citrus .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    body:not(.app-sidebar-undocked).app-theme-citrus .app-sidebar,
    .app-theme-citrus .ui-body-a.app-sidebar,
    .app-theme-citrus .app-bar-actions,
    .app-theme-citrus .app-bar-header,
    .app-theme-citrus .app-bar-footer {
        background-color: rgb(205, 221, 155);
        border-color: #ACBA82;
    }

    .app-theme-citrus.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-citrus .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: rgb(215, 232, 167);
    }

    .app-theme-citrus .ui-li-divider.app-info {
        background-color: rgb(246, 250, 225) !important;
        color: #000;
    }

    .app-theme-citrus .appname {
        color: rgb(242, 96, 0) !important;
    }

    /* fix for form "card" */
    .app-theme-citrus .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: rgb(215, 232, 167);
        border-left-color: rgb(215, 232, 167);
        border-right-color: rgb(215, 232, 167);
    }

    /*.app-theme-citrus .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-citrus .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-citrus .app-page-header,
    .app-theme-citrus .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-citrus .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-citrus .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-citrus .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-citrus .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-citrus .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-citrus .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-citrus .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-citrus .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-citrus .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-citrus .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-citrus:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-citrus .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-citrus .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-citrus .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-citrus .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-citrus .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-citrus .app-tabs.ui-header,
    .app-theme-citrus #app-welcome .ui-btn,
    .app-theme-citrus #app-popup-login .ui-btn,
    .app-theme-citrus .ui-datepicker .ui-state-highlight,
    .app-theme-citrus .ui-listview .app-frozen-spacer {
        border-color: rgb(215, 232, 167);
    }

    .app-theme-citrus .app-tabs.ui-header {
        border-color: #ACBA82 !important;
    }

    .app-theme-citrus .ui-body-b .ui-btn-a,
    .app-theme-citrus .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: rgb(242, 96, 0) !important;
    }

    .app-theme-citrus.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: rgb(242, 96, 0) !important;
    }

    .app-theme-citrus .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-citrus .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-citrus .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-citrus .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-citrus .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-citrus .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-citrus .app-tabs.ui-header:not(.app-lookup),
    .app-theme-citrus .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-citrus .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-citrus .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-citrus .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-citrus .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-citrus .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-citrus .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-citrus .app-map-info .ui-popup-arrow,
    .app-theme-citrus .ui-datepicker .ui-datepicker-prev,
    .app-theme-citrus .ui-datepicker .ui-datepicker-next,
    .app-theme-citrus .ui-listview .app-frozen-spacer {
        color: #000;
        background-color: rgb(246, 250, 225);
    }

    /* top border of Info button in sidebar */
    .app-theme-citrus .app-sidebar .ui-btn.ui-icon-info {
        border-color: #ACBA82 !important;
    }


    /* navigation panel selected item color fix*/
    .app-theme-citrus .app-nav-panel .ui-btn-a {
        color: rgb(209, 0, 0) !important;
    }

    /* subtext coloring*/
    .app-theme-citrus .app-field-label-after,
    .app-theme-citrus .app-field-label-before,
    .app-theme-citrus .app-field-label,
    .app-theme-citrus .ui-panel .app-item-desc,
    .app-theme-citrus .app-item-number {
        color: #98a473 !important;
    }


    .app-theme-citrus a:not(.ui-btn):not(.btn) {
        color: #44495a !important;
    }

        .app-theme-citrus a:not(.ui-btn):not(.btn):hover,
        .app-theme-citrus a:not(.ui-btn):not(.btn):active {
            color: #7c7f8b !important;
        }

    .app-theme-citrus .ui-btn p {
        color: #000 !important;
    }

    .app-theme-citrus .ui-li-aside,
    .app-theme-citrus .ui-btn .ui-li-aside,
    .app-theme-citrus .app-grid-header,
    .app-theme-citrus .app-calculated .app-static-text {
        color: rgb(209, 0, 0) !important;
    }

    .app-theme-citrus .app-filter {
        color: #b28505;
    }

    .app-theme-citrus .app-bar-heading .app-bar-label,
    .app-theme-citrus .app-static-text div,
    .app-theme-citrus .app-form-editing.app-formview label {
        color: rgb(107, 0, 0);
    }

    .app-theme-citrus .app-wrapper,
    .app-theme-citrus .app-echo-instruction {
        color: rgb(107, 0, 0);
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-citrus .app-selected:not(.ui-btn-active),
    .app-theme-citrus .app-selected:hover,
    .app-theme-citrus .app-selected:visited,
    .app-theme-citrus .app-selected .app-frozen-spacer {
        background-color: #eafdb1 !important;
        border-color: rgb(215, 232, 167) !important;
        color: #000 !important;
    }

    .app-theme-citrus .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-citrus .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-citrus .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-citrus .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-citrus .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-citrus .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-citrus .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-desktop.app-theme-citrus .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer {
        background-color: rgb(242, 255, 204);
        border-color: rgb(215, 232, 167);
    }

    .app-theme-citrus.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-citrus.app-desktop .ui-datepicker td a:hover {
        background-color: rgb(242, 255, 204);
    }

    /* selected hover*/
    html body.app-desktop.app-theme-citrus .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-citrus .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-citrus .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-citrus .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #E6FCA4 !important;
        border-color: rgb(215, 232, 167) !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-citrus .app-grid-header .ui-btn-active,
    .app-theme-citrus .dv-item .app-btn-more.ui-btn-active {
        background-color: #FFD253 !important;
        color: #000 !important;
    }

    .app-theme-citrus .app-listview .ui-btn.app-selected::before {
        background-color: #FFD253;
    }

    .app-theme-citrus .ui-title.ui-btn-active,
    html body.app-theme-citrus .ui-btn.ui-btn-active,
    .app-theme-citrus .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #FFD253 !important;
        border-color: rgb(215, 232, 167) !important;
        color: #000 !important;
    }

    .app-theme-citrus .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-citrus .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #FFD253;
        color: #000;
    }

    .app-theme-citrus .app-btn-check:not(.app-btn-check-selected) {
        border-color: #D7E8A7 !important;
        background-color: transparent !important;
    }

    .app-theme-citrus .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #D7E8A7 !important;
    }

    .app-theme-citrus .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #D7E8A7 !important;
    }

    .app-theme-citrus .app-btn-check.app-btn-check-selected {
        border-color: #FFD253 !important;
        background-color: #FFD253 !important;
    }

    .app-theme-citrus .app-btn-check .app-icon-themed {
        fill: #000;
    }

    /* tabs */
    .app-theme-citrus .ui-header .ui-btn {
        border-color: #ACBA82 !important;
    }

    .app-theme-citrus .ui-header .ui-btn-active {
        background-color: #ACBA82 !important;
        color: #fff !important;
    }

    .app-theme-citrus .app-tabs .ui-btn {
        border-color: #ACBA82 !important;
        /*color:  #2e2406;*/
    }

        .app-theme-citrus .app-tabs .ui-btn.ui-btn-active {
            border-color: #ACBA82 !important;
            background-color: #ACBA82 !important;
            color: #fff !important;
        }

    /*toolbar button background*/
    .app-theme-citrus .app-bar-tools .ui-btn,
    .app-theme-citrus .app-map-info-toolbar .ui-btn {
        background-color: rgb(255, 147, 76) !important;
        border-color: #d16922 !important;
    }

    .app-theme-citrus.app-desktop .app-bar-tools .ui-btn:hover:not(.ui-btn-active),
    .app-theme-citrus.app-desktop .app-map-info-toolbar .ui-btn:hover:not(.ui-btn-active) {
        background-color: #ff7d23 !important;
    }

    .app-theme-citrus .app-bar-tools .ui-btn-icon-notext::after,
    .app-theme-citrus .app-map-info-toolbar .ui-btn-icon-notext::after,
    .app-theme-citrus .ui-btn-b::after {
        background-color: #d16922 !important;
    }

    /*button on header bar*/
    .app-theme-citrus.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-citrus.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-citrus .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-citrus .app-map-info-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #a8551c !important;
    }

    .app-theme-citrus .app-bar-actions .ui-btn {
        border-color: #ACBA82 !important;
    }

        .app-theme-citrus .app-bar-actions .ui-btn.ui-btn-active {
            border-color: #ACBA82 !important;
        }

    .app-theme-citrus.app-desktop .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-citrus .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-citrus .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-citrus .ui-datepicker .ui-datepicker-next:hover {
        border-color: #ACBA82 !important;
    }

    .app-theme-citrus .ui-btn.app-btn-icon-transparent::after {
        background-color: transparent !important;
    }

    .app-theme-citrus .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-citrus .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-citrus .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-citrus .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-citrus .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-citrus .ui-datepicker .ui-datepicker-prev span,
    .app-theme-citrus .ui-datepicker .ui-datepicker-next span,
    .app-theme-citrus .ui-checkbox-on:after,
    .app-theme-citrus .ui-flipswitch-active,
    .app-theme-citrus .ui-slider-track .ui-btn-active {
        background-color: #ACBA82;
    }

    .app-theme-citrus .ui-btn .glyphicon {
        color: #ACBA82;
    }

    .app-theme-citrus .app-icon-themed {
        fill: #ACBA82;
    }

    .app-theme-citrus .ui-btn-active .app-icon-themed {
        fill: #000;
    }

    .app-theme-citrus .ui-radio-on:after,
    .app-theme-citrus .ui-slider-track .ui-btn-active,
    .app-theme-citrus .ui-flipswitch-active {
        border-color: #ACBA82 !important;
    }

    .app-theme-citrus .ui-btn.ui-btn-icon-notext.ui-btn-active::after,
    .app-theme-citrus .ui-btn.ui-btn-icon-left.ui-btn-active::after,
    .app-theme-citrus .ui-btn.ui-btn-icon-right.ui-btn-active:not(.app-btn-icon-transparent)::after,
    .app-theme-citrus .ui-btn.ui-btn-icon-top.ui-btn-active::after,
    .app-theme-citrus .ui-btn.ui-btn-icon-bottom.ui-btn-active::after,
    .app-theme-citrus .ui-datepicker .ui-datepicker-prev span,
    .app-theme-citrus .ui-datepicker .ui-datepicker-next span {
        background-color: #dfb53f !important;
    }

    /*swatch b*/
    .app-theme-citrus .ui-btn.ui-btn-b,
    .app-theme-citrus .ui-btn.ui-btn-b:visited,
    body.app-theme-citrus:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: rgb(255, 147, 76);
        border-color: rgb(242, 96, 0);
        color: rgb(107, 0, 0);
    }

        /*swatch b hover*/
        .app-theme-citrus .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-citrus.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-citrus .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-citrus .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #fe9f61;
            border-color: rgb(242, 96, 0) !important;
            color: rgb(107, 0, 0) !important;
        }

    /*swatch b divider*/
    .app-theme-citrus .ui-bar-b,
    .app-theme-citrus .ui-bar-b .ui-bar-inherit,
    html .app-theme-citrus.ui-body-b .ui-bar-inherit,
    html body.app-theme-citrus .ui-group-theme-b .ui-bar-inherit {
        border-color: rgb(255, 147, 76);
        background-color: rgb(242, 96, 0);
    }

    .app-theme-citrus .ui-body-a .ui-btn-b,
    .app-theme-citrus.app-desktop .ui-body-a .ui-btn-b:hover,
    .app-theme-citrus .ui-body-a .ui-btn-b.ui-btn-active {
        border-color: #ACBA82 !important;
    }

    /*fix for lookups/inputs*/
    .app-theme-citrus .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-citrus .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-citrus .ui-input-text:not(.ui-btn-active),
    .app-theme-citrus .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-citrus .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: rgb(215, 232, 167);
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-citrus .ui-btn.app-lookup.ui-focus,
        .app-theme-citrus .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-citrus .ui-input-text.ui-focus,
        .app-theme-citrus .app-form-editing .ui-input-text.ui-focus,
        .app-theme-citrus .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-citrus .ui-checkbox label.ui-focus,
        .app-theme-citrus .ui-datepicker .ui-state-active {
            border-color: #d2b47a !important;
        }

    .app-theme-citrus .ui-slider {
        border-color: rgb(215, 232, 167) !important;
    }

    .app-theme-citrus .ui-slider-label.ui-btn-active {
        background-color: rgb(255, 147, 76) !important;
        color: #000 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-citrus .ui-body-a.ui-collapsible-content {
        background-color: #fff;
        border-bottom-color: rgb(215, 232, 167) !important;
    }

    .app-theme-citrus .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-citrus .app-popup .ui-content .ui-checkbox .ui-btn:not(ui-btn-active):not(:hover) {
        background-color: rgb(255, 147, 76);
        border-color: rgb(242, 96, 0) !important;
        text-shadow: none;
    }

    .app-theme-citrus .ui-btn.app-lookup,
    .app-theme-citrus .ui-btn.ui-btn-active.app-lookup {
        border-color: #ACBA82;
    }

    .app-theme-citrus .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-citrus .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-citrus .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-black.png);
    }
}

.app-theme-citrus .app-listview li .app-li-corner {
    color: #000;
    background-color: #ffe885;
}

.app-theme-citrus .dataview-busy-indicator {
    background-color: #1f1f1f;
}

.app-theme-citrus .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-citrus .ui-bar-a .app-user-name {
    color: #333 !important;
}

.app-theme-citrus .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-citrus .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active),
.app-theme-citrus .ui-bar-a .app-menu-strip .ui-btn.app-selected:hover:not(.ui-btn-active) {
    color: #000 !important;
}

/*********************************/
/* THEME: classic               */
/*******************************/

.app-theme-classic,
.app-theme-classic .ui-page-theme-a {
    background-color: #f1f6fd;
}

    .app-theme-classic .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-classic .ui-panel,
    .app-theme-classic .app-page-header,
    .app-theme-classic .app-status-bar {
        background-color: #002776;
        border-color: #679afe;
    }

    .app-theme-classic .app-page-header {
        color: #1f1f1f;
        background-color: #FFE6A0;
    }

    .app-theme-classic .app-status-bar {
        color: #000;
    }

    .app-theme-classic .app-form-editing.app-formview .app-static-text div,
    .app-theme-classic .app-page-menu-desc,
    .app-theme-classic .ui-checkbox label {
        text-shadow: none !important;
        color: #fff;
    }

    .app-theme-classic .ui-header .ui-title,
    .app-theme-classic .ui-footer .ui-title {
        color: #fff;
    }

    /*popup*/
    .app-theme-classic .app-popup-message,
    .app-theme-classic .ui-content.app-map-info {
        background-color: #002776;
        border-color: #679afe;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-classic .app-popup-message .ui-popup-arrow {
            background-color: #002776;
        }

        .app-theme-classic .app-popup-message div {
            color: #002776;
        }

    .app-theme-classic .ui-flipswitch-active a {
        color: #fff !important;
    }

    /* page header */
    .app-theme-classic .ui-bar-a,
    .app-theme-classic :not(.app-tabs).ui-header-fixed.ui-header:not(.app-bar-actions):not(.app-bar-header) {
        background-color: #002776;
        border-color: #679afe;
        text-shadow: none;
    }

    .app-theme-classic .app-popup-listview .ui-popup-arrow,
    .app-theme-classic .app-popup-listview {
        background-color: #002776 !important;
        border-color: #002776 !important;
    }

    .app-theme-classic .app-menu-strip a.ui-btn,
    .app-theme-classic.app-desktop .app-menu-strip a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        color: #fff !important;
    }

    .app-theme-classic .app-menu-strip ul li a.ui-btn.app-selected:not(:hover):not(.ui-btn-active),
    .app-theme-classic.app-has-popup-open .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        background-color: rgba(0,0,0, 0.25) !important;
    }

    /* list dividers*/
    /*.app-theme-classic .ui-listview > .app-list-instruction.ui-li-divider
    {
        background-color:red;
    }
    
    .app-theme-classic ui-li-divider {
        background-color: #b6cdf7;
        border-color: #679afe;
        color: #555;
        text-shadow: none;
    }*/

    .app-theme-classic ui-li-divider,
    .app-theme-classic .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        background-color: #002776;
        border-color: #679afe;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-classic .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-classic .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-classic .app-presenter-instruction,
    .app-theme-classic .app-grid-header .app-frozen-spacer {
        background-color: #E1EDFB !important;
        border-color: #b6cdf7 !important;
        /*border-bottom-width:1px;*/ /* added border to list/grid header to add color separation*/
    }

    .app-theme-classic .ui-body-a,
    .app-theme-classic .ui-page-theme-a .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
        border-color: #679afe;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-classic ul:not(.app-form-editing) .ui-field-contain {
        border-color: #b6cdf7 !important;
    }

    .app-theme-classic .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-classic .ui-body-a.app-sidebar,
    .app-theme-classic .app-bar-actions,
    .app-theme-classic .app-bar-header,
    .app-theme-classic .app-bar-footer {
        background-color: #9eaee5;
    }

    .app-theme-classic.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-classic .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #679afe;
    }

    .app-theme-classic .ui-li-divider.app-info {
        background-color: #fff !important;
    }

    /* fix for form "card" */
    .app-theme-classic .ui-page-theme-a .ui-body-inherit.app-li-card, .app-theme-classic .ui-li-divider[role="heading"]:not(.ui-bar-b) {
        border-color: #b6cdf7;
    }

    /*.app-theme-classic .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-classic .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }

    body:not(.app-sidebar-undocked).app-theme-classic .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-classic .app-sidebar,
    .app-theme-classic .app-divider:not(.app-calculated),
    .app-theme-classic .app-echo,
    .app-theme-classic .app-header {
        border-color: #679afe !important;
    }

    .app-theme-classic .app-bar-heading {
        background-color: #E1EDFB;
        text-shadow: none;
    }


    .app-theme-classic .app-page-header {
        border-color: #b6cdf7;
    }


    /*buttons*/
    .app-theme-classic .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-classic .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-classic .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-classic .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-classic .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-classic .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-classic .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-classic .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-classic .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-classic .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-classic .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-classic:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-classic .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-classic .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-classic .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-classic .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-classic .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-classic #app-welcome .ui-btn:not(:hover),
    .app-theme-classic #app-popup-login .ui-btn:not(:hover),
    .app-theme-classic .ui-datepicker .ui-state-highlight,
    .app-theme-classic .ui-listview .app-frozen-spacer {
        border-color: #b6cdf7;
    }

    .app-theme-classic .ui-body-b .ui-btn-a,
    .app-theme-classic .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #002776 !important;
    }

    .app-theme-classic.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #002776 !important;
    }

    .app-theme-classic .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-classic .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-classic .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-classic .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-classic .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-classic .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-classic .app-tabs.ui-header:not(.app-lookup),
    .app-theme-classic .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-classic .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-classic .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-classic .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-classic .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-classic .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-classic .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-classic #app-welcome .ui-btn:not(:hover),
    .app-theme-classic #app-popup-login .ui-btn:not(:hover),
    .app-theme-classic .app-map-info .ui-popup-arrow,
    .app-theme-classic .ui-datepicker .ui-datepicker-prev,
    .app-theme-classic .ui-datepicker .ui-datepicker-next,
    .app-theme-classic .ui-listview .app-frozen-spacer {
        color: #000;
        background-color: #e2ebfc;
    }

    /* top border of Info button in sidebar */
    .app-theme-classic .app-sidebar .ui-btn.ui-icon-info {
        border-color: #679afe !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-classic .ui-panel-inner .ui-btn-a {
        color: #fff; /*#1659d8 !important;*/
    }

    /* subtext coloring*/
    .app-theme-classic .app-field-label-after,
    .app-theme-classic .app-field-label-before,
    .app-theme-classic .app-field-label,
    .app-theme-classic .ui-panel .app-item-desc,
    .app-theme-classic .ui-li-aside,
    .app-theme-classic .ui-btn .ui-li-aside,
    .app-theme-classic .app-grid-header,
    .app-theme-classic .app-panel-info-view .app-list-instruction,
    .app-theme-classic .app-filter,
    .app-theme-classic .app-calculated .app-static-text,
    .app-theme-classic .app-item-number {
        color: #1659d8 !important;
    }

    .app-theme-classic .ui-group-theme-b a:not(.ui-btn) {
        color: #dde0ff !important;
    }

        .app-theme-classic .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-classic .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-classic .ui-body-b a:not(.ui-btn):hover,
        .app-theme-classic .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-classic .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-classic .ui-bar-b a:not(.ui-btn):active,
        .app-theme-classic .ui-body-b a:not(.ui-btn):active,
        .app-theme-classic .ui-group-theme-b a:not(.ui-btn):active {
            color: #fff !important;
        }

    .app-theme-classic .ui-btn p {
        color: #000 !important;
    }

    .app-theme-classic .app-bar-heading .app-bar-label,
    .app-theme-classic .app-static-text div,
    .app-theme-classic .app-form-editing.app-formview label /*, .app-theme-classic .app-wrapper*/ {
        color: #1659d8;
    }

    /*selected button*/
    .app-theme-classic .app-selected:not(.ui-btn-active),
    .app-theme-classic .app-selected:hover,
    .app-theme-classic .app-selected:visited,
    .app-theme-classic .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-classic .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-classic .app-selected .app-frozen-spacer {
        background-color: #E0F2FA !important;
        border-color: #b6cdf7 !important;
        color: #000 !important;
    }

    .app-theme-classic .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-classic .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-classic .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-classic .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-classic .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html body.app-desktop.app-theme-classic .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-classic .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-desktop.app-theme-classic .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer {
        background-color: #dce6f9;
        border-color: #b6cdf7;
    }

    .app-theme-classic.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-classic.app-desktop .ui-datepicker td a:hover {
        background-color: #DCF1FA;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-classic .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-classic #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-classic #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-theme-classic .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer  {
        background-color: #DCF1FA !important;
        border-color: #b6cdf7 !important;
        color: #000 !important;
    }

    /*swatch b*/
    .app-theme-classic .ui-btn.ui-btn-b,
    .app-theme-classic .ui-btn.ui-btn-b:visited,
    body.app-theme-classic:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #7aa4dd;
        border-color: #002776;
        color: #000;
    }

    /*swatch b hover*/
    .app-theme-classic.app-desktop .ui-btn.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #78a0d7 !important;
        border-color: #002776 !important;
        color: #000 !important;
    }


    /*swatch b divider*/
    .app-theme-classic .ui-bar-b,
    .app-theme-classic .ui-bar-b .ui-bar-inherit,
    html .app-theme-classic.ui-body-b .ui-bar-inherit,
    html body.app-theme-classic .ui-group-theme-b .ui-bar-inherit {
        border-color: #002776;
        background-color: #002776;
    }

    /* click */

    .app-theme-classic .app-grid-header .ui-btn-active,
    .app-theme-classic .dv-item .app-btn-more.ui-btn-active {
        background-color: #FFD253 !important;
        color: #000 !important;
    }

    .app-theme-classic .app-listview .ui-btn.app-selected::before {
        background-color: #FFD253;
    }

    .app-theme-classic .ui-title.ui-btn-active,
    html body.app-theme-classic .ui-btn.ui-btn-active,
    .app-theme-classic .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #FFD253 !important;
        border-color: #b6cdf7 !important;
        color: #000 !important;
    }

        html body.app-theme-classic .ui-btn.ui-btn-active::after {
            background-color: #91845e;
        }


html body.app-theme-classic .ui-body-b .ui-btn.ui-btn-active {
    border-color: #002776 !important;
}

.app-theme-classic .dv-action-see-all .app-btn-prev.ui-btn-active,
.app-theme-classic .dv-action-see-all .app-btn-next.ui-btn-active {
    background-color: #FFD253;
    color: #000;
}

.app-theme-classic .app-btn-check:not(.app-btn-check-selected) {
    border-color: #B6CDF7 !important;
    background-color: transparent !important;
}

.app-theme-classic .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
    border-color: #B6CDF7 !important;
}

.app-theme-classic .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
    background-color: transparent !important;
    border-color: #B6CDF7 !important;
}

.app-theme-classic .app-btn-check.app-btn-check-selected {
    border-color: #FFD253 !important;
    background-color: #FFD253 !important;
}

.app-theme-classic .app-btn-check .app-icon-themed {
    fill: #000;
}


/* tabs */
.app-theme-classic .app-tabs.ui-header {
    border-color: #79a7e3;
}

.app-theme-classic .app-tabs .ui-btn {
    border-color: #79a7e3 !important;
}

    .app-theme-classic .app-tabs .ui-btn.ui-btn-active {
        border-color: #79a7e3 !important;
        background-color: #79a7e3 !important;
        color: #fff !important;
    }


/*button on header bar*/
.app-theme-classic #app-bar-tools .ui-btn.ui-btn-icon-notext,
.app-theme-classic .app-map-info-toolbar .ui-btn.ui-btn-icon-notext {
    border-color: #679afe !important;
}

.app-theme-classic.app-desktop #app-bar-tools .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
.app-theme-classic.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
.app-theme-classic .ui-datepicker .ui-datepicker-prev:hover,
.app-theme-classic .ui-datepicker .ui-datepicker-next:hover {
    border-color: #3f5f8a !important;
    background-color: #c6d8ec !important;
}

.app-theme-classic .app-bar-actions .ui-btn,
.app-theme-classic .app-bar-actions .ui-btn.ui-btn-active {
    border-color: #679afe !important;
}


.app-theme-classic #app-bar-tools .ui-btn.ui-btn-active.ui-btn-icon-notext,
.app-theme-classic .app-map-info-toolbar .ui-btn.ui-btn-active.ui-btn-icon-notext {
    background-color: #FFE6A0 !important;
}

    .app-theme-classic #app-bar-tools .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-classic .app-map-info-toolbar .ui-btn.ui-btn-active.ui-btn-icon-notext::after {
        background-color: #91845e !important;
    }

.app-theme-classic.app-desktop .ui-btn.ui-btn-icon-notext:hover,
.app-theme-classic .ui-btn.ui-btn-icon-notext.ui-btn-active {
    border-color: #657b96 !important;
}

.app-theme-classic .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
.app-theme-classic .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
.app-theme-classic .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
.app-theme-classic .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
.app-theme-classic .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
.app-theme-classic .ui-datepicker .ui-datepicker-prev span,
.app-theme-classic .ui-datepicker .ui-datepicker-next span,
.app-theme-classic .ui-checkbox-on:after,
.app-theme-classic .ui-flipswitch-active,
.app-theme-classic .ui-slider-track .ui-btn-active {
    background-color: #657b96;
}

.app-theme-classic .ui-btn .glyphicon {
    color: #657b96;
}


.app-theme-classic .app-icon-themed {
    fill: #657b96;
}

.app-theme-classic .ui-btn-active .app-icon-themed {
    fill: #000;
}

.app-theme-classic .ui-radio-on:after,
.app-theme-classic .ui-slider-track .ui-btn-active,
.app-theme-classic .ui-flipswitch-active {
    border-color: #657b96 !important;
}

/*fix for lookups/inputs*/
.app-theme-classic .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
.app-theme-classic .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
.app-theme-classic .ui-input-text:not(.ui-btn-active),
.app-theme-classic .app-form-editing .ui-input-text:not(.ui-btn-active),
.app-theme-classic .ui-input-search.ui-body-inherit {
    background-color: #fff;
    border-color: #b6cdf7;
    text-shadow: none;
    /*color: #fff;*/
}

    .app-theme-classic .ui-btn.app-lookup.ui-focus,
    .app-theme-classic .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
    .app-theme-classic .ui-input-text.ui-focus,
    .app-theme-classic .app-form-editing .ui-input-text.ui-focus,
    .app-theme-classic .ui-input-search.ui-body-inherit.ui-focus,
    .app-theme-classic .ui-checkbox label.ui-focus,
    .app-theme-classic .ui-datepicker .ui-state-active {
        border-color: #d2b47a !important;
    }

.app-theme-classic .ui-slider {
    border-color: #b6cdf7 !important;
}

.app-theme-classic .ui-slider-label.ui-btn-active {
    background-color: #FFE6A0 !important;
    color: #000 !important;
}

/* background bleed under form in editing mode*/
.app-theme-classic .ui-body-a.ui-collapsible-content {
    background-color: #fff;
    border-bottom-color: #b6cdf7 !important;
}

.app-theme-classic .app-bar-tools .ui-input-search.ui-body-inherit {
    background-color: #ebf3ff;
}

.app-theme-classic .ui-btn.app-lookup,
.app-theme-classic .ui-btn.ui-btn-active.app-lookup {
    border-color: #679afe;
}


.app-theme-classic .app-lookup-input {
    background-color: transparent;
    /*color: #fff;*/
}

.app-theme-classic .app-grid-header {
    color: #999;
}

@media (min-width: 20em) {
    .app-theme-classic .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-white.png);
    }
}

.app-theme-classic .app-listview li .app-li-corner {
    color: #fff;
    background-color: #657b96;
}

.app-theme-classic .dataview-busy-indicator {
    background-color: #FFD253;
}

.app-theme-classic .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-classic .ui-bar-a .app-user-name {
    color: #ccc !important;
}

.app-theme-classic .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-classic .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active),
.app-theme-classic .ui-bar-a .app-menu-strip .ui-btn.app-selected:hover:not(.ui-btn-active) {
    color: #fff !important;
}

/*********************************/
/* THEME: construct             */
/*******************************/

.app-theme-construct,
.app-theme-construct .ui-page-theme-a {
    background-color: #fff;
    /*scrollbar-base-color: #898f64;
    scrollbar-track-color: #e3e6d0;
    scrollbar-arrow-color: #777;
    scrollbar-shadow-color: #898f64;*/
}

    /*
    .app-theme-construct.app-desktop ::-webkit-scrollbar-track {
        background-color: #e3e6d0;
    }

    .app-theme-construct.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #898f64;
        border: solid 1px #e3e6d0;
    }

        .app-theme-construct.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #858e4c;
        }*/

    .app-theme-construct .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-construct .ui-panel,
    .app-theme-construct .app-page-header,
    .app-theme-construct .app-status-bar {
        background-color: #b8bf88;
        border-color: #858e4c;
    }

    .app-theme-construct .app-page-header {
        color: #1f1f1f;
        background-color: #f1f5f8;
    }

    .app-theme-construct .app-status-bar {
        color: #000;
    }

    .app-theme-construct .app-form-editing.app-formview .app-static-text div,
    .app-theme-construct .app-page-menu-desc,
    .app-theme-construct .ui-checkbox label {
        text-shadow: none !important;
        /*color: #fff;*/
    }

    /*popup*/
    .app-theme-construct .app-popup-message,
    .app-theme-construct .ui-content.app-map-info {
        background-color: #b8bf88;
        border-color: #858e4c;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-construct .app-popup-message .ui-popup-arrow {
            background-color: #b8bf88;
        }

        .app-theme-construct .app-popup-message div {
            color: #b8bf88;
        }

    .app-theme-construct .ui-flipswitch-active a {
        color: #fff !important;
    }

    /* page header */
    .app-theme-construct .ui-bar-a,
    .app-theme-construct :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-construct .ui-footer-fixed {
        background-color: #b8bf88;
        border-color: #858e4c;
        text-shadow: none;
    }

    .app-theme-construct .app-popup-listview .ui-popup-arrow,
    .app-theme-construct .app-popup-listview {
        background-color: #b8bf88 !important;
        border-color: #b8bf88 !important;
    }

    /* list dividers*/
    /*.app-theme-construct .ui-listview > .app-list-instruction.ui-li-divider
    {
        background-color:red;
    }
    
    .app-theme-construct ui-li-divider {
        background-color: #d1d6b3;
        border-color: #858e4c;
        color: #555;
        text-shadow: none;
    }*/

    .app-theme-construct ui-li-divider,
    .app-theme-construct .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        background-color: #b8bf88;
        border-color: #858e4c;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-construct .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-construct .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-construct .app-presenter-instruction,
    .app-theme-construct .app-grid-header .app-frozen-spacer {
        background-color: #e3e6d0 !important;
        border-color: #d1d6b3 !important;
    }

    .app-theme-construct .ui-body-a,
    .app-theme-construct .ui-page-theme-a .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
        border-color: #858e4c;
        text-shadow: none;
    }

    .app-theme-construct ul:not(.app-form-editing) .ui-field-contain {
        border-color: #d1d6b3 !important;
    }

    .app-theme-construct .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-construct .ui-body-a.app-sidebar {
        background-color: #b8bf88;
    }

    .app-theme-construct.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-construct .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #d1d6b3 !important;
    }

    .app-theme-construct .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-construct .ui-li-divider.app-info .appname {
            color: #f7b615;
        }

    /* fix for form "card" */
    .app-theme-construct .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-color: #d1d6b3;
    }

    /*.app-theme-construct .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-construct .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }

    body:not(.app-sidebar-undocked).app-theme-construct .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-construct .app-sidebar,
    .app-theme-construct .app-divider:not(.app-calculated),
    .app-theme-construct .app-echo,
    .app-theme-construct .app-header {
        border-color: #858e4c !important;
    }

    .app-theme-construct .app-bar-heading {
        background-color: #e3e6d0;
        /*color: white;*/
        text-shadow: none;
    }


    .app-theme-construct .app-page-header {
        border-color: #d1d6b3;
    }


    /*buttons*/
    .app-theme-construct .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-construct .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-construct .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-construct .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-construct .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-construct .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-construct .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-construct .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-construct .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-construct .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-construct .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-construct:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-construct .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-construct .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-construct .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-construct .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-construct .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-construct #app-welcome .ui-btn:not(:hover),
    .app-theme-construct #app-popup-login .ui-btn:not(:hover),
    .app-theme-construct .ui-datepicker .ui-state-highlight,
    .app-theme-construct .ui-listview .app-frozen-spacer {
        border-color: #d1d6b3;
    }

    .app-theme-construct .ui-body-b .ui-btn-a,
    .app-theme-construct .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #87abc9 !important;
    }

    .app-theme-construct.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #87abc9 !important;
    }

    .app-theme-construct .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-construct .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-construct .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-construct .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-construct .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-construct .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-construct .app-tabs.ui-header:not(.app-lookup),
    .app-theme-construct .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-construct .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-construct .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-construct .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-construct .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-construct .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-construct .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-construct #app-welcome .ui-btn:not(:hover),
    .app-theme-construct #app-popup-login .ui-btn:not(:hover),
    .app-theme-construct .app-map-info .ui-popup-arrow,
    .app-theme-construct .ui-listview .app-frozen-spacer {
        color: #000;
        background-color: #f4f5ec;
    }

    /* top border of Info button in sidebar */
    .app-theme-construct .app-sidebar .ui-btn.ui-icon-info {
        border-color: #858e4c !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-construct .ui-panel-inner .ui-btn-a {
        color: #fff; /*#B78710 !important;*/
    }

    /* subtext coloring*/
    .app-theme-construct .app-field-label-after,
    .app-theme-construct .app-field-label-before,
    .app-theme-construct .app-field-label,
    .app-theme-construct .ui-panel .app-item-desc,
    .app-theme-construct .ui-li-aside,
    .app-theme-construct .ui-btn .ui-li-aside,
    .app-theme-construct .app-grid-header,
    .app-theme-construct .app-panel-info-view .app-list-instruction,
    .app-theme-construct .app-calculated .app-static-text,
    .app-theme-construct .app-item-number {
        color: #B78710 !important;
    }

    .app-theme-construct .app-filter {
        color: #5c8fd1;
    }

    .app-theme-construct .ui-page-theme-b a:not(.ui-btn),
    .app-theme-construct .ui-bar-b a:not(.ui-btn),
    .app-theme-construct .ui-body-b a:not(.ui-btn),
    .app-theme-construct .ui-group-theme-b a:not(.ui-btn) {
        color: #fed164 !important;
    }

    .app-theme-construct a:not(.ui-btn):not(.btn),
    .app-theme-construct a:visited:not(.ui-btn):not(.btn) {
        color: #b78710;
    }

        .app-theme-construct a:not(.ui-btn):not(.btn):hover,
        .app-theme-construct a:not(.ui-btn):not(.btn):active {
            color: #876b26;
        }

    .app-theme-construct .ui-page-theme-b a:not(.ui-btn):hover,
    .app-theme-construct .ui-bar-b a:not(.ui-btn):hover,
    .app-theme-construct .ui-body-b a:not(.ui-btn):hover,
    .app-theme-construct .ui-group-theme-b a:not(.ui-btn):hover,
    .app-theme-construct .ui-page-theme-b a:not(.ui-btn):active,
    .app-theme-construct .ui-bar-b a:not(.ui-btn):active,
    .app-theme-construct .ui-body-b a:not(.ui-btn):active,
    .app-theme-construct .ui-group-theme-b a:not(.ui-btn):active {
        color: #fff !important;
    }

    .app-theme-construct .ui-btn p {
        color: #000 !important;
    }

    .app-theme-construct .app-bar-heading .app-bar-label,
    .app-theme-construct .app-static-text div,
    .app-theme-construct .app-form-editing.app-formview label /*, .app-theme-construct .app-wrapper*/ {
        color: #B78710;
    }

    /*selected button*/
    .app-theme-construct .app-selected:not(.ui-btn-active),
    .app-theme-construct .app-selected:hover,
    .app-theme-construct .app-selected:visited,
    .app-theme-construct .app-selected .app-frozen-spacer {
        background-color: #e0e9f1 !important;
        border-color: #d1d6b3 !important;
        color: #000 !important;
    }

    .app-theme-construct .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }
    
    /* hover */
    .app-theme-construct .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-construct .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-construct .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-construct .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-construct .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-construct .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-construct .ui-datepicker .ui-datepicker-prev,
    .app-theme-construct .ui-datepicker .ui-datepicker-next,
    .app-desktop.app-theme-construct .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer {
        background-color: #f0f2df;
        border-color: #d1d6b3;
    }

    .app-theme-construct.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-construct.app-desktop .ui-datepicker td a:hover {
        background-color: #dde0c9;
    }
    
    /* selected hover*/
    html body.app-desktop.app-theme-construct .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-construct #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-construct #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-theme-construct .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-construct .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-construct .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer  {
        background-color: #d6e2ec !important;
        border-color: #d1d6b3 !important;
        color: #000 !important;
    }

    /*swatch b*/
    .app-theme-construct .ui-btn.ui-btn-b,
    .app-theme-construct .ui-btn.ui-btn-b:visited,
    body.app-theme-construct:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #b1c8db;
        border-color: #87abc9;
        color: #000;
    }

    /*swatch b hover*/
    .app-theme-construct.app-desktop .ui-btn.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #a9c0d4;
        border-color: #87abc9;
        color: #000 !important;
    }


    /*swatch b divider*/
    .app-theme-construct .ui-bar-b,
    .app-theme-construct .ui-bar-b .ui-bar-inherit,
    html .app-theme-construct.ui-body-b .ui-bar-inherit,
    html body.app-theme-construct .ui-group-theme-b .ui-bar-inherit {
        border-color: #87abc9;
        background-color: #b8bf88;
    }

    .app-theme-construct .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b,
    .app-theme-construct.app-desktop .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b:hover,
    .app-theme-construct .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b.ui-btn-active {
        border-color: #858e4c !important;
    }

    /* click */
    .app-theme-construct .app-grid-header span.ui-btn-active,
    .app-theme-construct .dv-item .app-btn-more.ui-btn-active {
        background-color: #5c8fd1 !important;
        color: #fff !important;
    }

    .app-theme-construct .app-listview .ui-btn.app-selected::before {
        background-color: #5c8fd1;
    }

    .app-theme-construct .ui-title.ui-btn-active,
    html body.app-theme-construct .ui-btn.ui-btn-active,
    .app-theme-construct .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #5c8fd1 !important;
        border-color: #d1d6b3 !important;
        color: #fff !important;
    }

    .app-theme-construct .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-construct .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-construct #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-construct .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-construct .ui-btn-active p,
    .app-theme-construct .ui-btn-active p.ui-li-aside,
    .app-theme-construct .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

html body.app-theme-construct .ui-btn.ui-btn-active::after {
    background-color: #798243;
}


html body.app-theme-construct .ui-body-b .ui-btn.ui-btn-active {
    border-color: #87abc9 !important;
}

.app-theme-construct .dv-action-see-all .app-btn-prev.ui-btn-active,
.app-theme-construct .dv-action-see-all .app-btn-next.ui-btn-active {
    background-color: #5C8FD1;
    color: #fff;
}

.app-theme-construct .app-btn-check:not(.app-btn-check-selected) {
    border-color: #D1D6B3 !important;
    background-color: transparent !important;
}

.app-theme-construct .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
    border-color: #D1D6B3 !important;
}

.app-theme-construct .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
    background-color: transparent !important;
    border-color: #D1D6B3 !important;
}

.app-theme-construct .app-btn-check.app-btn-check-selected {
    border-color: #5C8FD1 !important;
    background-color: #5C8FD1 !important;
}

.app-theme-construct .app-btn-check .app-icon-themed {
    fill: #fff;
}

/* tabs */

.app-theme-construct .app-tabs.ui-header {
    border-color: #858e4c;
}


.app-theme-construct .app-tabs .ui-btn {
    border-color: #5c8fd1 !important;
}

    .app-theme-construct .app-tabs .ui-btn.ui-btn-active {
        border-color: #5c8fd1 !important;
        background-color: #5c8fd1 !important;
        color: #fff !important;
    }

/*buttons*/
.app-theme-construct .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
.app-theme-construct .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
.app-theme-construct .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
.app-theme-construct .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
.app-theme-construct .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
.app-theme-construct .ui-datepicker .ui-datepicker-prev span,
.app-theme-construct .ui-datepicker .ui-datepicker-next span,
.app-theme-construct .ui-checkbox-on:after,
.app-theme-construct .ui-flipswitch-active,
.app-theme-construct .ui-slider-track .ui-btn-active {
    background-color: #858e4c;
}

.app-theme-construct .ui-btn .glyphicon {
    color: #858e4c;
}

.app-theme-construct .app-icon-themed {
    fill: #858e4c;
}

.app-theme-construct .ui-radio-on:after,
.app-theme-construct .ui-slider-track .ui-btn-active,
.app-theme-construct .ui-flipswitch-active {
    border-color: #858e4c !important;
}

/* toolbar buttons*/
.app-theme-construct #app-bar-tools .ui-btn.ui-btn-icon-notext,
.app-theme-construct .app-map-info-toolbar .ui-btn.ui-btn-icon-notext {
    border-color: #5c8fd1 !important;
}

    .app-theme-construct #app-bar-tools .ui-btn.ui-btn-icon-notext::after,
    .app-theme-construct .app-map-info-toolbar .ui-btn.ui-btn-icon-notext::after,
    .app-theme-construct .ui-btn-b::after {
        background-color: #7695AF !important;
    }

.app-theme-construct .ui-btn.app-btn-icon-transparent::after,
.app-theme-construct .ui-btn.ui-btn-active.app-btn-icon-transparent::after {
    background-color: transparent !important;
}

.app-theme-construct .app-bar-actions .ui-btn,
.app-theme-construct .app-bar-actions .ui-btn.ui-btn-active {
    border-color: #858e4c !important;
}

/* hover for form */
.app-theme-construct.app-desktop .ui-btn.ui-btn-icon-notext:hover,
.app-theme-construct .ui-btn.ui-btn-icon-notext.ui-btn-active,
.app-theme-construct .ui-datepicker .ui-datepicker-prev:hover,
.app-theme-construct .ui-datepicker .ui-datepicker-next:hover {
    border-color: #858e4c !important;
}

.app-theme-construct.app-desktop #app-bar-tools .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
.app-theme-construct.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active) {
    border-color: #3f5f8a !important;
    background-color: #cfe1f6 !important;
}

/* active*/

.app-theme-construct #app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active::after,
.app-theme-construct .app-map-info-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active::after,
.app-theme-construct .ui-btn.ui-btn-active::after {
    background-color: #4a74aa !important;
}

/*fix for lookups/inputs*/
.app-theme-construct .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
.app-theme-construct .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
.app-theme-construct .ui-input-text:not(.ui-btn-active),
.app-theme-construct .app-form-editing .ui-input-text:not(.ui-btn-active),
.app-theme-construct .ui-input-search.ui-body-inherit {
    background-color: #fff;
    border-color: #d1d6b3;
    text-shadow: none;
}

    .app-theme-construct .ui-btn.app-lookup.ui-focus,
    .app-theme-construct .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
    .app-theme-construct .ui-input-text.ui-focus,
    .app-theme-construct .app-form-editing .ui-input-text.ui-focus,
    .app-theme-construct .ui-input-search.ui-body-inherit.ui-focus,
    .app-theme-construct .ui-checkbox label.ui-focus,
    .app-theme-construct .ui-datepicker .ui-state-active {
        border-color: #d2b47a !important;
    }

.app-theme-construct .ui-slider {
    border-color: #d1d6b3 !important;
}

.app-theme-construct .ui-slider-label.ui-btn-active {
    background-color: #f1f5f8 !important;
    color: #000 !important;
}

/* background bleed under form in editing mode*/
.app-theme-construct .ui-body-a.ui-collapsible-content {
    background-color: #fff;
    border-bottom-color: #d1d6b3 !important;
}

.app-theme-construct .app-bar-tools .ui-input-search.ui-body-inherit {
    background-color: #ebf3ff;
}

.app-theme-construct .ui-btn.app-lookup,
.app-theme-construct .ui-btn.ui-btn-active.app-lookup {
    border-color: #858e4c;
}

.app-theme-construct .app-lookup-input {
    background-color: transparent;
    /*color: #fff;*/
}

.app-theme-construct .app-grid-header {
    color: #666776;
}

@media (min-width: 20em) {
    .app-theme-construct .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-construct .app-listview li .app-li-corner {
    color: #fff;
    background-color: #657b96;
}

.app-theme-construct .dataview-busy-indicator {
    background-color: #5c8fd1;
}

.app-theme-construct .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-construct .ui-bar-a .app-user-name {
    color: #777 !important;
}

.app-theme-construct .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-construct .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active),
.app-theme-construct .ui-bar-a .app-menu-strip .ui-btn.app-selected:hover:not(.ui-btn-active) {
    color: #333 !important;
}

/*********************************/
/* THEME: convention            */
/*******************************/

.app-theme-convention,
.app-theme-convention .ui-page-theme-a,
.app-theme-convention .app-page-header {
    background-color: #fff;
}

    .app-theme-convention .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-convention .ui-page-theme-a .ui-panel-wrapper {
        background-color: #dfe2dc;
        border-color: #a7af9f;
    }

    .app-theme-convention .app-page-header,
    .app-theme-convention .app-status-bar,
    .app-theme-convention .ui-panel {
        background-color: #0a5a6f;
        border-color: #76d7f1;
    }

    .app-theme-convention .app-page-header,
    .app-theme-convention .app-status-bar {
        color: #fff;
    }

    .app-theme-convention .app-form-editing.app-formview .app-static-text div,
    .app-theme-convention .app-page-menu-desc,
    .app-theme-convention .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-convention .app-popup-message,
    .app-theme-convention .ui-content.app-map-info {
        background-color: #dfe2dc;
        border-color: #eef095;
        text-shadow: none;
        color: #000;
    }

        .app-theme-convention .app-popup-message .ui-popup-arrow {
            background-color: #dfe2dc;
        }

        .app-theme-convention .app-popup-message div {
            color: #eef095;
        }

    .app-theme-convention .ui-flipswitch-active a {
        color: #fff !important;
    }

    /* page header */
    .app-theme-convention .app-bar-tools.ui-bar-a,
    .app-theme-convention :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-convention .ui-header,
    .app-theme-convention .ui-footer {
        background-color: #dfe2dc;
        border-color: #a7af9f;
        text-shadow: none;
    }

    .app-theme-convention .app-popup-listview .ui-popup-arrow,
    .app-theme-convention .app-popup-listview {
        background-color: #dfe2dc !important;
        border-color: #dfe2dc !important;
    }

    .app-theme-convention .app-page-header {
        border-color: #a7af9f !important;
    }

    /* list dividers*/
    .app-theme-convention .ui-li-divider {
        background-color: #eef095;
        border-color: #a7af9f;
        color: #555;
        text-shadow: none;
    }

    .app-theme-convention .app-copy {
        color: #ddd;
    }


    /* view descriptions*/
    .app-theme-convention .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-convention .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-convention .app-presenter-instruction,
    .app-theme-convention .app-grid-header .app-frozen-spacer {
        background-color: #f9feb4 !important;
        border-color: #eef095 !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-convention .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-convention .app-sidebar,
    .app-theme-convention .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-convention .app-echo,
    .app-theme-convention .app-header {
        border-color: #a7af9f !important;
    }

    .app-theme-convention .app-bar-heading {
        background-color: #f9feb4;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-convention .ui-body-a,
    .app-theme-convention .app-li-card,
    .app-theme-convention .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-convention .app-li-card {
        background-color: #fff;
        border-color: #eef095;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-convention .ui-panel .ui-body-a {
        border-color: #a7af9f !important;
    }

    .app-theme-convention .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-convention .ui-body-a.app-sidebar {
        background-color: #dfe2dc;
    }

    .app-theme-convention.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-convention .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #eef095;
    }

    .app-theme-convention .ui-li-divider.app-info {
        background-color: #eeecea !important;
    }

        .app-theme-convention .ui-li-divider.app-info .appname {
            color: #0c647c;
        }

    /* fix for form "card" */
    .app-theme-convention .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #eef095;
        border-left-color: #eef095;
        border-right-color: #eef095;
    }

    /*.app-theme-convention .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-convention .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-convention .app-page-header,
    .app-theme-convention .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-convention .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-convention .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-convention .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-convention .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-convention .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-convention .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-convention .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-convention .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-convention .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-convention .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-convention:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-convention .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-convention .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-convention .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-convention .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-convention .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-convention .app-tabs.ui-header,
    .app-theme-convention #app-welcome .ui-btn:not(:hover),
    .app-theme-convention #app-popup-login .ui-btn:not(:hover),
    .app-theme-convention .ui-datepicker .ui-state-highlight,
    .app-theme-convention .ui-datepicker .ui-datepicker-prev,
    .app-theme-convention .ui-datepicker .ui-datepicker-next,
    .app-theme-convention .ui-listview .app-frozen-spacer {
        border-color: #eef095;
    }

    .app-theme-convention .ui-body-b .ui-btn-a,
    .app-theme-convention .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #76d7f1 !important;
    }

    .app-theme-convention.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #76d7f1 !important;
    }

    .app-theme-convention .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-convention .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-convention .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-convention .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-convention .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-convention .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-convention .app-tabs.ui-header:not(.app-lookup),
    .app-theme-convention .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-convention .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-convention .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-convention .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-convention .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-convention .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-convention .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-convention #app-welcome .ui-btn:not(:hover),
    .app-theme-convention #app-popup-login .ui-btn:not(:hover),
    .app-theme-convention .app-map-info .ui-popup-arrow,
    .app-theme-convention .ui-datepicker .ui-datepicker-prev,
    .app-theme-convention .ui-datepicker .ui-datepicker-next,
    .app-theme-convention .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-convention .ui-datepicker .ui-datepicker-next:hover,
    .app-theme-convention .ui-listview .app-frozen-spacer {
        color: #000;
        background-color: #fcfdef;
    }

    /* top border of Info button in sidebar */
    .app-theme-convention .app-sidebar .ui-btn.ui-icon-info {
        border-color: #a7af9f !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-convention .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-convention .app-field-label-after,
    .app-theme-convention .app-field-label-before,
    .app-theme-convention .app-field-label,
    .app-theme-convention .ui-panel .app-item-desc,
    .app-theme-convention .app-item-number {
        color: #63b0df !important;
    }

    .app-theme-convention .ui-page-theme-b a:not(.ui-btn),
    .app-theme-convention .ui-bar-b a:not(.ui-btn),
    .app-theme-convention .ui-body-b a:not(.ui-btn),
    .app-theme-convention .ui-group-theme-b a:not(.ui-btn) {
        color: #63b0df !important;
    }

        .app-theme-convention .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-convention .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-convention .ui-body-b a:not(.ui-btn):hover,
        .app-theme-convention .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-convention .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-convention .ui-bar-b a:not(.ui-btn):active,
        .app-theme-convention .ui-body-b a:not(.ui-btn):active,
        .app-theme-convention .ui-group-theme-b a:not(.ui-btn):active {
            color: #fff !important;
        }

    .app-theme-convention .ui-btn p {
        color: #000 !important;
    }

    .app-theme-convention .ui-li-aside,
    .app-theme-convention .ui-btn .ui-li-aside,
    .app-theme-convention .app-grid-header,
    .app-theme-convention .app-panel-info-view .app-list-instruction,
    .app-theme-convention .app-calculated .app-static-text {
        color: #0c647c !important;
    }

    .app-theme-convention .app-filter {
        color: #7a8502;
    }

    .app-theme-convention .app-bar-heading .app-bar-label,
    .app-theme-convention .app-static-text div,
    .app-theme-convention .app-form-editing.app-formview label {
        color: #0c647c;
    }

    .app-theme-convention .app-wrapper,
    .app-theme-convention .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /* hover */
    .app-theme-convention .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-convention .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-convention .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-convention .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-convention .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-convention .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-convention #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-convention #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-convention .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer {
        background-color: #f7fada;
        border-color: #eef095;
        color: #000;
    }

    .app-theme-convention.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-convention.app-desktop .ui-datepicker td a:hover {
        background-color: #f7fada;
    }

    /*selected button*/
    .app-theme-convention .app-selected:not(.ui-btn-active),
    .app-theme-convention .app-selected:hover,
    .app-theme-convention .app-selected:visited,
    .app-theme-convention .app-selected .app-frozen-spacer {
        background-color: #f7fea6 !important;
        border-color: #eef095 !important;
        color: #000 !important;
    }

    .app-theme-convention .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-convention .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-convention .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-convention .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-convention .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #f3faa4 !important;
        border-color: #eef095 !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-convention .app-grid-header .ui-btn-active,
    .app-theme-convention .dv-item .app-btn-more.ui-btn-active {
        background-color: #a2b000 !important;
        color: #fff !important;
    }

    .app-theme-convention .app-listview .ui-btn.app-selected::before {
        background-color: #a2b000;
    }

    .app-theme-convention .ui-title.ui-btn-active,
    html body.app-theme-convention .ui-btn.ui-btn-active,
    .app-theme-convention .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #a2b000 !important;
        border-color: #eef095 !important;
        color: #fff !important;
    }

    .app-theme-convention .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-convention .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-convention #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-convention .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-convention .ui-btn-active p,
    .app-theme-convention .ui-btn-active p.ui-li-aside,
    .app-theme-convention .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-convention .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-convention .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #A2B000;
        color: #fff;
    }

    .app-theme-convention .app-btn-check:not(.app-btn-check-selected) {
        border-color: #EEF095 !important;
        background-color: transparent !important;
    }

    .app-theme-convention .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #EEF095 !important;
    }

    .app-theme-convention .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #EEF095 !important;
    }

    .app-theme-convention .app-btn-check.app-btn-check-selected {
        border-color: #A2B000 !important;
        background-color: #A2B000 !important;
    }

    .app-theme-convention .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-convention .app-tabs.ui-header {
        border-color: #a7af9f;
    }


    .app-theme-convention .app-tabs .ui-btn {
        border-color: #95a201 !important;
    }

        .app-theme-convention .app-tabs .ui-btn.ui-btn-active {
            border-color: #95a201 !important;
            background-color: #95a201 !important;
            color: #fff !important;
        }


    /*button on header bar*/

    .app-theme-convention .app-bar-tools .ui-btn,
    .app-theme-convention .app-map-info-toolbar .ui-btn {
        border-color: #cbcd81 !important;
    }

    .app-theme-convention .app-bar-actions .ui-btn,
    .app-theme-convention .app-bar-actions .ui-btn.ui-btn-active {
        border-color: #a7af9f !important;
    }

    .app-theme-convention .app-bar-tools .ui-btn-active.ui-btn-icon-notext::after {
        background-color: #6f7900 !important;
    }

    .app-theme-convention.app-desktop .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-convention .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-convention .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-convention .ui-datepicker .ui-datepicker-next:hover {
        border-color: #a7af9f !important;
    }

    .app-theme-convention .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-convention .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-convention .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-convention .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-convention .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-convention .ui-datepicker .ui-datepicker-prev span,
    .app-theme-convention .ui-datepicker .ui-datepicker-next span,
    .app-theme-convention .ui-checkbox-on:after,
    .app-theme-convention .ui-flipswitch-active,
    .app-theme-convention .ui-slider-track .ui-btn-active {
        background-color: #95a201 !important;
    }

    .app-theme-convention .ui-btn .glyphicon {
        color: #95a201;
    }

    .app-theme-convention .app-icon-themed {
        fill: #95a201;
    }

    .app-theme-convention .ui-radio-on:after,
    .app-theme-convention .ui-slider-track .ui-btn-active,
    .app-theme-convention .ui-flipswitch-active {
        border-color: #95a201 !important;
    }


    .app-theme-convention .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-convention .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-convention .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-convention .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-convention .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #879301 !important;
    }

    /*swatch b*/
    .app-theme-convention .ui-btn.ui-btn-b:not(.login-button),
    .app-theme-convention .ui-btn.ui-btn-b:not(.login-button):visited,
    body.app-theme-convention:not(.app-desktop) li a.ui-btn-b:not(.login-button):not(.ui-btn-active):hover {
        background-color: #eef095;
        border-color: #76d7f1;
        color: #1d092d;
    }

    /*swatch b hover*/

    .app-theme-convention .ui-btn.ui-btn-b.ui-btn-active:not(.login-button),
    .app-theme-convention.app-desktop .ui-btn.ui-btn-b:hover:not(.login-button) {
        background-color: #e5e792;
        border-color: #76d7f1;
        color: #1d092d !important;
    }

    .app-theme-convention .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #76d7f1 !important;
    }

    .app-theme-convention .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b,
    .app-theme-convention.app-desktop .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b:hover,
    .app-theme-convention .ui-body-a:not(#app-popup-login):not(#app-welcome) .ui-btn-b.ui-btn-active {
        border-color: #a7af9f !important;
    }

    .app-theme-convention .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-convention.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #000 !important;
    }


    /*swatch b divider*/
    .app-theme-convention .ui-bar-b,
    .app-theme-convention .ui-bar-b .ui-bar-inherit,
    html .app-theme-convention.ui-body-b .ui-bar-inherit,
    html body.app-theme-convention .ui-group-theme-b .ui-bar-inherit {
        border-color: #eef095;
        background-color: #76d7f1;
    }

    /*fix for lookups/inputs*/
    .app-theme-convention .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-convention .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-convention .ui-input-text:not(.ui-btn-active),
    .app-theme-convention .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-convention .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #eef095;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-convention .ui-btn.app-lookup.ui-focus,
        .app-theme-convention .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-convention .ui-input-text.ui-focus,
        .app-theme-convention .app-form-editing .ui-input-text.ui-focus,
        .app-theme-convention .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-convention .ui-checkbox label.ui-focus,
        .app-theme-convention .ui-datepicker .ui-state-active {
            border-color: #95a201 !important;
        }

    .app-theme-convention .ui-slider {
        border-color: #eef095 !important;
    }

    .app-theme-convention .ui-slider-label.ui-btn-active {
        background-color: #a7af9f !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-convention .ui-body-a.ui-collapsible-content,
    .app-theme-convention .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-convention .ui-btn.app-lookup,
    .app-theme-convention .ui-btn.ui-btn-active.app-lookup {
        border-color: #a7af9f;
    }

    .app-theme-convention .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-convention .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-convention .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-convention .app-listview li .app-li-corner {
    color: #fff;
    background-color: #95a201;
}

.app-theme-convention .dataview-busy-indicator {
    background-color: #63b0df;
}

.app-theme-convention .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-convention .ui-bar-a .app-user-name {
    color: #777 !important;
}

.app-theme-convention .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-convention .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active),
.app-theme-convention .ui-bar-a .app-menu-strip .ui-btn.app-selected:hover:not(.ui-btn-active) {
    color: #333 !important;
}

/*********************************/
/* THEME: darkknight            */
/*******************************/

.app-theme-darkknight,
.app-theme-darkknight .ui-page-theme-a,
.app-theme-darkknight .app-page-header {
    background-color: #fff;
}

    .app-theme-darkknight .app-page-header {
        color: #000;
    }

    .app-theme-darkknight .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-darkknight .app-page-header,
    .app-theme-darkknight .app-status-bar,
    .app-theme-darkknight .ui-panel {
        background-color: #fafafa;
        border-color: #999999;
    }

        .app-theme-darkknight .ui-panel.app-nav-panel {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFCAYAAABvsz2cAAAAFElEQVQIW2PU1dX9//XrVwZGIhgA4rIV/7JLMNEAAAAASUVORK5CYII=) repeat !important;
        }

    .app-theme-darkknight .app-status-bar {
        color: #000;
    }

    .app-theme-darkknight .app-form-editing.app-formview .app-static-text div,
    .app-theme-darkknight .app-page-menu-desc,
    .app-theme-darkknight .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-darkknight .app-popup-message,
    .app-theme-darkknight .ui-content.app-map-info {
        background-color: #fafafa;
        border-color: #c6c6c6;
        text-shadow: none;
        color: #000;
    }

        .app-theme-darkknight .app-popup-message .ui-popup-arrow {
            background-color: #fafafa;
        }

        .app-theme-darkknight .app-popup-message div {
            color: #c6c6c6;
        }

    .app-theme-darkknight .ui-flipswitch-active a {
        color: #fff !important;
    }

    /* page header */
    .app-theme-darkknight .app-bar-tools.ui-bar-a,
    .app-theme-darkknight :not(.app-tabs).ui-header-fixed.ui-header:not(.app-bar-actions):not(.app-bar-header),
    .app-theme-darkknight .ui-header:not(.app-bar-actions):not(.app-bar-header) {
        background-color: #222;
        border-color: #999999;
        text-shadow: none;
        color: #fff;
    }

    .app-theme-darkknight .app-bar-actions,
    .app-theme-darkknight .app-bar-header,
    .app-theme-darkknight .app-bar-footer {
        background-color: #fff;
    }

    .app-theme-darkknight .app-popup-listview .ui-popup-arrow,
    .app-theme-darkknight .app-popup-listview {
        background-color: #222 !important;
        border-color: #222 !important;
    }

    .app-theme-darkknight .app-page-header {
        border-color: #999999 !important;
    }

    .app-theme-darkknight .app-menu-strip a.ui-btn,
    .app-theme-darkknight.app-desktop .app-menu-strip a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        color: #fff !important;
    }

    .app-theme-darkknight .app-menu-strip ul li a.ui-btn.app-selected:not(:hover):not(.ui-btn-active),
    .app-theme-darkknight.app-has-popup-open .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        background-color: rgba(0,0,0, 0.4) !important;
    }

    .app-theme-darkknight.app-desktop .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
        background-color: rgba(255,255,255, .07) !important;
    }

    /* list dividers*/
    .app-theme-darkknight .ui-li-divider {
        background-color: #c6c6c6;
        border-color: #999999;
        color: #fff;
        text-shadow: none;
    }


    /* view descriptions*/
    .app-theme-darkknight .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-darkknight .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-darkknight .app-presenter-instruction,
    .app-theme-darkknight .app-grid-header .app-frozen-spacer {
        background-color: #f3f3f3 !important;
        border-color: #c6c6c6 !important;
        color: #4c4c4c;
    }

body:not(.app-sidebar-undocked).app-theme-darkknight .ui-header-fixed .ui-title {
    border-color: #555 !important;
    color: #fff;
}

body:not(.app-sidebar-undocked).app-theme-darkknight .app-sidebar,
.app-theme-darkknight .app-divider:not(.ui-collapsible),
.app-theme-darkknight .app-echo,
.app-theme-darkknight .app-header {
    border-color: #999999;
}

.app-theme-darkknight .app-bar-heading {
    background-color: #f3f3f3;
    color: #4c4c4c;
    text-shadow: none;
}

.app-theme-darkknight .ui-body-a,
.app-theme-darkknight .app-li-card,
.app-theme-darkknight .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
.app-theme-darkknight .app-li-card {
    background-color: #fff;
    border-color: #c6c6c6;
    /*color: #fff;*/
    text-shadow: none;
}

.app-theme-darkknight .ui-panel .ui-body-a {
    border-color: #999999 !important;
}

.app-theme-darkknight .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
    background-color: #fff;
}


/*sidebar customizations*/
.app-theme-darkknight .ui-body-a.app-sidebar {
    background-color: #fafafa;
}

.app-theme-darkknight.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
.app-theme-darkknight .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
    border-color: #c6c6c6;
}

.app-theme-darkknight .ui-li-divider.app-info {
    background-color: #eeecea !important;
    color: #000;
}

    .app-theme-darkknight .ui-li-divider.app-info .appname {
        color: #9c0b12;
    }

/* fix for form "card" */
.app-theme-darkknight .ui-page-theme-a .ui-body-inherit.app-li-card {
    border-top-color: #c6c6c6;
    border-left-color: #c6c6c6;
    border-right-color: #c6c6c6;
}

/*.app-theme-darkknight .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

.app-theme-darkknight .app-form-editing.app-formview .ui-field-contain {
    border-top-color: transparent;
}


/*buttons*/
.app-theme-darkknight .app-page-header,
.app-theme-darkknight .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html .app-theme-darkknight .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html .app-theme-darkknight .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html body.app-theme-darkknight .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html head + body.app-theme-darkknight .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
.app-theme-darkknight .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html .app-theme-darkknight .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html .app-theme-darkknight .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html body.app-theme-darkknight .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html head + body.app-theme-darkknight .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
.app-theme-darkknight .app-form-grid .ui-collapsible-set,
/* button overrides to remove "hover" on touch screens */
body.app-theme-darkknight:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
body:not(.app-desktop).app-theme-darkknight .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-darkknight .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-darkknight .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-darkknight .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html head + body:not(.app-desktop).app-theme-darkknight .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
.app-theme-darkknight .app-tabs.ui-header,
.app-theme-darkknight #app-welcome .ui-btn:not(:hover),
.app-theme-darkknight #app-popup-login .ui-btn:not(:hover),
.app-theme-darkknight .ui-datepicker .ui-state-highlight,
    .app-theme-darkknight .ui-listview .app-frozen-spacer {
    border-color: #c6c6c6;
}

.app-theme-darkknight .ui-body-b .ui-btn-a,
.app-theme-darkknight .ui-body-b .ui-btn-a.ui-btn-active {
    border-color: #121212 !important;
}

.app-theme-darkknight.app-has-popup-open .app-menu-strip .ui-btn:hover {
    background-color: #121212 !important;
}

.app-theme-darkknight .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
html .app-theme-darkknight .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
html .app-theme-darkknight .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-theme-darkknight .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
html head + body.app-theme-darkknight .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
.app-theme-darkknight .ui-panel-page-container-a:not(.app-lookup),
.app-theme-darkknight .app-tabs.ui-header:not(.app-lookup),
.app-theme-darkknight .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html .app-theme-darkknight .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html .app-theme-darkknight .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html body.app-theme-darkknight .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
html head + body.app-theme-darkknight .ui-btn-a.ui-btn:visited:not(.app-selected),
.app-theme-darkknight .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
body.app-desktop.app-theme-darkknight .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
.app-theme-darkknight #app-welcome .ui-btn:not(:hover),
.app-theme-darkknight #app-popup-login .ui-btn:not(:hover),
.app-theme-darkknight .app-map-info .ui-popup-arrow,
.app-theme-darkknight .ui-datepicker .ui-datepicker-prev,
.app-theme-darkknight .ui-datepicker .ui-datepicker-next,
.app-theme-darkknight .ui-listview .app-frozen-spacer {
    color: #000;
    background-color: #ddd;
}

/* top border of Info button in sidebar */
.app-theme-darkknight .app-sidebar .ui-btn.ui-icon-info {
    border-color: #999999 !important;
}

/* navigation panel selected item color fix*/
.app-theme-darkknight .app-nav-panel .ui-btn-a {
    color: #1f1f1f !important;
}

/* subtext coloring*/
.app-theme-darkknight .app-field-label-after,
.app-theme-darkknight .app-field-label-before,
.app-theme-darkknight .app-field-label,
.app-theme-darkknight .ui-panel .app-item-desc,
.app-theme-darkknight .app-item-number {
    color: #c11820 !important;
}

.app-theme-darkknight .app-nav-panel a:not(.ui-btn):hover,
.app-theme-darkknight .app-nav-panel a:not(.ui-btn):active {
    color: #fff !important;
}

.app-theme-darkknight .ui-page-theme-b a:not(.ui-btn),
.app-theme-darkknight .ui-bar-b a:not(.ui-btn),
.app-theme-darkknight .ui-body-b a:not(.ui-btn),
.app-theme-darkknight .ui-group-theme-b a:not(.ui-btn) {
    color: #c11820 !important;
}

    .app-theme-darkknight .ui-page-theme-b a:not(.ui-btn):hover,
    .app-theme-darkknight .ui-bar-b a:not(.ui-btn):hover,
    .app-theme-darkknight .ui-body-b a:not(.ui-btn):hover,
    .app-theme-darkknight .ui-group-theme-b a:not(.ui-btn):hover,
    .app-theme-darkknight .ui-page-theme-b a:not(.ui-btn):active,
    .app-theme-darkknight .ui-bar-b a:not(.ui-btn):active,
    .app-theme-darkknight .ui-body-b a:not(.ui-btn):active,
    .app-theme-darkknight .ui-group-theme-b a:not(.ui-btn):active {
        color: #000 !important;
    }

.app-theme-darkknight .ui-btn p {
    color: #000 !important;
}

.app-theme-darkknight .ui-li-aside,
.app-theme-darkknight .ui-btn .ui-li-aside,
.app-theme-darkknight .app-grid-header,
.app-theme-darkknight .app-panel-info-view .app-list-instruction,
.app-theme-darkknight .app-calculated .app-static-text {
    color: #003366 !important;
}

.app-theme-darkknight .app-filter {
    color: #9c0b12;
}

.app-theme-darkknight .app-bar-heading .app-bar-label,
.app-theme-darkknight .app-static-text div,
.app-theme-darkknight .app-form-editing.app-formview label {
    color: #003366;
}

.app-theme-darkknight .app-wrapper,
.app-theme-darkknight .app-echo-instruction {
    color: #4c4c4c;
    text-shadow: none;
}

/* hover */
.app-theme-darkknight .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
body.app-desktop.app-theme-darkknight .ui-page-theme-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-darkknight .ui-bar-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-darkknight .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-desktop.app-theme-darkknight .ui-group-theme-a .ui-btn:hover:not(.app-selected),
html head + body.app-desktop.app-theme-darkknight .ui-btn-a.ui-btn:hover:not(.app-selected),
.app-theme-darkknight #app-welcome .ui-btn:hover,
.app-theme-darkknight #app-popup-login .ui-btn:hover,
.app-desktop.app-theme-darkknight .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
    background-color: #d7d7d7;
    border-color: #c6c6c6;
    color: #000;
}

.app-theme-darkknight.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
.app-theme-darkknight.app-desktop .ui-datepicker td a:hover {
    background-color: #eee;
}

/*selected button*/
.app-theme-darkknight .app-selected:not(.ui-btn-active),
.app-theme-darkknight .app-selected:hover,
.app-theme-darkknight .app-selected:visited,
.app-theme-darkknight .app-selected .app-frozen-spacer {
    background-color: #cfcfcf !important;
    border-color: #c6c6c6 !important;
    color: #000 !important;
}

.app-theme-darkknight .app-grid-header .app-selected:not(.ui-btn-active) {
    background-color: rgba(0,0,0,0.05) !important;
}

/* selected hover*/
html body.app-desktop.app-theme-darkknight .ui-btn.app-selected:hover:not(.ui-btn-active),
.app-theme-darkknight .app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-theme-darkknight .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
.app-theme-darkknight .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
    background-color: #ccc !important;
    border-color: #c6c6c6 !important;
    color: #000 !important;
}

/* click */

.app-theme-darkknight .app-grid-header .ui-btn-active,
.app-theme-darkknight .dv-item .app-btn-more.ui-btn-active {
    background-color: #9c0b12 !important;
    color: #fff !important;
}

.app-theme-darkknight .app-listview .ui-btn.app-selected::before {
    background-color: #9c0b12;
}

.app-theme-darkknight .ui-title.ui-btn-active,
html body.app-theme-darkknight .ui-btn.ui-btn-active,
    .app-theme-darkknight .ui-btn.ui-btn-active .app-frozen-spacer {
    background-color: #9c0b12 !important;
    border-color: #c6c6c6 !important;
    color: #fff !important;
}

.app-theme-darkknight .ui-panel-position-left .ui-btn-active .app-item-desc,
.app-theme-darkknight .ui-panel-position-right .ui-btn-active .app-item-desc,
.app-theme-darkknight #app-sidebar .ui-btn-active .app-item-desc,
.app-theme-darkknight .app-listview-static .ui-btn-active .app-item-desc,
.app-theme-darkknight .ui-btn-active p,
.app-theme-darkknight .ui-btn-active p.ui-li-aside,
.app-theme-darkknight .ui-btn.ui-btn-active span:not(.ui-li-count) {
    color: #fff !important;
}

.app-theme-darkknight .dv-action-see-all .app-btn-prev.ui-btn-active,
.app-theme-darkknight .dv-action-see-all .app-btn-next.ui-btn-active {
    background-color: #9C0B12;
    color: #fff;
}

.app-theme-darkknight .app-echo .dv-action-see-all span {
    border-color: #C6C6C6 !important;
}


.app-theme-darkknight .app-btn-check:not(.app-btn-check-selected) {
    border-color: #C6C6C6 !important;
    background-color: transparent !important;
}


.app-theme-darkknight .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
    border-color: #C6C6C6 !important;
}

.app-theme-darkknight .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
    background-color: transparent !important;
    border-color: #C6C6C6 !important;
}

.app-theme-darkknight .app-btn-check.app-btn-check-selected {
    border-color: #9C0B12 !important;
    background-color: #9C0B12 !important;
}

.app-theme-darkknight .app-btn-check .app-icon-themed {
    fill: #fff;
}

/* tabs */

.app-theme-darkknight .app-tabs .ui-btn {
    border-color: #9c0b12 !important;
    color: #4c4c4c;
}

    .app-theme-darkknight .app-tabs .ui-btn.ui-btn-active {
        border-color: #9c0b12 !important;
        background-color: #9c0b12 !important;
        color: #fff !important;
    }


/*button on header bar*/

.app-theme-darkknight .app-bar-tools .ui-btn {
    border-color: #222 !important;
}

    .app-theme-darkknight.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-darkknight .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-darkknight .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-darkknight .ui-datepicker .ui-datepicker-next:hover {
        border-color: #9c0b12 !important;
    }

.app-theme-darkknight.app-desktop .ui-btn.ui-btn-icon-notext:hover {
    border-color: #999999 !important;
}

.app-theme-darkknight .ui-btn.ui-btn-active.ui-btn-icon-notext:not(.ui-radio-on)::after,
.app-theme-darkknight .ui-btn.ui-btn-active.ui-btn-icon-left:not(.ui-radio-on)::after,
.app-theme-darkknight .ui-btn.ui-btn-active.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
.app-theme-darkknight .ui-btn.ui-btn-active.ui-btn-icon-top:not(.ui-radio-on)::after,
.app-theme-darkknight .ui-btn.ui-btn-active.ui-btn-icon-bottom:not(.ui-radio-on)::after {
    background-color: #69070C !important;
    border-color: #9c0b12 !important;
}

.app-theme-darkknight .ui-checkbox-on:after,
.app-theme-darkknight .ui-flipswitch-active,
.app-theme-darkknight .ui-slider-track .ui-btn-active {
    background-color: #69070C !important;
}

.app-theme-darkknight .ui-btn .glyphicon {
    color: #9a9a9a;
}

.app-theme-darkknight .ui-radio-on:after,
.app-theme-darkknight .ui-slider-track .ui-btn-active,
.app-theme-darkknight .ui-flipswitch-active {
    border-color: #69070C !important;
}

/*swatch b*/
.app-theme-darkknight .ui-btn.ui-btn-b:not(.login-button),
.app-theme-darkknight .ui-btn.ui-btn-b:visited:not(.login-button),
body.app-theme-darkknight:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
    background-color: #313131;
    border-color: #121212;
    color: #fff;
}

/*swatch b hover*/

.app-theme-darkknight .ui-btn.ui-btn-b.ui-btn-active,
.app-theme-darkknight.app-desktop .ui-btn.ui-btn-b:hover,
.app-theme-darkknight .app-popup .ui-content .ui-checkbox .ui-btn:hover,
.app-theme-darkknight .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
    background-color: #353535;
    border-color: #121212;
    color: #fff;
}

.app-theme-darkknight .ui-btn.ui-btn-b.ui-btn-active,
.app-theme-darkknight.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
    border-color: #121212 !important;
}


/*swatch b divider*/
.app-theme-darkknight .ui-bar-b,
.app-theme-darkknight .ui-bar-b .ui-bar-inherit,
html .app-theme-darkknight.ui-body-b .ui-bar-inherit,
html body.app-theme-darkknight .ui-group-theme-b .ui-bar-inherit {
    border-color: #121212;
    background-color: #121212;
}

/*fix for lookups/inputs*/
.app-theme-darkknight .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
.app-theme-darkknight .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
.app-theme-darkknight .ui-input-text:not(.ui-btn-active),
.app-theme-darkknight .app-form-editing .ui-input-text:not(.ui-btn-active),
.app-theme-darkknight .ui-input-search.ui-body-inherit {
    background-color: #fff;
    border-color: #c6c6c6;
    text-shadow: none;
    /*color: #fff;*/
}

    .app-theme-darkknight .ui-btn.app-lookup.ui-focus,
    .app-theme-darkknight .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
    .app-theme-darkknight .ui-input-text.ui-focus,
    .app-theme-darkknight .app-form-editing .ui-input-text.ui-focus,
    .app-theme-darkknight .ui-input-search.ui-body-inherit.ui-focus,
    .app-theme-darkknight .ui-checkbox label.ui-focus,
    .app-theme-darkknight .ui-datepicker .ui-state-active {
        border-color: #9c0b12 !important;
    }

.app-theme-darkknight .ui-slider {
    border-color: #c6c6c6 !important;
}

.app-theme-darkknight .ui-slider-label.ui-btn-active {
    background-color: #999999 !important;
}

/* background bleed under form in editing mode*/
.app-theme-darkknight .ui-body-a.ui-collapsible-content,
.app-theme-darkknight .app-bar-tools .ui-input-search.ui-body-inherit {
    background-color: #fff;
}

.app-theme-darkknight .ui-btn.app-lookup,
.app-theme-darkknight .ui-btn.ui-btn-active.app-lookup {
    border-color: #999999;
}

.app-theme-darkknight .app-lookup-input {
    background-color: transparent;
    /*color: #fff;*/
}

.app-theme-darkknight .app-grid-header {
    color: #999;
}

@media (max-width: 40em) and (min-width: 0) {

    .app-theme-darkknight .ui-header.ui-header-fixed.app-bar-tools.app-logo-hidden {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFCAYAAABvsz2cAAAAFElEQVQIW2PU1dX9//XrVwZGIhgA4rIV/7JLMNEAAAAASUVORK5CYII=) 0 0/2px repeat !important;
    }
}

.app-theme-darkknight.app-sidebar-undocked .ui-header.ui-header-fixed.app-bar-tools.app-logo-hidden {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFCAYAAABvsz2cAAAAFElEQVQIW2PU1dX9//XrVwZGIhgA4rIV/7JLMNEAAAAASUVORK5CYII=) 0 0/2px repeat !important;
}

@media (min-width: 20em) {

    .app-theme-darkknight .ui-header.ui-header-fixed.app-bar-tools {
        background-color: #222;
        background-image: url(logo-white.png);
        background: url(logo-white.png) 32px center/65px no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFCAYAAABvsz2cAAAAFElEQVQIW2PU1dX9//XrVwZGIhgA4rIV/7JLMNEAAAAASUVORK5CYII=) 0 0/2px repeat !important;
    }
}

.app-theme-darkknight .app-listview li .app-li-corner {
    color: #fff;
    background-color: #9c0b12;
}

.app-theme-darkknight .dataview-busy-indicator {
    background-color: #9c0b12;
}

.app-theme-darkknight .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-darkknight .ui-bar-a .app-user-name {
    color: #ccc !important;
}

.app-theme-darkknight .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-darkknight .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active),
.app-theme-darkknight .ui-bar-a .app-menu-strip .ui-btn.app-selected:hover:not(.ui-btn-active) {
    color: #fff !important;
}

/*********************************/
/* THEME: felt                  */
/*******************************/

.app-theme-felt,
.app-theme-felt .ui-page-theme-a,
.app-theme-felt .app-page-header {
    background-color: #fff;
}

    .app-theme-felt .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-felt .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-felt .ui-panel,
    .app-theme-felt .app-page-header,
    .app-theme-felt .app-status-bar {
        background-color: #ced8d9;
        border-color: #beb9aa;
    }

    .app-theme-felt .app-status-bar {
        color: #000;
    }

    .app-theme-felt .app-form-editing.app-formview .app-static-text div,
    .app-theme-felt .app-page-menu-desc,
    .app-theme-felt .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-felt .app-popup-message,
    .app-theme-felt .ui-content.app-map-info {
        background-color: #ced8d9;
        border-color: #ffcd76;
        text-shadow: none;
        color: #000;
    }

        .app-theme-felt .app-popup-message .ui-popup-arrow {
            background-color: #ced8d9;
        }

        .app-theme-felt .app-popup-message div {
            color: #ffcd76;
        }

    /* page header */
    .app-theme-felt .app-bar-tools.ui-bar-a,
    .app-theme-felt :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-felt .ui-header {
        background-color: #ced8d9;
        border-color: #beb9aa;
        text-shadow: none;
    }

    .app-theme-felt .app-popup-listview .ui-popup-arrow,
    .app-theme-felt .app-popup-listview {
        background-color: #ced8d9 !important;
        border-color: #ced8d9 !important;
    }

    /* list dividers*/
    .app-theme-felt .ui-li-divider {
        background-color: #ffcd76;
        border-color: #beb9aa;
        color: #555;
        text-shadow: none;
    }


    /* view descriptions*/
    .app-theme-felt .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-felt .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-felt .app-presenter-instruction,
    .app-theme-felt .app-grid-header .app-frozen-spacer {
        background-color: #ecf0f0 !important;
        border-color: #ffcd76 !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-felt .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-felt .app-sidebar,
    .app-theme-felt .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-felt .app-echo,
    .app-theme-felt .app-header {
        border-color: #beb9aa !important;
    }

    .app-theme-felt .app-bar-heading {
        background-color: #ecf0f0;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-felt .ui-body-a,
    .app-theme-felt .app-li-card,
    .app-theme-felt .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-felt .app-li-card {
        background-color: #fff;
        border-color: #ffcd76;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-felt .ui-panel .ui-body-a {
        border-color: #beb9aa !important;
    }

    .app-theme-felt .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-felt .ui-body-a.app-sidebar {
        background-color: #ced8d9;
    }

    .app-theme-felt.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-felt .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #ffcd76;
    }

    .app-theme-felt .ui-li-divider.app-info {
        background-color: #eeecea !important;
    }

        .app-theme-felt .ui-li-divider.app-info .appname {
            color: #292309;
        }

    /* fix for form "card" */
    .app-theme-felt .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #ffcd76;
        border-left-color: #ffcd76;
        border-right-color: #ffcd76;
    }

    /*.app-theme-felt .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-felt .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-felt .app-page-header,
    .app-theme-felt .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-felt .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-felt .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-felt .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-felt .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-felt .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-felt .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-felt .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-felt .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-felt .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-felt .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-felt:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-felt .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-felt .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-felt .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-felt .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-felt .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-felt .app-tabs.ui-header,
    .app-theme-felt #app-welcome .ui-btn:not(:hover),
    .app-theme-felt #app-popup-login .ui-btn:not(:hover),
    .app-theme-felt .ui-datepicker .ui-state-highlight,
    .app-theme-felt .ui-datepicker .ui-datepicker-prev,
    .app-theme-felt .ui-datepicker .ui-datepicker-next,
    .app-theme-felt .ui-listview .app-frozen-spacer {
        border-color: #ffcd76;
    }

    .app-theme-felt .ui-body-b .ui-btn-a,
    .app-theme-felt .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #ced8d9 !important;
    }

    .app-theme-felt.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #ced8d9 !important;
    }

    .app-theme-felt .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-felt .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-felt .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-felt .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-felt .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-felt .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-felt .app-tabs.ui-header:not(.app-lookup),
    .app-theme-felt .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-felt .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-felt .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-felt .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-felt .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-felt .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-felt .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-felt #app-welcome .ui-btn:not(:hover),
    .app-theme-felt #app-popup-login .ui-btn:not(:hover),
    .app-theme-felt .app-map-info .ui-popup-arrow,
    .app-theme-felt .ui-datepicker .ui-datepicker-prev,
    .app-theme-felt .ui-datepicker .ui-datepicker-next,
    .app-theme-felt .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-felt .ui-datepicker .ui-datepicker-next:hover,
    .app-theme-felt .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #ffeac4;
    }

    /* top border of Info button in sidebar */
    .app-theme-felt .app-sidebar .ui-btn.ui-icon-info {
        border-color: #beb9aa !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-felt .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-felt .app-field-label-after,
    .app-theme-felt .app-field-label-before,
    .app-theme-felt .app-field-label,
    .app-theme-felt .ui-panel .app-item-desc,
    .app-theme-felt .app-item-number {
        color: #a44e27 !important;
    }

    .app-theme-felt .ui-page-theme-b a:not(.ui-btn),
    .app-theme-felt .ui-bar-b a:not(.ui-btn),
    .app-theme-felt .ui-body-b a:not(.ui-btn),
    .app-theme-felt .ui-group-theme-b a:not(.ui-btn) {
        color: #a44e27 !important;
    }

        .app-theme-felt .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-felt .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-felt .ui-body-b a:not(.ui-btn):hover,
        .app-theme-felt .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-felt .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-felt .ui-bar-b a:not(.ui-btn):active,
        .app-theme-felt .ui-body-b a:not(.ui-btn):active,
        .app-theme-felt .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-felt .ui-btn p {
        color: #000 !important;
    }

    .app-theme-felt .ui-li-aside,
    .app-theme-felt .ui-btn .ui-li-aside,
    .app-theme-felt .app-grid-header,
    .app-theme-felt .app-panel-info-view .app-list-instruction,
    .app-theme-felt .app-calculated .app-static-text {
        color: #919649 !important;
    }

    .app-theme-felt .app-filter {
        color: #7a8502;
    }

    .app-theme-felt .app-bar-heading .app-bar-label,
    .app-theme-felt .app-static-text div,
    .app-theme-felt .app-form-editing.app-formview label {
        color: #919649;
    }

    .app-theme-felt .app-wrapper,
    .app-theme-felt .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /* hover */
    .app-theme-felt .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-felt .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-felt .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-felt .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-felt .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-felt .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-felt #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-felt #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-felt .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #ffedcd;
        border-color: #ffcd76;
    }

    .app-theme-felt.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-felt.app-desktop .ui-datepicker td a:hover {
        background-color: #e4e8e8;
    }

    /*selected button*/
    .app-theme-felt .app-selected:not(.ui-btn-active),
    .app-theme-felt .app-selected:hover,
    .app-theme-felt .app-selected:visited,
    .app-theme-felt .app-selected .app-frozen-spacer {
        background-color: #fed895 !important;
        border-color: #ffcd76 !important;
        color: #000 !important;
    }

    .app-theme-felt .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-felt .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-felt .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-felt .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-felt .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #fedc9f !important;
        border-color: #ffcd76 !important;
        color: #000 !important;
    }

    /* click */
    .app-theme-felt .ui-title.ui-btn-active,
    .app-theme-felt .app-grid-header .ui-btn-active,
    html body.app-theme-felt .ui-btn.ui-btn-active,
    .app-theme-felt .dv-item .app-btn-more.ui-btn-active,
    .app-theme-felt .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #95a201 !important;
        border-color: #ffcd76 !important;
        color: #fff !important;
    }

    .app-theme-felt .app-listview .ui-btn.app-selected::before {
        background-color: #95a201;
    }

    .app-theme-felt .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-felt .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-felt #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-felt .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-felt .ui-btn-active p,
    .app-theme-felt .ui-btn-active p.ui-li-aside,
    .app-theme-felt .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-felt .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-felt .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #95A201;
        color: #fff;
    }

    .app-theme-felt .app-btn-check:not(.app-btn-check-selected) {
        border-color: #FFCD76 !important;
        background-color: transparent !important;
    }

    .app-theme-felt .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #FFCD76 !important;
    }

    .app-theme-felt .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #FFCD76 !important;
    }

    .app-theme-felt .app-btn-check.app-btn-check-selected {
        border-color: #95A201 !important;
        background-color: #95A201 !important;
    }

    .app-theme-felt .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-felt .app-tabs.ui-header {
        border-color: #beb9aa;
    }


    .app-theme-felt .app-tabs .ui-btn {
        border-color: #95a201 !important;
        color: #1d092d;
    }

        .app-theme-felt .app-tabs .ui-btn.ui-btn-active {
            border-color: #95a201 !important;
            background-color: #95a201 !important;
            color: #fff !important;
        }


    /*button on header bar*/
    .app-theme-felt .app-bar-tools .ui-btn,
    .app-theme-felt .app-map-info-toolbar .ui-btn {
        border-color: #d5ab61 !important;
    }

    .app-theme-felt.app-desktop .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-felt .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-felt .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-felt .ui-datepicker .ui-datepicker-next:hover {
        border-color: #d5ab61 !important;
    }


    .app-theme-felt .app-bar-actions .ui-btn,
    .app-theme-felt .app-bar-actions .ui-btn.ui-btn-active,
    .app-theme-felt .app-bar-actions .ui-btn.app-selected {
        border-color: #d5ab61 !important;
    }

    .app-theme-felt .ui-btn.ui-btn-active.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-felt .ui-btn.ui-btn-active.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-felt .ui-btn.ui-btn-active.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-felt .ui-btn.ui-btn-active.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-felt .ui-btn.ui-btn-active.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-felt .ui-checkbox-on:after,
    .app-theme-felt .ui-flipswitch-active,
    .app-theme-felt .ui-slider-track .ui-btn-active {
        background-color: #727c00 !important;
    }

    .app-theme-felt .ui-btn .glyphicon {
        color: rgba(0,0,0,.4);
    }

    .app-theme-felt .app-icon-themed {
        fill: #b3a489;
    }

    .app-theme-felt .ui-radio-on:after,
    .app-theme-felt .ui-slider-track .ui-btn-active,
    .app-theme-felt .ui-flipswitch-active {
        border-color: #727c00 !important;
    }

    .app-theme-felt.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-felt.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-felt .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-felt .app-map-info-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #777 !important;
    }


    /*swatch b*/
    .app-theme-felt .ui-btn.ui-btn-b,
    .app-theme-felt .ui-btn.ui-btn-b:visited,
    body.app-theme-felt:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #ffcd76;
        border-color: #ced8d9;
        color: #1d092d;
    }

        /*swatch b hover*/

        .app-theme-felt .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-felt.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-felt .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-felt .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #ffd285;
            border-color: #ced8d9;
            color: #1d092d !important;
        }

    .app-theme-felt .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #ced8d9 !important;
    }

    .app-theme-felt .ui-body-a:not(.ui-popup) .ui-btn-b,
    .app-theme-felt.app-desktop .ui-body-a:not(.ui-popup) .ui-btn-b:hover,
    .app-theme-felt .ui-body-a:not(.ui-popup) .ui-btn-b.ui-btn-active,
    .app-theme-felt .app-page-header {
        border-color: #beb9aa !important;
    }

    .app-theme-felt .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-felt.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }


    /*swatch b divider*/
    .app-theme-felt .ui-bar-b,
    .app-theme-felt .ui-bar-b .ui-bar-inherit,
    html .app-theme-felt.ui-body-b .ui-bar-inherit,
    html body.app-theme-felt .ui-group-theme-b .ui-bar-inherit {
        border-color: #ffcd76;
        background-color: #ced8d9;
    }

    /*fix for lookups/inputs*/
    .app-theme-felt .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-felt .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-felt .ui-input-text:not(.ui-btn-active),
    .app-theme-felt .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-felt .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #ffcd76;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-felt .ui-btn.app-lookup.ui-focus,
        .app-theme-felt .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-felt .ui-input-text.ui-focus,
        .app-theme-felt .app-form-editing .ui-input-text.ui-focus,
        .app-theme-felt .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-felt .ui-checkbox label.ui-focus,
        .app-theme-felt .ui-datepicker .ui-state-active {
            border-color: #95a201 !important;
        }

    .app-theme-felt .ui-slider {
        border-color: #ffcd76 !important;
    }

    .app-theme-felt .ui-slider-label.ui-btn-active {
        background-color: #beb9aa !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-felt .ui-body-a.ui-collapsible-content,
    .app-theme-felt .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-felt .ui-btn.app-lookup,
    .app-theme-felt .ui-btn.ui-btn-active.app-lookup {
        border-color: #beb9aa;
    }

    .app-theme-felt .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-felt .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-felt .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-black.png);
    }
}

.app-theme-felt .app-listview li .app-li-corner {
    color: #fff;
    background-color: #95a201;
}

.app-theme-felt .dataview-busy-indicator {
    background-color: #95a201;
}


/*********************************/
/* THEME: graham                */
/*******************************/

.app-theme-graham,
.app-theme-graham .ui-page-theme-a,
.app-theme-graham .app-page-header {
    background-color: #fffceb;
    /*scrollbar-base-color: #d27800;
    scrollbar-track-color: #fff4b9;
    scrollbar-shadow-color: #fff4b9;
    scrollbar-arrow-color: #d27800;*/
}

    /*
    .app-theme-graham.app-desktop ::-webkit-scrollbar-track {
        background-color: #fff4b9;
    }

    .app-theme-graham.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #d27800;
        border: solid 1px #fff4b9;
    }

        .app-theme-graham.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #b86800;
        }*/

    .app-theme-graham .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-graham .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-graham .ui-panel,
    .app-theme-graham .app-page-header,
    .app-theme-graham .app-status-bar {
        background-color: #fff4b9;
        border-color: #d27800;
    }

    .app-theme-graham .app-status-bar {
        color: #000;
    }

    .app-theme-graham .app-form-editing.app-formview .app-static-text div,
    .app-theme-graham .app-page-menu-desc,
    .app-theme-graham .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-graham .app-popup-message,
    .app-theme-graham .ui-content.app-map-info {
        background-color: #fff4b9;
        border-color: #fed49d;
        text-shadow: none;
        color: #000;
    }

        .app-theme-graham .app-popup-message .ui-popup-arrow {
            background-color: #fff4b9;
        }

        .app-theme-graham .app-popup-message div {
            color: #fed49d;
        }

    /* page header */
    .app-theme-graham .app-bar-tools.ui-bar-a,
    .app-theme-graham :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-graham .ui-header {
        background-color: #fff4b9;
        border-color: #d27800;
        text-shadow: none;
    }

    .app-theme-graham .app-popup-listview .ui-popup-arrow,
    .app-theme-graham .app-popup-listview {
        background-color: #fff4b9 !important;
        border-color: #fff4b9 !important;
    }

    .app-theme-graham .app-page-header {
        border-color: #d27800 !important;
    }

    .app-theme-graham.app-desktop .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
        background-color: rgba(255,255,255, 0.4) !important;
    }

    /* list dividers*/
    .app-theme-graham .ui-li-divider {
        background-color: #fed49d;
        border-color: #d27800;
        color: #555;
        text-shadow: none;
    }

    .app-theme-graham ui-li-divider,
    .app-theme-graham .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        /*background-color: #ddc1f4;*/
        /*border-color: #d27800;*/
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-graham .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-graham .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-graham .app-presenter-instruction,
    .app-theme-graham .app-grid-header .app-frozen-spacer {
        background-color: #fff0db !important;
        border-color: #fed49d !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-graham .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-graham .app-sidebar,
    .app-theme-graham .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-graham .app-echo,
    .app-theme-graham .app-header {
        border-color: #d27800 !important;
    }

    .app-theme-graham .app-bar-heading {
        background-color: #fff0db;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-graham .ui-body-a,
    .app-theme-graham .app-li-card,
    .app-theme-graham .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-graham .app-li-card {
        background-color: #fff;
        border-color: #fed49d;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-graham .ui-panel .ui-body-a {
        border-color: #d27800 !important;
    }

    .app-theme-graham .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-graham .ui-body-a.app-sidebar {
        background-color: #fff4b9;
    }

    .app-theme-graham.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-graham .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #fed49d;
    }

    .app-theme-graham .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-graham .ui-li-divider.app-info .appname {
            color: #AA2501;
        }

    /* fix for form "card" */
    .app-theme-graham .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #fed49d;
        border-left-color: #fed49d;
        border-right-color: #fed49d;
    }

    /*.app-theme-graham .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-graham .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-graham .app-page-header,
    .app-theme-graham .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-graham .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-graham .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-graham .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-graham .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-graham .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-graham .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-graham .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-graham .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-graham .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-graham .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-graham:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-graham .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-graham .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-graham .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-graham .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-graham .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-graham .app-tabs.ui-header,
    .app-theme-graham #app-welcome .ui-btn:not(:hover),
    .app-theme-graham #app-popup-login .ui-btn:not(:hover),
    .app-theme-graham .ui-datepicker .ui-state-highlight,
    .app-theme-graham .ui-datepicker .ui-datepicker-prev,
    .app-theme-graham .ui-datepicker .ui-datepicker-next,
    .app-theme-graham .ui-listview .app-frozen-spacer {
        border-color: #fed49d;
    }


    .app-theme-graham .ui-body-b .ui-btn-a,
    .app-theme-graham .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #fed49d !important;
    }

    .app-theme-graham.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #fed49d !important;
    }

    .app-theme-graham .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-graham .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-graham .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-graham .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-graham .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-graham .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-graham .app-tabs.ui-header:not(.app-lookup),
    .app-theme-graham .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-graham .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-graham .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-graham .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-graham .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-graham .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-graham .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-graham #app-welcome .ui-btn:not(:hover),
    .app-theme-graham #app-popup-login .ui-btn:not(:hover),
    .app-theme-graham .app-map-info .ui-popup-arrow,
    .app-theme-graham .ui-datepicker .ui-datepicker-prev,
    .app-theme-graham .ui-datepicker .ui-datepicker-next,
    .app-theme-graham .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-graham .ui-datepicker .ui-datepicker-next:hover,
    .app-theme-graham .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #fff7ed;
    }

    /* top border of Info button in sidebar */
    .app-theme-graham .app-sidebar .ui-btn.ui-icon-info {
        border-color: #d27800 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-graham .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-graham .app-field-label-after,
    .app-theme-graham .app-field-label-before,
    .app-theme-graham .app-field-label,
    .app-theme-graham .ui-panel .app-item-desc,
    .app-theme-graham .app-item-number {
        color: #aa2501 !important;
    }

    .app-theme-graham .ui-page-theme-b a:not(.ui-btn),
    .app-theme-graham .ui-bar-b a:not(.ui-btn),
    .app-theme-graham .ui-body-b a:not(.ui-btn),
    .app-theme-graham .ui-group-theme-b a:not(.ui-btn) {
        color: #aa2501 !important;
    }

        .app-theme-graham .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-graham .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-graham .ui-body-b a:not(.ui-btn):hover,
        .app-theme-graham .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-graham .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-graham .ui-bar-b a:not(.ui-btn):active,
        .app-theme-graham .ui-body-b a:not(.ui-btn):active,
        .app-theme-graham .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-graham .ui-btn p {
        color: #000 !important;
    }

    .app-theme-graham .ui-li-aside,
    .app-theme-graham .ui-btn .ui-li-aside,
    .app-theme-graham .app-grid-header,
    .app-theme-graham .app-panel-info-view .app-list-instruction,
    .app-theme-graham .app-calculated .app-static-text {
        color: #573e25 !important;
    }

    .app-theme-graham .app-filter {
        color: #d27800;
    }

    .app-theme-graham .app-bar-heading .app-bar-label,
    .app-theme-graham .app-static-text div,
    .app-theme-graham .app-form-editing.app-formview label {
        color: #aa2501;
    }

    .app-theme-graham .app-wrapper,
    .app-theme-graham .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-graham .app-selected:not(.ui-btn-active),
    .app-theme-graham .app-selected:hover,
    .app-theme-graham .app-selected:visited,
    .app-theme-graham .app-selected .app-frozen-spacer {
        background-color: #ffecd4 !important;
        border-color: #fed49d !important;
        color: #000 !important;
    }

    .app-theme-graham .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    body.app-theme-graham .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-graham .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-graham .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-graham .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-graham .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-graham .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-graham #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-graham #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-graham .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #fff3e5;
        border-color: #fed49d;
    }

    .app-theme-graham.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-graham.app-desktop .ui-datepicker td a:hover {
        background-color: #f9ead5;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-graham .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-graham .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-graham .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-graham .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #fde8cc !important;
        border-color: #fed49d !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-graham .app-grid-header .ui-btn-active,
    .app-theme-graham .dv-item .app-btn-more.ui-btn-active {
        background-color: #d27800 !important;
        color: #fff !important;
    }

    .app-theme-graham .app-listview .ui-btn.app-selected::before {
        background-color: #d27800;
    }

    .app-theme-graham .ui-title.ui-btn-active,
    html body.app-theme-graham .ui-btn.ui-btn-active,
    .app-theme-graham .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #d27800 !important;
        border-color: #fed49d !important;
        color: #fff !important;
    }

    .app-theme-graham .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-graham .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-graham #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-graham .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-graham .ui-btn-active p,
    .app-theme-graham .ui-btn-active p.ui-li-aside,
    .app-theme-graham .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-graham .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-graham .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #D27800;
        color: #fff;
    }

    .app-theme-graham .app-btn-check:not(.app-btn-check-selected) {
        border-color: #FED49D !important;
        background-color: transparent !important;
    }

    .app-theme-graham .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #FED49D !important;
    }

    .app-theme-graham .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #FED49D !important;
    }

    .app-theme-graham .app-btn-check.app-btn-check-selected {
        border-color: #D27800 !important;
        background-color: #D27800 !important;
    }

    .app-theme-graham .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-graham .app-tabs.ui-header {
        border-color: #d27800;
    }


    .app-theme-graham .app-tabs .ui-btn {
        border-color: #d27800 !important;
        color: #1d092d;
    }

        .app-theme-graham .app-tabs .ui-btn.ui-btn-active {
            border-color: #d27800 !important;
            background-color: #d27800 !important;
            color: #fff !important;
        }


    /*button on header bar*/

    .app-theme-graham.app-desktop .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-graham .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-graham .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-graham .ui-datepicker .ui-datepicker-next:hover {
        border-color: #d27800 !important;
    }

    .app-theme-graham .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-graham .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-graham .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-graham .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-graham .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-graham .ui-datepicker .ui-datepicker-prev span,
    .app-theme-graham .ui-datepicker .ui-datepicker-next span,
    .app-theme-graham .ui-checkbox-on:after,
    .app-theme-graham .ui-flipswitch-active,
    .app-theme-graham .ui-slider-track .ui-btn-active {
        background-color: #d27800 !important;
    }

    .app-theme-graham .ui-btn .glyphicon {
        color: #d27800;
    }

    .app-theme-graham .app-icon-themed {
        fill: #d27800;
    }

    .app-theme-graham .ui-radio-on:after,
    .app-theme-graham .ui-slider-track .ui-btn-active,
    .app-theme-graham .ui-flipswitch-active {
        border-color: #d27800 !important;
    }

    .app-theme-graham .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-graham .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-graham .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-graham .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-graham .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #a15d02 !important;
    }

    /*swatch b*/
    .app-theme-graham .ui-btn.ui-btn-b,
    .app-theme-graham .ui-btn.ui-btn-b:visited,
    body.app-theme-graham:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #ecb266;
        border-color: #fed49d;
        color: #1d092d;
    }

        /*swatch b hover*/

        .app-theme-graham .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-graham.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-graham .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-graham .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #eaac5b;
            border-color: #fed49d;
            color: #1d092d !important;
        }

    .app-theme-graham .app-nav-panel {
        border-color: #fed49d !important;
    }

    .app-theme-graham .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-graham.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-graham .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #d27800 !important;
    }

    .app-theme-graham .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-graham.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }


    /*swatch b divider*/
    .app-theme-graham .ui-bar-b,
    .app-theme-graham .ui-bar-b .ui-bar-inherit,
    html .app-theme-graham.ui-body-b .ui-bar-inherit,
    html body.app-theme-graham .ui-group-theme-b .ui-bar-inherit {
        border-color: #fed49d;
        background-color: #fff4b9;
    }

    /*fix for lookups/inputs*/
    .app-theme-graham .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-graham .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-graham .ui-input-text:not(.ui-btn-active),
    .app-theme-graham .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-graham .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #fed49d;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-graham .ui-btn.app-lookup.ui-focus,
        .app-theme-graham .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-graham .ui-input-text.ui-focus,
        .app-theme-graham .app-form-editing .ui-input-text.ui-focus,
        .app-theme-graham .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-graham .ui-checkbox label.ui-focus,
        .app-theme-graham .ui-datepicker .ui-state-active {
            border-color: #d27800 !important;
        }

    .app-theme-graham .ui-slider {
        border-color: #fed49d !important;
    }

    .app-theme-graham .ui-slider-label.ui-btn-active {
        background-color: #d27800 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-graham .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-graham .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-graham .ui-btn.app-lookup,
    .app-theme-graham .ui-btn.ui-btn-active.app-lookup {
        border-color: #d27800;
    }


    .app-theme-graham .app-tabs .ui-btn.ui-btn-active,
    .app-theme-graham .app-tabs .ui-btn.ui-btn-active:hover,
    .app-theme-graham .app-tabs :not(.ui-btn-active).ui-btn,
    .app-theme-graham .app-tabs .ui-btn.ui-btn-active,
    .app-desktop.app-theme-graham .app-tabs .ui-btn.ui-btn-active:hover {
        background-color: rgb(205, 221, 155);
    }

    .app-theme-graham .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-graham .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-graham .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-graham .app-listview li .app-li-corner {
    color: #fff;
    background-color: #d27800;
}

.app-theme-graham .dataview-busy-indicator {
    /*background-color: #d27800;*/
}

/*********************************/
/* THEME: granite               */
/*******************************/

.app-theme-granite,
.app-theme-granite .ui-page-theme-a,
.app-theme-granite .app-page-header {
    background-color: #fff;
    scrollbar-base-color: #bcaaa7;
    scrollbar-track-color: #fff0db;
    scrollbar-shadow-color: #fff0db;
    scrollbar-arrow-color: #bcaaa7;
}

    .app-theme-granite.app-desktop ::-webkit-scrollbar-track {
        background-color: #fff0db;
    }

    .app-theme-granite.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #bcaaa7;
        border: solid 1px #fff0db;
    }

        .app-theme-granite.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #a88a86;
        }

    .app-theme-granite .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-granite .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-granite .ui-panel,
    .app-theme-granite .app-page-header,
    .app-theme-granite .app-status-bar {
        background-color: #deedff;
        border-color: #a88a86;
    }

    .app-theme-granite .app-bar-actions {
        background-color: #fff !important;
    }

    .app-theme-granite .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-granite .ui-panel {
        background-color: #bcaaa7;
    }

    .app-theme-granite .app-status-bar {
        color: #000;
    }

    .app-theme-granite .app-form-editing.app-formview .app-static-text div,
    .app-theme-granite .app-page-menu-desc,
    .app-theme-granite .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-granite .app-popup-message,
    .app-theme-granite .ui-content.app-map-info {
        background-color: #bcaaa7;
        border-color: #bcaaa7;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-granite .app-popup-message .ui-popup-arrow {
            background-color: #bcaaa7;
        }

        .app-theme-granite .app-popup-message div {
            color: #bcaaa7;
        }

    /* page header */
    .app-theme-granite .app-bar-tools.ui-bar-a,
    .app-theme-granite :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-granite .ui-header {
        background-color: #bcaaa7;
        border-color: #a88a86;
        text-shadow: none;
    }

    .app-theme-granite .app-popup-listview .ui-popup-arrow,
    .app-theme-granite .app-popup-listview {
        background-color: #bcaaa7 !important;
        border-color: #bcaaa7 !important;
    }

    .app-theme-granite .app-page-header {
        border-color: #a88a86 !important;
    }

    /* list dividers*/
    .app-theme-granite .ui-li-divider {
        background-color: #bcaaa7;
        border-color: #a88a86;
        color: #555;
        text-shadow: none;
    }

    .app-theme-granite ui-li-divider,
    .app-theme-granite .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        /*background-color: #ddc1f4;*/
        /*border-color: #a88a86;*/
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-granite .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-granite .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-granite .app-presenter-instruction,
    .app-theme-granite .app-grid-header .app-frozen-spacer {
        background-color: #fff0db !important;
        border-color: #bcaaa7 !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-granite .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-granite .app-sidebar,
    .app-theme-granite .app-divider:not(.ui-collapsible),
    .app-theme-granite .app-echo,
    .app-theme-granite .app-header {
        border-color: #a88a86 !important;
    }

    .app-theme-granite .app-bar-heading {
        background-color: #fff0db;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-granite .ui-body-a,
    .app-theme-granite .app-li-card,
    .app-theme-granite .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-granite .app-li-card {
        background-color: #fff;
        border-color: #bcaaa7;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-granite .ui-panel .ui-body-a {
        border-color: #a88a86 !important;
    }

    .app-theme-granite .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-granite .ui-body-a.app-sidebar {
        background-color: #bcaaa7;
    }

    .app-theme-granite.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-granite .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #bcaaa7;
    }

    .app-theme-granite .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-granite .ui-li-divider.app-info .appname {
            color: #AA2501;
        }

    /* fix for form "card" */
    .app-theme-granite .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #bcaaa7;
        border-left-color: #bcaaa7;
        border-right-color: #bcaaa7;
    }

    /*.app-theme-granite .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-granite .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-granite .app-page-header,
    .app-theme-granite .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-granite .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-granite .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-granite .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-granite .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-granite .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-granite .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-granite .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-granite .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-granite .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-granite .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-granite:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-granite .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-granite .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-granite .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-granite .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-granite .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-granite #app-welcome .ui-btn,
    .app-theme-granite #app-popup-login .ui-btn,
    .app-theme-granite .ui-datepicker .ui-state-highlight,
    .app-theme-granite .ui-datepicker .ui-datepicker-prev,
    .app-theme-granite .ui-datepicker .ui-datepicker-next,
    .app-theme-granite .ui-listview .app-frozen-spacer {
        border-color: #bcaaa7;
    }

    .app-theme-granite .ui-body-b .ui-btn-a,
    .app-theme-granite .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #67a0ea !important;
    }

    .app-theme-granite.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #67a0ea !important;
    }

    .app-theme-granite .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-granite .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-granite .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-granite .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-granite .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-granite .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-granite .app-tabs.ui-header:not(.app-lookup),
    .app-theme-granite .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-granite .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-granite .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-granite .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-granite .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-granite .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-granite .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-granite #app-welcome .ui-btn:not(:hover),
    .app-theme-granite #app-popup-login .ui-btn:not(:hover),
    .app-theme-granite .app-map-info .ui-popup-arrow,
    .app-theme-granite .ui-datepicker .ui-datepicker-prev,
    .app-theme-granite .ui-datepicker .ui-datepicker-next,
    .app-theme-granite .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #fffcf3;
    }

    /* top border of Info button in sidebar */
    .app-theme-granite .app-sidebar .ui-btn.ui-icon-info {
        border-color: #a88a86 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-granite .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-granite .app-field-label-after,
    .app-theme-granite .app-field-label-before,
    .app-theme-granite .app-field-label,
    .app-theme-granite .ui-panel .app-item-desc,
    .app-theme-granite .app-item-number {
        color: #aa2501 !important;
    }

    .app-theme-granite .ui-page-theme-b a:not(.ui-btn),
    .app-theme-granite .ui-bar-b a:not(.ui-btn),
    .app-theme-granite .ui-body-b a:not(.ui-btn),
    .app-theme-granite .ui-group-theme-b a:not(.ui-btn) {
        color: #aa2501 !important;
    }

        .app-theme-granite .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-granite .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-granite .ui-body-b a:not(.ui-btn):hover,
        .app-theme-granite .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-granite .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-granite .ui-bar-b a:not(.ui-btn):active,
        .app-theme-granite .ui-body-b a:not(.ui-btn):active,
        .app-theme-granite .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-granite .ui-btn p {
        color: #000 !important;
    }

    .app-theme-granite .ui-li-aside,
    .app-theme-granite .ui-btn .ui-li-aside,
    .app-theme-granite .app-grid-header,
    .app-theme-granite .app-panel-info-view .app-list-instruction,
    .app-theme-granite .app-calculated .app-static-text {
        color: #573e25 !important;
    }

    .app-theme-granite .app-filter {
        color: #5e8abf;
    }

    .app-theme-granite .app-bar-heading .app-bar-label,
    .app-theme-granite .app-static-text div,
    .app-theme-granite .app-form-editing.app-formview label {
        color: #aa2501;
    }

    .app-theme-granite .app-wrapper,
    .app-theme-granite .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-granite .app-selected:not(.ui-btn-active),
    .app-theme-granite .app-selected:hover,
    .app-theme-granite .app-selected:visited,
    .app-theme-granite .app-selected .app-frozen-spacer {
        background-color: #fde8cc !important;
        border-color: #bcaaa7 !important;
        color: #000 !important;
    }

    .app-theme-granite .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-granite .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-granite .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-granite .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-granite .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-granite .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-granite .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-granite #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-granite #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-granite .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #faf5e6;
        border-color: #bcaaa7;
    }

    .app-theme-granite.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-granite.app-desktop .ui-datepicker td a:hover {
        background-color: #f7e8d4;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-granite .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-granite .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-granite .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-granite .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #f5e0c5 !important;
        border-color: #bcaaa7 !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-granite .app-grid-header .ui-btn-active,
    .app-theme-granite .dv-item .app-btn-more.ui-btn-active {
        background-color: #5e8abf !important;
        color: #fff !important;
    }

    .app-theme-granite .app-listview .ui-btn.app-selected::before {
        background-color: #5e8abf;
    }

    .app-theme-granite .ui-title.ui-btn-active,
    html body.app-theme-granite .ui-btn.ui-btn-active,
    .app-theme-granite .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #5e8abf !important;
        border-color: #bcaaa7 !important;
        color: #fff !important;
    }

    .app-theme-granite .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-granite .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-granite #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-granite .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-granite .ui-btn-active p,
    .app-theme-granite .ui-btn-active p.ui-li-aside,
    .app-theme-granite .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-granite .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-granite .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #5E8ABF;
        color: #fff;
    }

    .app-theme-granite .app-btn-check:not(.app-btn-check-selected) {
        border-color: #BCAAA7 !important;
        background-color: transparent !important;
    }

    .app-theme-granite .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #BCAAA7 !important;
    }

    .app-theme-granite .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #BCAAA7 !important;
    }

    .app-theme-granite .app-btn-check.app-btn-check-selected {
        border-color: #5E8ABF !important;
        background-color: #5E8ABF !important;
    }

    .app-theme-granite .app-btn-check .app-icon-themed {
        fill: #fff;
    }
    /* tabs */

    .app-theme-granite .app-tabs .ui-btn {
        border-color: #a88a86 !important;
        color: #1d092d;
    }

        .app-theme-granite .app-tabs .ui-btn.ui-btn-active {
            border-color: #a88a86 !important;
            background-color: #a88a86 !important;
            color: #fff !important;
        }


    /*button on header bar*/
    .app-theme-granite .app-bar-tools .ui-btn.ui-btn-icon-notext,
    .app-theme-granite .app-map-info-toolbar .ui-btn.ui-btn-icon-notext {
        border-color: #a88a86 !important;
    }

    .app-theme-granite.app-desktop .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-granite .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-granite .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-granite .ui-datepicker .ui-datepicker-next:hover {
        border-color: #95824a !important;
    }

    .app-theme-granite .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-granite .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-granite .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-granite .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-granite .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-granite .ui-datepicker .ui-datepicker-prev span,
    .app-theme-granite .ui-datepicker .ui-datepicker-next span,
    .app-theme-granite .ui-checkbox-on:after,
    .app-theme-granite .ui-flipswitch-active,
    .app-theme-granite .ui-slider-track .ui-btn-active {
        background-color: #a88a86 !important;
    }

    .app-theme-granite .ui-btn .glyphicon {
        color: #a88a86;
    }

    .app-theme-granite .app-icon-themed {
        fill: #a88a86;
    }

    .app-theme-granite .app-bar-actions .ui-btn,
    .app-theme-granite .app-bar-actions .ui-btn.ui-btn-active,
    .app-theme-granite .app-bar-actions .ui-btn.app-selected {
        border-color: #a88a86 !important;
    }

    .app-theme-granite .ui-radio-on:after,
    .app-theme-granite .ui-slider-track .ui-btn-active,
    .app-theme-granite .ui-flipswitch-active {
        border-color: #a88a86 !important;
    }


    .app-theme-granite .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-granite .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-granite .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-granite .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-granite .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #3372be !important;
    }

    .app-theme-granite .ui-btn.ui-btn-active.ui-btn-icon-notext.app-btn-promo::after {
        background-color: #5e8abf !important;
    }


    /*swatch b*/
    .app-theme-granite .ui-btn.ui-btn-b,
    .app-theme-granite .ui-btn.ui-btn-b:visited,
    body.app-theme-granite:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover,
    .app-theme-granite .app-popup .ui-content .ui-checkbox .ui-btn:not(ui-btn-active):not(:hover) {
        background-color: #add0ff;
        border-color: #67a0ea;
        color: #182f4e;
    }


        /*swatch b hover*/

        .app-theme-granite .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-granite.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-granite .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-granite .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover,
        .app-theme-granite .app-popup .ui-content .ui-checkbox .ui-btn-active {
            background-color: #aaccf9;
            border-color: #67a0ea;
            color: #182f4e !important;
        }

    .app-theme-granite .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #67a0ea !important;
    }

    .app-theme-granite .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-granite.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-granite .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #a88a86 !important;
    }

    .app-theme-granite .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-granite.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #000 !important;
    }


    /*swatch b divider*/
    .app-theme-granite .ui-bar-b,
    .app-theme-granite .ui-bar-b .ui-bar-inherit,
    html .app-theme-granite.ui-body-b .ui-bar-inherit,
    html body.app-theme-granite .ui-group-theme-b .ui-bar-inherit {
        border-color: #67a0ea;
        background-color: #eae6e5;
    }

    /*fix for lookups/inputs*/
    .app-theme-granite .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-granite .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-granite .ui-input-text:not(.ui-btn-active),
    .app-theme-granite .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-granite .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #bcaaa7;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-granite .ui-btn.app-lookup.ui-focus,
        .app-theme-granite .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-granite .ui-input-text.ui-focus,
        .app-theme-granite .app-form-editing .ui-input-text.ui-focus,
        .app-theme-granite .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-granite .ui-checkbox label.ui-focus,
        .app-theme-granite .ui-datepicker .ui-state-active {
            border-color: #a15d02 !important;
        }

    .app-theme-granite .ui-slider {
        border-color: #bcaaa7 !important;
    }

    .app-theme-granite .ui-slider-label.ui-btn-active {
        background-color: #a88a86 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-granite .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-granite .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-granite .ui-btn.app-lookup,
    .app-theme-granite .ui-btn.ui-btn-active.app-lookup {
        border-color: #a88a86;
    }


    .app-theme-granite .app-tabs .ui-btn.ui-btn-active,
    .app-theme-granite .app-tabs .ui-btn.ui-btn-active:hover,
    .app-theme-granite .app-tabs :not(.ui-btn-active).ui-btn,
    .app-theme-granite .app-tabs .ui-btn.ui-btn-active,
    .app-desktop.app-theme-granite .app-tabs .ui-btn.ui-btn-active:hover {
        background-color: rgb(205, 221, 155);
    }

    .app-theme-granite .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-granite .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-granite .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-granite .app-listview li .app-li-corner {
    color: #fff;
    background-color: #a88a86;
}

.app-theme-granite .dataview-busy-indicator {
    background-color: #5e8abf;
}

.app-theme-granite .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-granite .ui-bar-a .app-user-name {
    color: #333 !important;
}

.app-theme-granite .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-granite .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #000 !important;
}

/*********************************/
/* THEME: GRAPELLO              */
/*******************************/

.app-theme-grapello,
.app-theme-grapello .ui-page-theme-a,
.app-theme-grapello .app-page-header {
    background-color: #eeecea;
    /*scrollbar-base-color: #7f2dc6;
    scrollbar-arrow-color: #7f2dc6;
    scrollbar-track-color: #d2b1ee;
    scrollbar-shadow-color: #d2b1ee;*/
}

    /*

    .app-theme-grapello.app-desktop ::-webkit-scrollbar-track {
        background-color: #d2b1ee;
    }

    .app-theme-grapello.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #7f2dc6;
        border: solid 1px #d2b1ee;
    }

        .app-theme-grapello.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #6f28ad;
        }*/

    .app-theme-grapello .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-grapello .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-grapello .ui-panel,
    .app-theme-grapello .app-page-header,
    .app-theme-grapello .app-status-bar {
        background-color: #b680e4;
        border-color: #7f2dc6;
    }

    .app-theme-grapello .app-bar-actions {
        background-color: #fff !important;
    }

    .app-theme-grapello .app-status-bar {
        color: #000;
    }

    .app-theme-grapello .app-form-editing.app-formview .app-static-text div,
    .app-theme-grapello .app-page-menu-desc,
    .app-theme-grapello .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-grapello .app-popup-message,
    .app-theme-grapello .ui-content.app-map-info {
        background-color: #b680e4;
        border-color: #d2b1ee;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-grapello .app-popup-message .ui-popup-arrow {
            background-color: #b680e4;
        }

        .app-theme-grapello .app-popup-message div {
            color: #d2b1ee;
        }

    /* page header */
    .app-theme-grapello .app-bar-tools.ui-bar-a,
    .app-theme-grapello :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-grapello .ui-header {
        background-color: #b680e4;
        border-color: #7f2dc6;
        text-shadow: none;
    }

    .app-theme-grapello .app-popup-listview .ui-popup-arrow,
    .app-theme-grapello .app-popup-listview {
        background-color: #b680e4 !important;
        border-color: #b680e4 !important;
    }

    .app-theme-grapello .app-page-header {
        background-color: #fff !important;
        border-color: #7f2dc6 !important;
    }

    /* list dividers*/
    .app-theme-grapello .ui-li-divider {
        background-color: #d2b1ee;
        border-color: #7f2dc6;
        color: #555;
        text-shadow: none;
    }

    .app-theme-grapello ui-li-divider,
    .app-theme-grapello .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        background-color: #ddc1f4;
        /*border-color: #7f2dc6;*/
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-grapello .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-grapello .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-grapello .app-presenter-instruction,
    .app-theme-grapello .app-grid-header .app-frozen-spacer {
        background-color: #d2b1ee !important;
        border-color: #7f2dc6 !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-grapello .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-grapello .app-sidebar,
    .app-theme-grapello .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-grapello .app-echo,
    .app-theme-grappelo .app-header {
        border-color: #7f2dc6 !important;
    }

    .app-theme-grapello .app-bar-heading {
        background-color: #DDCDEB;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-grapello .ui-body-a,
    .app-theme-grapello .app-li-card,
    .app-theme-grapello .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-grapello .app-li-card {
        background-color: #fff;
        border-color: #d2b1ee;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-grapello .ui-panel .ui-body-a {
        border-color: #7f2dc6 !important;
    }

    .app-theme-grapello .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-grapello .ui-body-a.app-sidebar {
        background-color: #b680e4;
    }

    .app-theme-grapello.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-grapello .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #d2b1ee;
    }

    .app-theme-grapello .ui-li-divider.app-info {
        background-color: #eeecea !important;
    }

        .app-theme-grapello .ui-li-divider.app-info .appname {
            color: #903cd6;
        }

    /* fix for form "card" */
    .app-theme-grapello .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #d2b1ee;
        border-left-color: #d2b1ee;
        border-right-color: #d2b1ee;
    }

    /*.app-theme-grapello .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-grapello .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-grapello .app-page-header,
    .app-theme-grapello .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-grapello .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-grapello .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-grapello .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-grapello .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-grapello .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-grapello .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-grapello .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-grapello .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-grapello .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-grapello .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-grapello:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-grapello .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-grapello .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-grapello .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-grapello .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-grapello .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-grapello .app-tabs.ui-header,
    .app-theme-grapello #app-welcome .ui-btn:not(:hover),
    .app-theme-grapello #app-popup-login .ui-btn:not(:hover),
    .app-theme-grapello .ui-datepicker .ui-state-highlight,
    .app-theme-grapello .ui-datepicker .ui-datepicker-prev,
    .app-theme-grapello .ui-datepicker .ui-datepicker-next,
    .app-theme-grapello .ui-listview .app-frozen-spacer {
        border-color: #d2b1ee;
    }

    .app-theme-grapello .ui-body-b .ui-btn-a,
    .app-theme-grapello .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #b680e4 !important;
    }

    .app-theme-grapello.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #b680e4 !important;
    }

    .app-theme-grapello .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-grapello .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-grapello .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-grapello .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-grapello .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-grapello .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-grapello .app-tabs.ui-header:not(.app-lookup),
    .app-theme-grapello .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-grapello .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-grapello .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-grapello .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-grapello .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-grapello .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-grapello .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-grapello #app-welcome .ui-btn:not(:hover),
    .app-theme-grapello #app-popup-login .ui-btn:not(:hover),
    .app-theme-grapello .app-map-info .ui-popup-arrow,
    .app-theme-grapello .ui-datepicker .ui-datepicker-prev,
    .app-theme-grapello .ui-datepicker .ui-datepicker-next,
    .app-theme-grapello .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #ECE4F3;
    }

    /* top border of Info button in sidebar */
    .app-theme-grapello .app-sidebar .ui-btn.ui-icon-info {
        border-color: #7f2dc6 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-grapello .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-grapello .app-field-label-after,
    .app-theme-grapello .app-field-label-before,
    .app-theme-grapello .app-field-label,
    .app-theme-grapello .ui-panel .app-item-desc,
    .app-theme-grapello .app-item-number {
        color: #7f2dc6 !important;
    }

    .app-theme-grapello .ui-page-theme-b a:not(.ui-btn),
    .app-theme-grapello .ui-bar-b a:not(.ui-btn),
    .app-theme-grapello .ui-body-b a:not(.ui-btn),
    .app-theme-grapello .ui-group-theme-b a:not(.ui-btn) {
        color: #7f2dc6 !important;
    }

        .app-theme-grapello .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-grapello .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-grapello .ui-body-b a:not(.ui-btn):hover,
        .app-theme-grapello .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-grapello .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-grapello .ui-bar-b a:not(.ui-btn):active,
        .app-theme-grapello .ui-body-b a:not(.ui-btn):active,
        .app-theme-grapello .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-grapello .ui-btn p {
        color: #000 !important;
    }

    .app-theme-grapello .ui-li-aside,
    .app-theme-grapello .ui-btn .ui-li-aside,
    .app-theme-grapello .app-grid-header,
    .app-theme-grapello .app-panel-info-view .app-list-instruction-filter,
    .app-theme-grapello .app-calculated .app-static-text {
        color: #903cd6 !important;
    }

    .app-theme-grapello .app-filter {
        color: #000;
    }

    .app-theme-grapello .app-bar-heading .app-bar-label,
    .app-theme-grapello .app-static-text div,
    .app-theme-grapello .app-form-editing.app-formview label {
        color: #7F2DC6;
    }

    .app-theme-grapello .app-wrapper,
    .app-theme-grapello .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-grapello .app-selected:not(.ui-btn-active),
    .app-theme-grapello .app-selected:hover,
    .app-theme-grapello .app-selected:visited,
    .app-theme-grapello .app-selected .app-frozen-spacer {
        background-color: #E1CBF3 !important;
        border-color: #d2b1ee !important;
        color: #000 !important;
    }

    .app-theme-grapello .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.1) !important;
    }

    /* hover */
    .app-theme-grapello .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-grapello .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-grapello .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-grapello .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-grapello .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-grapello .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-grapello #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-grapello #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-grapello .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #E6D9F2;
        border-color: #d2b1ee;
    }

    .app-theme-grapello.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-grapello.app-desktop .ui-datepicker td a:hover {
        background-color: #E6D9F2;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-grapello .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-grapello .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-grapello .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-grapello .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #DFC6F3 !important;
        border-color: #d2b1ee;
        color: #000 !important;
    }

    /* click */
    .app-theme-grapello .app-grid-header .ui-btn-active,
    .app-theme-grapello .dv-item .app-btn-more.ui-btn-active {
        background-color: #7f2dc6 !important;
        color: #fff !important;
    }

    .app-theme-grapello .app-listview .ui-btn.app-selected::before {
        background-color: #7f2dc6;
    }

    .app-theme-grapello .ui-title.ui-btn-active,
    html body.app-theme-grapello .ui-btn.ui-btn-active,
    .app-theme-grapello .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #7f2dc6 !important;
        border-color: #d2b1ee !important;
        color: #fff !important;
    }

    .app-theme-grapello .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-grapello .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-grapello #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-grapello .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-grapello .ui-btn-active p,
    .app-theme-grapello .ui-btn-active p.ui-li-aside,
    .app-theme-grapello .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-grapello .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-grapello .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #7F2DC6;
        color: #fff;
    }

    .app-theme-grapello .app-echo .dv-action-see-all span {
        border-color: #D2B1EE !important;
    }

    .app-theme-grapello .app-btn-check:not(.app-btn-check-selected) {
        border-color: #D2B1EE !important;
        background-color: transparent !important;
    }

    .app-theme-grapello .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #D2B1EE !important;
    }

    .app-theme-grapello .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #D2B1EE !important;
    }

    .app-theme-grapello .app-btn-check.app-btn-check-selected {
        border-color: #7F2DC6 !important;
        background-color: #7F2DC6 !important;
    }

    .app-theme-grapello .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-grapello .app-tabs.ui-header {
        border-color: #7f2dc6;
    }


    .app-theme-grapello .app-tabs .ui-btn {
        border-color: #7f2dc6 !important;
        color: #1d092d;
    }

        .app-theme-grapello .app-tabs .ui-btn.ui-btn-active {
            border-color: #7f2dc6 !important;
            background-color: #7f2dc6 !important;
            color: #fff !important;
        }


    /*button on header bar*/

    .app-theme-grapello .app-bar-tools .ui-btn,
    .app-theme-grapello .app-map-info-toolbar .ui-btn,
    .app-theme-grapello .app-tabs.ui-header {
        border-color: #9f48e7 !important;
    }

        .app-theme-grapello.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
        .app-theme-grapello.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover,
        .app-theme-grapello .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active,
        .app-theme-grapello .app-map-info-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active,
        .app-theme-grapello .ui-datepicker .ui-datepicker-prev:hover,
        .app-theme-grapello .ui-datepicker .ui-datepicker-next:hover {
            border-color: #9738e6 !important;
            background-color: #caa3ed !important;
        }

    .app-theme-grapello.app-desktop .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-grapello .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #7f2dc6 !important;
    }

    .app-theme-grapello .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-grapello .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-grapello .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-grapello .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-grapello .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-grapello .ui-datepicker .ui-datepicker-prev span,
    .app-theme-grapello .ui-datepicker .ui-datepicker-next span,
    .app-theme-grapello .ui-checkbox-on:after,
    .app-theme-grapello .ui-flipswitch-active,
    .app-theme-grapello .ui-slider-track .ui-btn-active {
        background-color: #7f2dc6 !important;
    }

    .app-theme-grapello .ui-btn .glyphicon {
        color: #7f2dc6;
    }

    .app-theme-grapello .app-icon-themed {
        fill: #7f2dc6;
    }

    .app-theme-grapello .ui-radio-on:after,
    .app-theme-grapello .ui-slider-track .ui-btn-active,
    .app-theme-grapello .ui-flipswitch-active {
        border-color: #7f2dc6 !important;
    }


    .app-theme-grapello .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-grapello .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-grapello .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-grapello .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-grapello .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #9E72C5 !important;
    }

    /*swatch b*/
    .app-theme-grapello .ui-btn.ui-btn-b,
    .app-theme-grapello .ui-btn.ui-btn-b:visited,
    body.app-theme-grapello:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #d2b1ee;
        border-color: #b680e4;
        color: #1d092d;
    }

        /*swatch b hover*/

        .app-theme-grapello .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-grapello.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-grapello .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-grapello .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #d9b4f8;
            border-color: #b680e4;
            color: #1d092d !important;
        }

    .app-theme-grapello .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #b680e4 !important;
    }

    .app-theme-grapello .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-grapello.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-grapello .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #7f2dc6 !important;
    }

    .app-theme-grapello .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-grapello.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }


    /*swatch b divider*/
    .app-theme-grapello .ui-bar-b,
    .app-theme-grapello .ui-bar-b .ui-bar-inherit,
    html .app-theme-grapello.ui-body-b .ui-bar-inherit,
    html body.app-theme-grapello .ui-group-theme-b .ui-bar-inherit {
        border-color: #d2b1ee;
        background-color: #b680e4;
    }

    /*fix for lookups/inputs*/
    .app-theme-grapello .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-grapello .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-grapello .ui-input-text:not(.ui-btn-active),
    .app-theme-grapello .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-grapello .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #d2b1ee;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-grapello .ui-btn.app-lookup.ui-focus,
        .app-theme-grapello .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-grapello .ui-input-text.ui-focus,
        .app-theme-grapello .app-form-editing .ui-input-text.ui-focus,
        .app-theme-grapello .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-grapello .ui-checkbox label.ui-focus,
        .app-theme-grapello .ui-datepicker .ui-state-active {
            border-color: #7f2dc6 !important;
        }

    .app-theme-grapello .ui-slider {
        border-color: #d2b1ee !important;
    }

    .app-theme-grapello .ui-slider-label.ui-btn-active {
        background-color: #7f2dc6 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-grapello .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-grapello .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-grapello .ui-btn.app-lookup,
    .app-theme-grapello .ui-btn.ui-btn-active.app-lookup {
        border-color: #7f2dc6;
    }


    .app-theme-grapello .app-tabs .ui-btn.ui-btn-active,
    .app-theme-grapello .app-tabs .ui-btn.ui-btn-active:hover,
    .app-theme-grapello .app-tabs :not(.ui-btn-active).ui-btn,
    .app-theme-grapello .app-tabs .ui-btn.ui-btn-active,
    .app-desktop.app-theme-grapello .app-tabs .ui-btn.ui-btn-active:hover {
        background-color: rgb(205, 221, 155);
    }

    .app-theme-grapello .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-grapello .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-grapello .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-black.png);
    }
}

.app-theme-grapello .app-listview li .app-li-corner {
    color: #fff;
    background-color: #7f2dc6;
}

.app-theme-grapello .dataview-busy-indicator {
    background-color: #1f1f1f;
}

.app-theme-grapello .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-grapello .ui-bar-a .app-user-name {
    color: #333 !important;
}

.app-theme-grapello .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-grapello .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #000 !important;
}

/*********************************/
/* THEME: gravity               */
/*******************************/

.app-theme-gravity,
.app-theme-gravity .ui-page-theme-a {
    background-color: #e9eaed;
}

    .app-theme-gravity .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-gravity .ui-panel {
        background-color: #cbcbcb;
        border-color: #d9d9d9;
    }

    .app-theme-gravity .app-status-bar {
        background-color: #ebedf0;
    }

    .app-theme-gravity .app-page-header {
        color: #42464d;
        background-color: #fff;
    }

    .app-theme-gravity .app-status-bar {
        color: #000;
    }

    .app-theme-gravity .app-form-editing.app-formview .app-static-text div,
    .app-theme-gravity .app-page-menu-desc,
    .app-theme-gravity .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-gravity .app-popup-message,
    .app-theme-gravity .ui-content.app-map-info {
        background-color: #e5e5e5;
        border-color: #aaaaaa;
        text-shadow: none;
        color: #000;
    }

        .app-theme-gravity .app-popup-message .ui-popup-arrow {
            background-color: #e5e5e5;
            border-color: #e5e5e5;
        }

        .app-theme-gravity .app-popup-message div,
        .app-theme-gravity .ui-flipswitch-active a {
            color: #fff !important;
        }

    /* page header */
    .app-theme-gravity .app-bar-tools.ui-bar-a,
    .app-theme-gravity :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-gravity .app-popup .ui-header.ui-bar-a {
        background: #d3d3d3;
        border-color: #aaaaaa;
        text-shadow: none;
        color: #000;
    }

    .app-theme-gravity .ui-header.app-bar-actions {
        background-color: #ebedf0 !important;
        border-color: #dddddd !important;
    }

    .app-theme-gravity .app-popup-listview .ui-popup-arrow,
    .app-theme-gravity .app-popup-listview {
        background-color: #d3d3d3 !important;
        border-color: #d3d3d3 !important;
    }

    .app-theme-gravity .ui-header {
        background-color: #fff;
    }

    .app-theme-gravity .app-page-header,
    .app-theme-gravity .app-echo,
    .app-theme-gravity .app-header {
        border-color: #aaaaaa !important;
    }

    /* list dividers*/
    .app-theme-gravity .ui-li-divider {
        background-color: #d9d9d9;
        border-color: #aaaaaa;
        color: #111;
    }

    .app-theme-gravity ui-li-divider,
    .app-theme-gravity .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        background-color: #e8f1fa;
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-gravity .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-gravity .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-gravity .app-presenter-instruction,
    .app-theme-gravity .app-grid-header .app-frozen-spacer {
        background-color: #f6f7f8 !important;
        border-color: #d9d9d9 !important;
        color: #7f848b;
    }

    body:not(.app-sidebar-undocked).app-theme-gravity .ui-header-fixed .ui-title,
    .app-theme-gravity .app-divider:not(.ui-collapsible):not(.app-calculated) {
        border-color: #aaaaaa !important;
        color: #333333;
    }

    .app-theme-gravity .app-bar-heading {
        background-color: #f6f7f8;
        color: #242a33;
        text-shadow: none;
    }

    .app-theme-gravity .ui-body-a,
    .app-theme-gravity .ui-page-theme-a .ui-body-inherit:not(.ui-focus) {
        background-color: #ebedf0;
        border-color: #d4d6da;
        text-shadow: none;
    }

    .app-theme-gravity ul:not(.app-form-editing) .ui-field-contain {
        border-color: #d9d9d9 !important;
    }

    .app-theme-gravity .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }

    /*sidebar customizations*/
    body:not(.app-sidebar-undocked).app-theme-gravity .app-sidebar,
    .app-theme-gravity .ui-body-a.app-sidebar {
        border-color: #aaaaaa;
    }

    .app-theme-gravity.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-gravity .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #d9d9d9;
    }

    .app-theme-gravity .ui-li-divider.app-info {
        background-color: #ebedf0 !important;
        color: #000;
    }

    .app-theme-gravity .appname {
        color: #3b96b6 !important;
    }

    /* fix for form "card" */
    .app-theme-gravity .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #d9d9d9;
        border-left-color: #d9d9d9;
        border-right-color: #d9d9d9;
    }

    .app-theme-gravity .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }

    /*buttons*/
    .app-theme-gravity .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-gravity .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-gravity .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-gravity .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-gravity .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    .app-theme-gravity .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-gravity .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-gravity .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-gravity .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-gravity .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-gravity .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-gravity:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-gravity .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-gravity .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-gravity .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-gravity .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-gravity .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-gravity #app-welcome .ui-btn,
    .app-theme-gravity #app-popup-login .ui-btn,
    .app-theme-gravity .ui-datepicker .ui-state-highlight,
    .app-theme-gravity .ui-listview .app-frozen-spacer {
        border-color: #d9d9d9;
    }

    .app-theme-gravity .app-tabs.ui-header {
        border-color: #d9d9d9 !important;
    }

    .app-theme-gravity .ui-body-b .ui-btn-a,
    .app-theme-gravity .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #f5f7f7 !important;
    }

    .app-theme-gravity.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #f5f7f7 !important;
    }

    .app-theme-gravity .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-gravity .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-gravity .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-gravity .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-gravity .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-gravity .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-gravity .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-gravity .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-gravity .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-gravity .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-gravity .ui-btn-a.ui-btn:visited:not(.app-selected),
    body.app-desktop.app-theme-gravity .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-gravity .ui-listview .app-frozen-spacer {
        color: #000;
        background-color: #ebebeb;
    }

    .app-theme-gravity .ui-popup-arrow {
        background-color: #e5e5e5 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-gravity .app-nav-panel .ui-btn-a {
        color: #3b96b6 !important;
    }

    /* subtext coloring*/
    .app-theme-gravity .app-field-label-after,
    .app-theme-gravity .app-field-label-before,
    .app-theme-gravity .app-field-label,
    .app-theme-gravity .ui-panel .app-item-desc,
    .app-theme-gravity .app-item-number {
        color: #3b96b6 !important;
    }

    .app-theme-gravity .ui-page-theme-b a:not(.ui-btn),
    .app-theme-gravity .ui-bar-b a:not(.ui-btn),
    .app-theme-gravity .ui-body-b a:not(.ui-btn),
    .app-theme-gravity .ui-group-theme-b a:not(.ui-btn) {
        color: #3b96b6 !important;
        text-decoration: none;
    }

        .app-theme-gravity .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-gravity .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-gravity .ui-body-b a:not(.ui-btn):hover,
        .app-theme-gravity .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-gravity .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-gravity .ui-bar-b a:not(.ui-btn):active,
        .app-theme-gravity .ui-body-b a:not(.ui-btn):active,
        .app-theme-gravity .ui-group-theme-b a:not(.ui-btn):active {
            color: #3b96b6 !important;
            text-decoration: underline;
        }

    .app-theme-gravity .ui-btn p {
        color: #000 !important;
    }

    .app-theme-gravity .ui-li-aside,
    .app-theme-gravity .ui-btn .ui-li-aside,
    .app-theme-gravity .app-grid-header,
    .app-theme-gravity .app-calculated .app-static-text {
        color: #3b96b6 !important;
    }

    .app-theme-gravity .app-filter {
        color: #1964ec;
    }

    .app-theme-gravity .app-bar-heading .app-bar-label,
    .app-theme-gravity .app-static-text div,
    .app-theme-gravity .app-form-editing.app-formview label {
        color: #3b96b6;
    }

    .app-theme-gravity .app-wrapper,
    .app-theme-gravity .app-echo-instruction {
        color: #7f848b;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-gravity .app-selected,
    .app-theme-gravity .app-selected .app-frozen-spacer {
        background-color: #e8f1fa !important;
        border-color: #d9d9d9 !important;
    }

        .app-theme-gravity .app-selected:not(.ui-btn-active),
        .app-theme-gravity .app-selected:hover,
        .app-theme-gravity .app-selected:visited {
            color: #000 !important;
        }

    .app-theme-gravity .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-gravity .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-gravity .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-gravity .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-gravity .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-gravity .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-gravity .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-desktop.app-theme-gravity .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #e8f1fa;
        border-color: #d9d9d9;
    }

    .app-theme-gravity.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-gravity.app-desktop .ui-datepicker td a:hover {
        background-color: #e8f1fa;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-gravity .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-gravity .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-gravity .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-gravity .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #e3ecf6 !important;
        color: #000 !important;
    }

    /* click */
    .app-theme-gravity .ui-title.ui-btn-active,
    .app-theme-gravity .app-grid-header .ui-btn-active,
    html body.app-theme-gravity .ui-btn.ui-btn-active,
    .app-theme-gravity .dv-item .app-btn-more.ui-btn-active,
    .app-theme-gravity .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #1964ec !important;
        color: #fff !important;
    }

    .app-theme-gravity .app-listview .ui-btn.app-selected::before {
        background-color: #1964ec;
    }

    .app-theme-gravity .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-gravity .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-gravity #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-gravity .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-gravity .ui-btn-active p,
    .app-theme-gravity .ui-btn-active p.ui-li-aside,
    .app-theme-gravity .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-gravity .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-gravity .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #1964EC;
        color: #fff;
    }

    .app-theme-gravity .app-btn-check:not(.app-btn-check-selected) {
        border-color: #D9D9D9 !important;
        background-color: transparent !important;
    }

    .app-theme-gravity .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #D9D9D9 !important;
    }

    .app-theme-gravity .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #D9D9D9 !important;
    }

    .app-theme-gravity .app-btn-check.app-btn-check-selected {
        border-color: #1964EC !important;
        background-color: #1964EC !important;
    }

    .app-theme-gravity .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */
    .app-theme-gravity .app-tabs.ui-header {
        border-color: #aaa !important;
    }

    .app-theme-gravity .app-tabs .ui-btn {
        border-color: #1964ec !important;
        color: #3b96b6;
        background-color: #fff !important;
    }

        .app-theme-gravity .app-tabs .ui-btn.ui-btn-active {
            border-color: #1964ec !important;
            background-color: #1964ec !important;
            color: #fff !important;
        }

    .app-theme-gravity .ui-header .ui-btn-active {
        background-color: #1964ec !important;
        color: #fff !important;
    }

    /*toolbar button background*/
    .app-theme-gravity .ui-btn.ui-btn-icon-notext,
    .app-theme-gravity .ui-datepicker .ui-datepicker-prev,
    .app-theme-gravity .ui-datepicker .ui-datepicker-next {
        background-color: #fff !important;
        border-color: #c0c0c0 !important;
    }

        .app-theme-gravity.app-desktop .ui-btn.ui-btn-icon-notext:hover,
        .app-theme-gravity .ui-btn.ui-btn-icon-notext.ui-btn-active,
        .app-theme-gravity .ui-datepicker .ui-datepicker-prev:hover,
        .app-theme-gravity .ui-datepicker .ui-datepicker-next:hover {
            box-shadow: #c3d7e8 0 0 5px !important;
            border-color: #c3d7e8 !important;
        }

            .app-theme-gravity .ui-btn.ui-btn-icon-notext.ui-btn-active::after {
                border-color: #c3d7e8 !important;
            }

    .app-theme-gravity .ui-btn .glyphicon {
        color: #9a9a9a;
    }

    /*swatch b*/
    .app-theme-gravity .ui-btn.ui-btn-b,
    .app-theme-gravity .ui-btn.ui-btn-b:visited,
    .app-theme-gravity .app-panel-menu .ui-btn.ui-btn-b,
    body.app-theme-gravity:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #f5f7f7;
        border-color: #f5f7f7;
        color: #3b96b6;
    }

    .app-theme-gravity .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #f5f7f7 !important;
    }

    /*swatch b hover*/
    .app-theme-gravity.app-desktop .ui-btn.ui-btn-b:hover:not(.ui-btn-active) {
        background-color: #eff1f1;
        color: #000 !important;
    }

    .app-theme-gravity .ui-btn.ui-btn-b.ui-btn-active {
        background-color: #eff1f1;
        color: #fff !important;
    }

    /*swatch b divider*/
    .app-theme-gravity .ui-bar-b,
    .app-theme-gravity .ui-bar-b .ui-bar-inherit,
    html .app-theme-gravity.ui-body-b .ui-bar-inherit,
    html body.app-theme-gravity .ui-group-theme-b .ui-bar-inherit {
        border-color: #cbcbcb;
        background-color: #cbcbcb;
    }

    .app-theme-gravity .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-gravity.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-gravity .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #aaaaaa !important;
    }

    /*fix for lookups/inputs*/
    .app-theme-gravity .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-gravity .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-gravity .ui-input-text:not(.ui-btn-active),
    .app-theme-gravity .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-gravity .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #d9d9d9;
        text-shadow: none;
    }

        .app-theme-gravity .ui-btn.app-lookup.ui-focus,
        .app-theme-gravity .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-gravity .ui-input-text.ui-focus,
        .app-theme-gravity .app-form-editing .ui-input-text.ui-focus,
        .app-theme-gravity .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-gravity .ui-checkbox label.ui-focus,
        .app-theme-gravity .ui-datepicker .ui-state-active {
            border-color: #1964ec !important;
        }

    /* background bleed under form in editing mode*/
    .app-theme-gravity .ui-body-a.ui-collapsible-content {
        background-color: #fff;
        border-bottom-color: #d9d9d9 !important;
    }

    .app-theme-gravity .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-gravity .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

@media (max-width: 40em) and (min-width: 0) {

    .app-theme-gravity .ui-header.ui-header-fixed.app-bar-tools.app-logo-hidden {
        background: linear-gradient(to bottom, #d3d3d3 0%,#e5e5e5 100%);
    }
}

.app-theme-gravity.app-sidebar-undocked .ui-header.ui-header-fixed.app-bar-tools.app-logo-hidden {
    background: linear-gradient(to bottom, #d3d3d3 0%,#e5e5e5 100%);
}


@media (min-width: 20em) {
    .app-theme-gravity .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-black.png);
        background-image: url(logo-black.png), linear-gradient(to bottom, #d3d3d3 0%,#e5e5e5 100%);
        background-position: 32px center;
        background-size: 65px auto, 100% 100%;
        background-repeat: no-repeat, repeat;
    }

    body[dir="rtl"].app-theme-gravity .ui-header.ui-header-fixed.app-bar-tools {
        background-position: right 40px center;
    }
}

.app-theme-gravity .app-listview li .app-li-corner {
    color: #000;
    background-color: #c3d7e8;
}

.app-theme-gravity .ui-slider-label.ui-btn-active {
    background-color: #e8f1fa !important;
    color: #000 !important;
}

.app-theme-gravity .dataview-busy-indicator {
    background-color: #1964ec;
}

.app-theme-gravity .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-gravity .ui-bar-a .app-user-name {
    color: #777 !important;
}

.app-theme-gravity .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-gravity .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #333 !important;
}

/*********************************/
/* THEME: lacquer               */
/*******************************/

.app-theme-lacquer,
.app-theme-lacquer .ui-page-theme-a,
.app-theme-lacquer .app-page-header {
    background-color: #fff;
}

    .app-theme-lacquer .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-lacquer .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-lacquer .ui-panel,
    .app-theme-lacquer .app-page-header,
    .app-theme-lacquer .app-status-bar {
        background-color: #5d646d;
        border-color: #5d646d;
    }

    .app-theme-lacquer .app-page-header {
        background-color: #ffbc8c;
    }

    .app-theme-lacquer .app-status-bar {
        color: #000;
    }

    .app-theme-lacquer .app-form-editing.app-formview .app-static-text div,
    .app-theme-lacquer .app-page-menu-desc,
    .app-theme-lacquer .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-lacquer .app-popup-message,
    .app-theme-lacquer .ui-content.app-map-info {
        background-color: #e8e9eb;
        border-color: #707984;
        text-shadow: none;
        color: #000;
    }

        .app-theme-lacquer .app-popup-message .ui-popup-arrow {
            background-color: #e8e9eb;
        }

        .app-theme-lacquer .app-popup-message div {
            color: #707984;
        }

    .app-theme-lacquer .ui-flipswitch-active a {
        color: #fff !important;
    }

    /* page header */
    .app-theme-lacquer .app-bar-tools.ui-bar-a,
    .app-theme-lacquer :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-lacquer .ui-header {
        background-color: #e8e9eb;
        border-color: #5d646d;
        text-shadow: none;
    }

    .app-theme-lacquer .app-popup-listview .ui-popup-arrow,
    .app-theme-lacquer .app-popup-listview {
        background-color: #e8e9eb !important;
        border-color: #e8e9eb !important;
    }

    .app-theme-lacquer .app-page-header {
        border-color: #c4c8ce !important;
    }

    .app-theme-lacquer.app-desktop .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
        background-color: rgba(255,255,255, 0.4) !important;
    }

    /* list dividers*/
    .app-theme-lacquer .ui-li-divider {
        background-color: #707984;
        border-color: #5d646d;
        color: #ccc;
        text-shadow: none;
    }

    .app-theme-lacquer ui-li-divider,
    .app-theme-lacquer .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-lacquer .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-lacquer .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-lacquer .app-presenter-instruction,
    .app-theme-lacquer .app-grid-header .app-frozen-spacer {
        background-color: #d7e6e8 !important;
        border-color: #707984 !important;
        color: #384c66;
    }

body:not(.app-sidebar-undocked).app-theme-lacquer .app-sidebar {
    border-color: #5d646d;
}

body:not(.app-sidebar-undocked).app-theme-lacquer .ui-header-fixed .ui-title,
.app-theme-lacquer .app-echo,
.app-theme-lacquer .app-header {
    border-color: #5d646d !important;
}

.app-theme-lacquer .app-divider:not(.ui-collapsible):not(.app-calculated) {
    border-color: #c4c8ce !important;
}

.app-theme-lacquer .app-bar-heading {
    background-color: #d7e6e8;
    color: #384c66;
    text-shadow: none;
}

.app-theme-lacquer .ui-body-a,
.app-theme-lacquer .app-li-card,
.app-theme-lacquer .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
.app-theme-lacquer .app-li-card {
    background-color: #fff;
    border-color: #707984;
    /*color: #fff;*/
    text-shadow: none;
}

.app-theme-lacquer .ui-panel .ui-body-a {
    border-color: #5d646d !important;
}

.app-theme-lacquer .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
    background-color: #fff;
}


/*sidebar customizations*/
.app-theme-lacquer .ui-body-a.app-sidebar {
    background-color: #79818a;
}

.app-theme-lacquer.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
.app-theme-lacquer .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
    border-color: #707984;
}

.app-theme-lacquer .ui-li-divider.app-info {
    background-color: #e3f0f2 !important;
    color: #333 !important;
}

    .app-theme-lacquer .ui-li-divider.app-info .appname {
        color: #002570;
    }

/* fix for form "card" */
.app-theme-lacquer .ui-page-theme-a .ui-body-inherit.app-li-card {
    border-top-color: #707984;
    border-left-color: #707984;
    border-right-color: #707984;
}

.app-theme-lacquer .app-form-editing.app-formview .ui-field-contain {
    border-top-color: transparent;
}


/*buttons*/
.app-theme-lacquer .app-page-header,
.app-theme-lacquer .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html .app-theme-lacquer .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html .app-theme-lacquer .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html body.app-theme-lacquer .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html head + body.app-theme-lacquer .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
.app-theme-lacquer .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html .app-theme-lacquer .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html .app-theme-lacquer .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html body.app-theme-lacquer .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html head + body.app-theme-lacquer .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
.app-theme-lacquer .app-form-grid .ui-collapsible-set,
/* button overrides to remove "hover" on touch screens */
body.app-theme-lacquer:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
body:not(.app-desktop).app-theme-lacquer .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-lacquer .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-lacquer .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-lacquer .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html head + body:not(.app-desktop).app-theme-lacquer .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
.app-theme-lacquer .app-tabs.ui-header,
.app-theme-lacquer #app-welcome .ui-btn,
.app-theme-lacquer #app-popup-login .ui-btn,
.app-theme-lacquer .ui-datepicker .ui-state-highlight,
    .app-theme-lacquer .ui-listview .app-frozen-spacer {
    border-color: #707984;
}

.app-theme-lacquer .ui-body-b .ui-btn-a,
.app-theme-lacquer .ui-body-b .ui-btn-a.ui-btn-active {
    border-color: #79818a !important;
}

.app-theme-lacquer.app-has-popup-open .app-menu-strip .ui-btn:hover {
    background-color: #79818a !important;
}

.app-theme-lacquer .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
html .app-theme-lacquer .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
html .app-theme-lacquer .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-theme-lacquer .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
html head + body.app-theme-lacquer .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
.app-theme-lacquer .ui-panel-page-container-a:not(.app-lookup),
.app-theme-lacquer .app-tabs.ui-header:not(.app-lookup),
.app-theme-lacquer .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html .app-theme-lacquer .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html .app-theme-lacquer .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html body.app-theme-lacquer .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
html head + body.app-theme-lacquer .ui-btn-a.ui-btn:visited:not(.app-selected),
.app-theme-lacquer .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
body.app-desktop.app-theme-lacquer .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
.app-theme-lacquer #app-welcome .ui-btn:not(:hover),
.app-theme-lacquer #app-popup-login .ui-btn:not(:hover),
.app-theme-lacquer .app-map-info .ui-popup-arrow,
.app-theme-lacquer .ui-datepicker .ui-datepicker-prev,
.app-theme-lacquer .ui-datepicker .ui-datepicker-next,
.app-theme-lacquer .ui-listview .app-frozen-spacer {
    background-color: #eef5f6;
    color: #000;
}

/* top border of Info button in sidebar */
.app-theme-lacquer .app-sidebar .ui-btn.ui-icon-info {
    border-color: #5d646d !important;
}

/* navigation panel selected item color fix*/
.app-theme-lacquer .app-nav-panel .ui-btn-a {
    color: #1f1f1f !important;
}

/* subtext coloring*/
.app-theme-lacquer .app-field-label-after,
.app-theme-lacquer .app-field-label-before,
.app-theme-lacquer .app-field-label,
.app-theme-lacquer .ui-panel .app-item-desc,
.app-theme-lacquer .ui-li-aside,
.app-theme-lacquer .ui-btn .ui-li-aside,
.app-theme-lacquer .app-grid-header,
.app-theme-lacquer .app-panel-info-view .app-list-instruction,
.app-theme-lacquer .app-calculated .app-static-text,
.app-theme-lacquer .app-item-number {
    color: #002570 !important;
}


.app-theme-lacquer .app-filter {
    color: #d66617;
}

.app-theme-lacquer .ui-page-theme-b a:not(.ui-btn),
.app-theme-lacquer .ui-bar-b a:not(.ui-btn),
.app-theme-lacquer .ui-body-b a:not(.ui-btn),
.app-theme-lacquer .ui-group-theme-b a:not(.ui-btn) {
    color: #bbb !important;
}

    .app-theme-lacquer .ui-page-theme-b a:not(.ui-btn):hover,
    .app-theme-lacquer .ui-bar-b a:not(.ui-btn):hover,
    .app-theme-lacquer .ui-body-b a:not(.ui-btn):hover,
    .app-theme-lacquer .ui-group-theme-b a:not(.ui-btn):hover,
    .app-theme-lacquer .ui-page-theme-b a:not(.ui-btn):active,
    .app-theme-lacquer .ui-bar-b a:not(.ui-btn):active,
    .app-theme-lacquer .ui-body-b a:not(.ui-btn):active,
    .app-theme-lacquer .ui-group-theme-b a:not(.ui-btn):active {
        color: #fff !important;
    }

.app-theme-lacquer .ui-btn p {
    color: #000 !important;
}

.app-theme-lacquer .app-bar-heading .app-bar-label,
.app-theme-lacquer .app-static-text div,
.app-theme-lacquer .app-form-editing.app-formview label,
.app-theme-lacquer .ui-datepicker .ui-state-default {
    color: #002570;
}

.app-theme-lacquer .app-wrapper,
.app-theme-lacquer .app-echo-instruction {
    color: #384c66;
    text-shadow: none;
}

/*selected button*/
.app-theme-lacquer .app-selected:not(.ui-btn-active),
.app-theme-lacquer .app-selected:hover,
.app-theme-lacquer .app-selected:visited,
.app-theme-lacquer .app-selected .app-frozen-spacer {
    background-color: #b6bcc4 !important;
    border-color: #707984 !important;
    color: #000 !important;
}

.app-theme-lacquer .app-grid-header .app-selected:not(.ui-btn-active) {
    background-color: rgba(0,0,0,0.05) !important;
}

/* hover */
.app-theme-lacquer .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
body.app-desktop.app-theme-lacquer .ui-page-theme-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-lacquer .ui-bar-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-lacquer .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-desktop.app-theme-lacquer .ui-group-theme-a .ui-btn:hover:not(.app-selected),
html head + body.app-desktop.app-theme-lacquer .ui-btn-a.ui-btn:hover:not(.app-selected),
.app-theme-lacquer #app-welcome .ui-btn:hover,
.app-theme-lacquer #app-popup-login .ui-btn:hover,
    .app-desktop.app-theme-lacquer .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
    background-color: #e1eef0;
    border-color: #707984;
    color: #000;
}

.app-theme-lacquer.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
.app-theme-lacquer.app-desktop .ui-datepicker td a:hover {
    background-color: #e1eef0;
}

/* selected hover*/
html body.app-desktop.app-theme-lacquer .ui-btn.app-selected:hover:not(.ui-btn-active),
.app-theme-lacquer .app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-theme-lacquer .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
.app-theme-lacquer .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
    background-color: #bac0c8 !important;
    border-color: #707984 !important;
    color: #000 !important;
}

/* click */
.app-theme-lacquer .ui-title.ui-btn-active,
.app-theme-lacquer .app-grid-header .ui-btn-active,
html body.app-theme-lacquer .ui-btn.ui-btn-active,
.app-theme-lacquer .dv-item .app-btn-more.ui-btn-active,
    .app-theme-lacquer .ui-btn.ui-btn-active .app-frozen-spacer {
    background-color: #d66617 !important;
    border-color: #707984 !important;
    color: #fff !important;
}

.app-theme-lacquer .app-listview .ui-btn.app-selected::before {
    background-color: #d66617;
}

.app-theme-lacquer .ui-panel-position-left .ui-btn-active .app-item-desc,
.app-theme-lacquer .ui-panel-position-right .ui-btn-active .app-item-desc,
.app-theme-lacquer #app-sidebar .ui-btn-active .app-item-desc,
.app-theme-lacquer .app-listview-static .ui-btn-active .app-item-desc,
.app-theme-lacquer .ui-btn-active p,
.app-theme-lacquer .ui-btn-active p.ui-li-aside,
.app-theme-lacquer .ui-btn.ui-btn-active span:not(.ui-li-count) {
    color: #fff !important;
}


.app-theme-lacquer .dv-action-see-all .app-btn-prev.ui-btn-active,
.app-theme-lacquer .dv-action-see-all .app-btn-next.ui-btn-active {
    background-color: #D66617;
    color: #fff;
}

.app-theme-lacquer .app-btn-check:not(.app-btn-check-selected) {
    border-color: #707984 !important;
    background-color: transparent !important;
}

.app-theme-lacquer .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
    border-color: #707984 !important;
}

.app-theme-lacquer .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
    background-color: transparent !important;
    border-color: #707984 !important;
}

.app-theme-lacquer .app-btn-check.app-btn-check-selected {
    border-color: #D66617 !important;
    background-color: #D66617 !important;
}

.app-theme-lacquer .app-btn-check .app-icon-themed {
    fill: #fff;
}
/* tabs */

.app-theme-lacquer .app-tabs .ui-btn {
    border-color: #d66617 !important;
    color: #384c66;
}

    .app-theme-lacquer .app-tabs .ui-btn.ui-btn-active {
        border-color: #d66617 !important;
        background-color: #d66617 !important;
        color: #fff !important;
    }


/*button on header bar*/
.app-theme-lacquer .ui-btn.ui-btn-icon-notext,
.app-theme-lacquer .app-echo-toolbar .ui-btn,
.app-theme-lacquer .app-echo-toolbar .ui-btn.ui-btn-active {
    border-color: #d2d5d8 !important;
}

    .app-theme-lacquer.app-desktop .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-lacquer .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-lacquer .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-lacquer .ui-datepicker .ui-datepicker-next:hover {
        border-color: #b6bcc4 !important;
        background-color: #dee0e2 !important;
    }

        .app-theme-lacquer .ui-btn.ui-btn-icon-notext.ui-btn-active.app-btn-promo {
            background-color: #d66617 !important;
        }



.app-theme-lacquer .ui-checkbox-on:after,
.app-theme-lacquer .ui-flipswitch-active,
.app-theme-lacquer .ui-slider-track .ui-btn-active {
    background-color: #d66617 !important;
}

.app-theme-lacquer .ui-radio-on:after,
.app-theme-lacquer .ui-slider-track .ui-btn-active,
.app-theme-lacquer .ui-flipswitch-active {
    border-color: #d66617 !important;
}

.app-theme-lacquer .ui-btn.ui-btn-active::after,
.app-theme-lacquer .ui-btn.ui-checkbox-on::after {
    background-color: #d66617 !important;
}

/*swatch b*/
.app-theme-lacquer .ui-btn.ui-btn-b,
.app-theme-lacquer .ui-btn.ui-btn-b:visited,
body.app-theme-lacquer:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
    background-color: #363a3f;
    border-color: #5d646d;
    color: #fff;
}

    /*swatch b hover*/

    .app-theme-lacquer .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-lacquer.app-desktop .ui-btn.ui-btn-b:hover,
    .app-theme-lacquer .app-popup .ui-content .ui-checkbox .ui-btn:hover,
    .app-theme-lacquer .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
        background-color: #3e4247;
        border-color: #5d646d;
    }

.app-theme-lacquer .app-nav-panel .ui-btn.ui-btn-b {
    border-color: #5d646d !important;
}

.app-theme-lacquer .ui-btn.ui-btn-b.ui-btn-active,
.app-theme-lacquer.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
    color: #000 !important;
}

.app-theme-lacquer .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
.app-theme-lacquer.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
.app-theme-lacquer .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
    border-color: #5d646d !important;
}

/*swatch b divider*/
.app-theme-lacquer .ui-bar-b,
.app-theme-lacquer .ui-bar-b .ui-bar-inherit,
html .app-theme-lacquer.ui-body-b .ui-bar-inherit,
html body.app-theme-lacquer .ui-group-theme-b .ui-bar-inherit {
    border-color: #5d646d;
    background-color: #79818a;
}

/*fix for lookups/inputs*/
.app-theme-lacquer .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
.app-theme-lacquer .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
.app-theme-lacquer .ui-input-text:not(.ui-btn-active),
.app-theme-lacquer .app-form-editing .ui-input-text:not(.ui-btn-active),
.app-theme-lacquer .ui-input-search.ui-body-inherit {
    background-color: #fff;
    border-color: #a9b0ba;
    text-shadow: none;
}

    .app-theme-lacquer .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
    .app-theme-lacquer .ui-input-text.ui-focus,
    .app-theme-lacquer .ui-btn.app-lookup.ui-focus,
    .app-theme-lacquer .app-form-editing .ui-input-text.ui-focus,
    .app-theme-lacquer .ui-input-search.ui-body-inherit.ui-focus,
    .app-theme-lacquer .ui-checkbox label.ui-focus,
    .app-theme-lacquer .ui-datepicker .ui-state-active {
        border-color: #d66617 !important;
    }

.app-theme-lacquer .ui-slider {
    border-color: #a9b0ba !important;
}

.app-theme-lacquer .ui-slider-label.ui-btn-active {
    background-color: #5d646d !important;
}

/* background bleed under form in editing mode*/
.app-theme-lacquer .ui-body-a.ui-collapsible-content,
.app-theme-lacquer .app-bar-tools .ui-input-search.ui-body-inherit {
    background-color: #fff;
}

.app-theme-lacquer .ui-btn.app-lookup,
.app-theme-lacquer .ui-btn.ui-btn-active.app-lookup {
    border-color: #5d646d;
}

.app-theme-lacquer .app-lookup-input {
    background-color: transparent;
}

.app-theme-lacquer .app-grid-header {
    color: #999;
}

@media (min-width: 20em) {

    .app-theme-lacquer .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-lacquer .app-listview li .app-li-corner {
    color: #fff;
    background-color: #5d646d;
}

.app-theme-lacquer .dataview-busy-indicator {
    background-color: #d66617;
}

.app-theme-lacquer .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-lacquer .ui-bar-a .app-user-name {
    color: #777 !important;
}

.app-theme-lacquer .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-lacquer .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #333 !important;
}

/*********************************/
/* THEME: laminate              */
/*******************************/

.app-theme-laminate,
.app-theme-laminate .ui-page-theme-a,
.app-theme-laminate .app-page-header {
    background-color: #fff;
    scrollbar-base-color: #acbab2;
    scrollbar-arrow-color: #acbab2;
    scrollbar-track-color: #eef1ef;
    scrollbar-shadow-color: #eef1ef;
}

    .app-theme-laminate.app-desktop ::-webkit-scrollbar-track {
        background-color: #eef1ef;
    }

    .app-theme-laminate.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #acbab2;
        border: solid 1px #eef1ef;
    }

        .app-theme-laminate.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #94a199;
        }

    .app-theme-laminate .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-laminate .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-laminate .ui-panel,
    .app-theme-laminate .app-page-header,
    .app-theme-laminate .app-status-bar {
        background-color: #acbab2;
        border-color: #dde3e0;
    }

    .app-theme-laminate .app-bar-actions {
        background-color: #fff !important;
    }

    .app-theme-laminate .app-status-bar {
        color: #000;
    }

    .app-theme-laminate .app-form-editing.app-formview .app-static-text div,
    .app-theme-laminate .app-page-menu-desc,
    .app-theme-laminate .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-laminate .app-popup-message,
    .app-theme-laminate .ui-content.app-map-info {
        background-color: #acbab2;
        border-color: #e3c7cd;
        text-shadow: none;
        color: #000;
    }

        .app-theme-laminate .app-popup-message .ui-popup-arrow {
            background-color: #acbab2;
        }

        .app-theme-laminate .app-popup-message div {
            color: #e3c7cd;
        }

    /* page header */
    .app-theme-laminate .app-bar-tools.ui-bar-a,
    .app-theme-laminate :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-laminate .ui-header {
        background-color: #acbab2;
        border-color: #dde3e0;
        text-shadow: none;
    }

    .app-theme-laminate .app-popup-listview .ui-popup-arrow,
    .app-theme-laminate .app-popup-listview {
        background-color: #acbab2 !important;
        border-color: #acbab2 !important;
    }

    .app-theme-laminate .app-page-header {
        border-color: #dde3e0 !important;
    }

    /* list dividers*/
    .app-theme-laminate .ui-li-divider {
        background-color: #e3c7cd;
        border-color: #dde3e0;
        color: #555;
        text-shadow: none;
    }

    .app-theme-laminate ui-li-divider,
    .app-theme-laminate .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-laminate .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-laminate .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-laminate .app-presenter-instruction,
    .app-theme-laminate .app-grid-header .app-frozen-spacer {
        background-color: #eef1ef !important;
        border-color: #e3c7cd !important;
        color: #664d4a;
    }

    body:not(.app-sidebar-undocked).app-theme-laminate .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-laminate .app-sidebar,
    .app-theme-laminate .app-divider:not(.ui-collapsible):not(.app-calculated),
    body.app-theme-laminate .app-echo,
    .app-theme-laminate .app-header {
        border-color: #dde3e0 !important;
    }

    .app-theme-laminate .app-bar-heading {
        background-color: #eef1ef;
        color: #664d4a;
        text-shadow: none;
    }

    .app-theme-laminate .ui-body-a,
    .app-theme-laminate .app-li-card,
    .app-theme-laminate .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-laminate .app-li-card {
        background-color: #fff;
        border-color: #e3c7cd;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-laminate .ui-panel .ui-body-a {
        border-color: #dde3e0 !important;
    }

    .app-theme-laminate .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-laminate .ui-body-a.app-sidebar {
        background-color: #acbab2;
    }

    .app-theme-laminate.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-laminate .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #e3c7cd;
    }

    .app-theme-laminate .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-laminate .ui-li-divider.app-info .appname {
            color: #281318;
        }

    /* fix for form "card" */
    .app-theme-laminate .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #e3c7cd;
        border-left-color: #e3c7cd;
        border-right-color: #e3c7cd;
    }

    .app-theme-laminate .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }

    /*buttons*/
    .app-theme-laminate .app-page-header,
    .app-theme-laminate .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-laminate .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-laminate .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-laminate .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-laminate .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-laminate .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-laminate .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-laminate .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-laminate .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-laminate .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-laminate .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-laminate:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-laminate .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-laminate .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-laminate .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-laminate .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-laminate .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-laminate .app-tabs.ui-header,
    .app-theme-laminate #app-welcome .ui-btn,
    .app-theme-laminate #app-popup-login .ui-btn,
    .app-theme-laminate .ui-datepicker .ui-state-highlight,
    .app-theme-laminate .ui-listview .app-frozen-spacer {
        border-color: #e3c7cd;
    }

    .app-theme-laminate .ui-body-b .ui-btn-a,
    .app-theme-laminate .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #acbab2 !important;
    }

    .app-theme-laminate.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #acbab2 !important;
    }

    .app-theme-laminate .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-laminate .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-laminate .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-laminate .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-laminate .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-laminate .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-laminate .app-tabs.ui-header:not(.app-lookup),
    .app-theme-laminate .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-laminate .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-laminate .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-laminate .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-laminate .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-laminate .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-laminate .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-laminate #app-welcome .ui-btn:not(:hover),
    .app-theme-laminate #app-popup-login .ui-btn:not(:hover),
    .app-theme-laminate .app-map-info .ui-popup-arrow,
    .app-theme-laminate .ui-datepicker .ui-datepicker-prev,
    .app-theme-laminate .ui-datepicker .ui-datepicker-next,
    .app-theme-laminate .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #fbf7f7;
    }

    /* top border of Info button in sidebar */
    .app-theme-laminate .app-sidebar .ui-btn.ui-icon-info {
        border-color: #dde3e0 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-laminate .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-laminate .app-field-label-after,
    .app-theme-laminate .app-field-label-before,
    .app-theme-laminate .app-field-label,
    .app-theme-laminate .ui-panel .app-item-desc,
    .app-theme-laminate .ui-li-aside,
    .app-theme-laminate .ui-btn .ui-li-aside,
    .app-theme-laminate .app-grid-header,
    .app-theme-laminate .app-panel-info-view .app-list-instruction,
    .app-theme-laminate .app-calculated .app-static-text,
    .app-theme-laminate .app-item-number {
        color: #281318 !important;
    }

    .app-theme-laminate .app-filter {
        color: #a86979;
    }

    .app-theme-laminate .ui-page-theme-b a:not(.ui-btn),
    .app-theme-laminate .ui-bar-b a:not(.ui-btn),
    .app-theme-laminate .ui-body-b a:not(.ui-btn),
    .app-theme-laminate .ui-group-theme-b a:not(.ui-btn) {
        color: #281318 !important;
    }

        .app-theme-laminate .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-laminate .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-laminate .ui-body-b a:not(.ui-btn):hover,
        .app-theme-laminate .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-laminate .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-laminate .ui-bar-b a:not(.ui-btn):active,
        .app-theme-laminate .ui-body-b a:not(.ui-btn):active,
        .app-theme-laminate .ui-group-theme-b a:not(.ui-btn):active {
            color: #612a37 !important;
        }

    .app-theme-laminate .ui-btn p {
        color: #000 !important;
    }

    .app-theme-laminate .app-bar-heading .app-bar-label,
    .app-theme-laminate .app-static-text div,
    .app-theme-laminate .app-form-editing.app-formview label {
        color: #281318;
    }

    .app-theme-laminate .app-wrapper,
    .app-theme-laminate .app-echo-instruction {
        color: #664d4a;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-laminate .app-selected:not(.ui-btn-active),
    .app-theme-laminate .app-selected:hover,
    .app-theme-laminate .app-selected:visited,
    .app-theme-laminate .app-selected .app-frozen-spacer {
        background-color: #eddbdf !important;
        border-color: #e3c7cd !important;
        color: #000 !important;
    }

    .app-theme-laminate .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-laminate .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    .app-desktop.app-theme-laminate .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-laminate .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-laminate .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-laminate .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-laminate .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-laminate #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-laminate #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-laminate .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #f5eded;
        border-color: #e3c7cd;
    }

    .app-theme-laminate.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-laminate.app-desktop .ui-datepicker td a:hover {
        background-color: #f5eded;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-laminate .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-laminate .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-laminate .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-laminate .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #e7d5d9 !important;
        border-color: #e3c7cd !important;
        color: #000 !important;
    }

    /* click */
    .app-theme-laminate .app-grid-header .ui-btn-active,
    .app-theme-laminate .dv-item .app-btn-more.ui-btn-active {
        background-color: #a86979 !important;
        color: #fff !important;
    }

    .app-theme-laminate .app-listview .ui-btn.app-selected::before {
        background-color: #a86979;
    }

    .app-theme-laminate .ui-title.ui-btn-active,
    .app-theme-laminate .ui-btn.ui-btn-active:not(.ui-btn-icon-notext),
    .app-theme-laminate .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #a86979 !important;
        border-color: #e3c7cd !important;
        color: #fff !important;
    }

    .app-theme-laminate .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-laminate .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-laminate #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-laminate .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-laminate .ui-btn-active p,
    .app-theme-laminate .ui-btn-active p.ui-li-aside,
    .app-theme-laminate .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }


    .app-theme-laminate .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-laminate .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #A86979;
        color: #fff;
    }

    .app-theme-laminate .app-btn-check:not(.app-btn-check-selected) {
        border-color: #E3C7CD !important;
        background-color: transparent !important;
    }

    .app-theme-laminate .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #E3C7CD !important;
    }

    .app-theme-laminate .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #E3C7CD !important;
    }

    .app-theme-laminate .app-btn-check.app-btn-check-selected {
        border-color: #A86979 !important;
        background-color: #A86979 !important;
    }

    .app-theme-laminate .app-btn-check .app-icon-themed {
        fill: #fff;
    }
    /* tabs */

    .app-theme-laminate .app-tabs.ui-header {
        border-color: #dde3e0;
    }


    .app-theme-laminate .app-tabs .ui-btn {
        border-color: #d2a3af !important;
        color: #664d4a;
    }

        .app-theme-laminate .app-tabs .ui-btn.ui-btn-active {
            border-color: #d2a3af !important;
            background-color: #d2a3af !important;
            color: #fff !important;
        }


    /* notext buttons*/
    .app-theme-laminate .app-bar-tools .ui-btn.ui-btn-icon-notext,
    .app-theme-laminate .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #aa8e8a !important;
    }


    .app-theme-laminate .ui-btn:not(.ui-radio-on):not(.app-has-children):not(.app-btn-icon-transparent)::after,
    .app-theme-laminate .ui-datepicker .ui-datepicker-prev span,
    .app-theme-laminate .ui-datepicker .ui-datepicker-next span,
    .app-theme-laminate .ui-checkbox-on:after,
    .app-theme-laminate .ui-flipswitch-active,
    .app-theme-laminate .ui-slider-track .ui-btn-active {
        background-color: #aa8e8a !important;
    }

    .app-theme-laminate .ui-btn .glyphicon {
        color: #aa8e8a;
    }

    .app-theme-laminate .app-icon-themed {
        fill: #aa8e8a;
    }

    .app-theme-laminate .ui-radio-on:after,
    .app-theme-laminate .ui-slider-track .ui-btn-active,
    .app-theme-laminate .ui-flipswitch-active {
        border-color: #aa8e8a !important;
    }

    .app-theme-laminate.app-desktop .ui-btn.ui-btn-icon-notext:not(.ui-btn-active):hover::after {
        background-color: #9d8f8e !important;
    }

    .app-theme-laminate .ui-btn.ui-btn-icon-notext.ui-btn-active::after {
        background-color: #513d3b !important;
    }

    .app-theme-laminate .ui-btn.ui-btn-icon-notext.ui-btn-active.app-btn-promo::after {
        background-color: #a86979 !important;
    }


    /*swatch b*/
    .app-theme-laminate .ui-btn.ui-btn-b,
    .app-theme-laminate .ui-btn.ui-btn-b:visited,
    body.app-theme-laminate:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #cbcecc;
        border-color: #acbab2;
        color: #664d4a;
    }

        /*swatch b hover*/

        .app-theme-laminate .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-laminate.app-desktop .ui-btn.ui-btn-b:hover {
            background-color: #c5c9c6;
            border-color: #acbab2;
            color: #664d4a !important;
        }

    .app-theme-laminate .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #acbab2 !important;
    }

    .app-theme-laminate .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-laminate.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }

    .app-theme-laminate .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-laminate.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-laminate .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #d2a3af !important;
    }

    /*swatch b divider*/
    .app-theme-laminate .ui-bar-b,
    .app-theme-laminate .ui-bar-b .ui-bar-inherit,
    html .app-theme-laminate.ui-body-b .ui-bar-inherit,
    html body.app-theme-laminate .ui-group-theme-b .ui-bar-inherit {
        border-color: #acbab2;
        background-color: #acbab2;
    }

    /*fix for lookups/inputs*/
    .app-theme-laminate .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-laminate .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-laminate .ui-input-text:not(.ui-btn-active),
    .app-theme-laminate .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-laminate .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #e3c7cd;
        text-shadow: none;
    }

        .app-theme-laminate .ui-btn.app-lookup.ui-focus,
        .app-theme-laminate .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-laminate .ui-input-text.ui-focus,
        .app-theme-laminate .app-form-editing .ui-input-text.ui-focus,
        .app-theme-laminate .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-laminate .ui-checkbox label.ui-focus,
        .app-theme-laminate .ui-datepicker .ui-state-active {
            border-color: #d2a3af !important;
        }

    .app-theme-laminate .ui-slider {
        border-color: #e3c7cd !important;
    }

    .app-theme-laminate .ui-slider-label.ui-btn-active {
        background-color: #d2a3af !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-laminate .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-laminate .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-laminate .ui-btn.app-lookup,
    .app-theme-laminate .ui-btn.ui-btn-active.app-lookup {
        border-color: #d2a3af;
    }

    .app-theme-laminate .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-laminate .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-laminate .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-laminate .app-listview li .app-li-corner {
    color: #fff;
    background-color: #d2a3af;
}

.app-theme-laminate .dataview-busy-indicator {
    background-color: #a86979;
}

.app-theme-laminate .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-laminate .ui-bar-a .app-user-name {
    color: #333 !important;
}

.app-theme-laminate .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-laminate .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #000 !important;
}


/*********************************/
/* THEME: lichen                */
/*******************************/

.app-theme-lichen,
.app-theme-lichen .ui-page-theme-a,
.app-theme-lichen .app-page-header {
    background-color: #eeecea;
    /*scrollbar-base-color: #6c703a;
    scrollbar-arrow-color: #6c703a;
    scrollbar-track-color: #c6c58f;
    scrollbar-shadow-color: #c6c58f;*/
}

    /*
    .app-theme-lichen.app-desktop ::-webkit-scrollbar-track {
        background-color: #c6c58f;
    }

    .app-theme-lichen.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #6c703a;
        border: solid 1px #c6c58f;
    }

        .app-theme-lichen.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #606334;
        }*/

    .app-theme-lichen .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-lichen .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-lichen .ui-panel,
    .app-theme-lichen .app-page-header,
    .app-theme-lichen .app-status-bar {
        background-color: #e6e5c7;
        border-color: #a8a761;
    }

    .app-theme-lichen .app-status-bar {
        color: #000;
    }

    .app-theme-lichen .app-form-editing.app-formview .app-static-text div,
    .app-theme-lichen .app-page-menu-desc,
    .app-theme-lichen .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-lichen .app-popup-message,
    .app-theme-lichen .ui-content.app-map-info {
        background-color: #e6e5c7;
        border-color: #c6c58f;
        text-shadow: none;
        color: #000;
    }

        .app-theme-lichen .app-popup-message .ui-popup-arrow {
            background-color: #e6e5c7;
        }

        .app-theme-lichen .app-popup-message div {
            color: #c6c58f;
        }

    /* page header */
    .app-theme-lichen .app-bar-tools.ui-bar-a,
    .app-theme-lichen :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-lichen .ui-header {
        background-color: #6c703a;
        border-color: #a8a761;
        text-shadow: none;
    }

    .app-theme-lichen .app-bar-actions {
        background-color: #e6e5c7 !important;
    }

    .app-theme-lichen .app-popup-listview .ui-popup-arrow,
    .app-theme-lichen .app-popup-listview {
        background-color: #6c703a !important;
        border-color: #6c703a !important;
    }

    .app-theme-lichen .app-page-header {
        border-color: #a8a761 !important;
    }

    .app-theme-lichen .app-menu-strip a.ui-btn,
    .app-theme-lichen.app-desktop .app-menu-strip a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        color: #fff !important;
    }

    .app-theme-lichen .app-menu-strip ul li a.ui-btn.app-selected:not(:hover):not(.ui-btn-active),
    .app-theme-lichen.app-has-popup-open .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        background-color: rgba(0,0,0, 0.2) !important;
    }

    .app-theme-lichen.app-desktop .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
        background-color: rgba(255,255,255, 0.1) !important;
    }

    /* list dividers*/
    .app-theme-lichen .ui-li-divider {
        background-color: #c6c58f;
        border-color: #a8a761;
        color: #555;
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-lichen .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-lichen .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-lichen .app-presenter-instruction,
    .app-theme-lichen .app-grid-header .app-frozen-spacer {
        background-color: #f2f2f2 !important;
        border-color: #c6c58f !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-lichen .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-lichen .app-sidebar,
    .app-theme-lichen .app-divider:not(.ui-collapsible):not(.app-calculated) {
        border-color: #a8a761 !important;
        color: #fff !important;
    }

    .app-theme-lichen .app-echo,
    .app-theme-lichen .app-header {
        border-color: #a8a761;
    }

    .app-theme-lichen .app-bar-heading {
        background-color: #f2f2f2;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-lichen .ui-body-a,
    .app-theme-lichen .app-li-card,
    .app-theme-lichen .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-lichen .app-li-card {
        background-color: #fff;
        border-color: #c6c58f;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-lichen .ui-panel .ui-body-a {
        border-color: #a8a761 !important;
    }

    .app-theme-lichen .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-lichen .ui-body-a.app-sidebar {
        background-color: #e6e5c7;
    }

    .app-theme-lichen.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-lichen .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #c6c58f;
    }

    .app-theme-lichen .ui-li-divider.app-info {
        background-color: #eeecea !important;
    }

        .app-theme-lichen .ui-li-divider.app-info .appname {
            color: #003399;
        }

    /* fix for form "card" */
    .app-theme-lichen .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #c6c58f;
        border-left-color: #c6c58f;
        border-right-color: #c6c58f;
    }

    /*.app-theme-lichen .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-lichen .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-lichen .app-page-header,
    .app-theme-lichen .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-lichen .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-lichen .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-lichen .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-lichen .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-lichen .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-lichen .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-lichen .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-lichen .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-lichen .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-lichen .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-lichen:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-lichen .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-lichen .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-lichen .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-lichen .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-lichen .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-lichen .app-tabs.ui-header,
    .app-theme-lichen #app-welcome .ui-btn,
    .app-theme-lichen #app-popup-login .ui-btn,
    .app-theme-lichen .ui-datepicker .ui-state-highlight,
    .app-theme-lichen .ui-datepicker .ui-datepicker-prev,
    .app-theme-lichen .ui-datepicker .ui-datepicker-next,
    .app-theme-lichen .ui-listview .app-frozen-spacer {
        border-color: #c6c58f;
    }

    .app-theme-lichen .ui-body-b .ui-btn-a,
    .app-theme-lichen .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #e6e5c7 !important;
    }

    .app-theme-lichen.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #e6e5c7 !important;
    }

    .app-theme-lichen .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-lichen .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-lichen .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-lichen .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-lichen .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-lichen .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-lichen .app-tabs.ui-header:not(.app-lookup),
    .app-theme-lichen .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-lichen .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-lichen .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-lichen .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-lichen .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-lichen .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-lichen .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-lichen #app-welcome .ui-btn:not(:hover),
    .app-theme-lichen #app-popup-login .ui-btn:not(:hover),
    .app-theme-lichen .app-map-info .ui-popup-arrow,
    .app-theme-lichen .ui-datepicker .ui-datepicker-prev,
    .app-theme-lichen .ui-datepicker .ui-datepicker-next,
    .app-theme-lichen .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #efefd7;
    }

    /* top border of Info button in sidebar */
    .app-theme-lichen .app-sidebar .ui-btn.ui-icon-info {
        border-color: #a8a761 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-lichen .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-lichen .app-field-label-after,
    .app-theme-lichen .app-field-label-before,
    .app-theme-lichen .app-field-label,
    .app-theme-lichen .ui-panel .app-item-desc,
    .app-theme-lichen .app-item-number {
        color: #949356 !important;
    }

    .app-theme-lichen .ui-page-theme-b a:not(.ui-btn),
    .app-theme-lichen .ui-bar-b a:not(.ui-btn),
    .app-theme-lichen .ui-body-b a:not(.ui-btn),
    .app-theme-lichen .ui-group-theme-b a:not(.ui-btn) {
        color: #949356 !important;
    }

        .app-theme-lichen .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-lichen .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-lichen .ui-body-b a:not(.ui-btn):hover,
        .app-theme-lichen .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-lichen .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-lichen .ui-bar-b a:not(.ui-btn):active,
        .app-theme-lichen .ui-body-b a:not(.ui-btn):active,
        .app-theme-lichen .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-lichen .ui-btn p {
        color: #000 !important;
    }

    .app-theme-lichen .ui-li-aside,
    .app-theme-lichen .ui-btn .ui-li-aside,
    .app-theme-lichen .app-grid-header,
    .app-theme-lichen .app-panel-info-view .app-list-instruction,
    .app-theme-lichen .app-filter,
    .app-theme-lichen .app-calculated .app-static-text {
        color: #003399 !important;
    }

    .app-theme-lichen .app-bar-heading .app-bar-label,
    .app-theme-lichen .app-static-text div,
    .app-theme-lichen .app-form-editing.app-formview label {
        color: #949356;
    }

    .app-theme-lichen .app-wrapper,
    .app-theme-lichen .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-lichen .app-selected:not(.ui-btn-active),
    .app-theme-lichen .app-selected:hover,
    .app-theme-lichen .app-selected:visited,
    .app-theme-lichen .app-selected .app-frozen-spacer {
        background-color: #dadab0 !important;
        border-color: #c6c58f !important;
        color: #000 !important;
    }

    .app-theme-lichen .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-lichen .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-lichen .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-lichen .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-lichen .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-lichen .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-lichen .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-lichen #app-welcome .ui-btn:hover,
    .app-theme-lichen #app-popup-login .ui-btn:hover,
    .app-desktop.app-theme-lichen .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #eaead4;
        border-color: #c6c58f;
    }

    .app-theme-lichen.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-lichen.app-desktop .ui-datepicker td a:hover {
        background-color: #ececec;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-lichen .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-lichen .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-lichen .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-lichen .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #d5d5ac !important;
        border-color: #c6c58f !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-lichen .app-grid-header .ui-btn-active,
    .app-theme-lichen .dv-item .app-btn-more.ui-btn-active {
        background-color: #003399 !important;
        color: #fff !important;
    }

    .app-theme-lichen .app-listview .ui-btn.app-selected::before {
        background-color: #003399;
    }

    .app-theme-lichen .ui-title.ui-btn-active,
    html body.app-theme-lichen .ui-btn.ui-btn-active,
    .app-theme-lichen .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #003399 !important;
        border-color: #c6c58f !important;
        color: #fff !important;
    }

    .app-theme-lichen .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-lichen .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-lichen #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-lichen .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-lichen .ui-header .ui-title,
    .app-theme-lichen .ui-footer .ui-title,
    .app-theme-lichen .ui-btn-active p,
    .app-theme-lichen .ui-btn-active p.ui-li-aside,
    .app-theme-lichen .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-lichen .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-lichen .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #003399;
        color: #fff;
    }

    .app-theme-lichen .app-btn-check:not(.app-btn-check-selected) {
        border-color: #C6C58F !important;
        background-color: transparent !important;
    }

    .app-theme-lichen .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #C6C58F !important;
    }

    .app-theme-lichen .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #C6C58F !important;
    }

    .app-theme-lichen .app-btn-check.app-btn-check-selected {
        border-color: #003399 !important;
        background-color: #003399 !important;
    }

    .app-theme-lichen .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */
    .app-theme-lichen .app-tabs.ui-header {
        border-color: #a8a761;
    }


    .app-theme-lichen .app-tabs .ui-btn {
        border-color: #a8a761 !important;
        color: #1d092d;
    }

        .app-theme-lichen .app-tabs .ui-btn.ui-btn-active {
            border-color: #a8a761 !important;
            background-color: #a8a761 !important;
            color: #fff !important;
        }



    /*button on header bar*/

    .app-theme-lichen .app-bar-tools .ui-btn,
    .app-theme-lichen .app-map-info-toolbar .ui-btn,
    .app-theme-lichen .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #4c4f2a !important;
    }

    .app-theme-lichen.app-desktop .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
    .app-theme-lichen .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-lichen .ui-datepicker .ui-datepicker-next:hover {
        background-color: #cfd0aa !important;
        border-color: #a8a761 !important;
    }

    .app-theme-lichen.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-lichen .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-lichen.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-lichen .app-map-info-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active {
        /*background-color: #a8a761 !important;*/
        border-color: #292911 !important;
    }

    .app-theme-lichen .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-lichen .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-lichen .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-lichen .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-lichen .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-lichen .ui-datepicker .ui-datepicker-prev span,
    .app-theme-lichen .ui-datepicker .ui-datepicker-next span,
    .app-theme-lichen .ui-checkbox-on:after,
    .app-theme-lichen .ui-flipswitch-active,
    .app-theme-lichen .ui-slider-track .ui-btn-active {
        background-color: #a8a761 !important;
    }

    .app-theme-lichen .ui-btn .glyphicon {
        color: #a8a761;
    }

    .app-theme-lichen .app-icon-themed {
        fill: #a8a761;
    }

    .app-theme-lichen .ui-radio-on:after,
    .app-theme-lichen .ui-slider-track .ui-btn-active,
    .app-theme-lichen .ui-flipswitch-active {
        border-color: #a8a761 !important;
    }


    .app-theme-lichen .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-lichen .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-lichen .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-lichen .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-lichen .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #001c54 !important;
    }

    .app-theme-lichen .ui-btn.ui-btn-active.ui-btn-icon-notext.app-btn-promo::after {
        background-color: #003399 !important;
    }


    /*swatch b*/
    .app-theme-lichen .ui-btn.ui-btn-b,
    .app-theme-lichen .ui-btn.ui-btn-b:visited,
    body.app-theme-lichen:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #c6c58f;
        border-color: #e6e5c7;
        color: #1d092d;
    }

        /*swatch b hover*/

        .app-theme-lichen .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-lichen.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-lichen .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-lichen .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #bebd89;
            border-color: #e6e5c7;
            color: #1d092d !important;
        }

    .app-theme-lichen .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #e6e5c7 !important;
    }

    .app-theme-lichen .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-lichen.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-lichen .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #a8a761 !important;
    }

    .app-theme-lichen .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-lichen.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }


    /*swatch b divider*/
    .app-theme-lichen .ui-bar-b,
    .app-theme-lichen .ui-bar-b .ui-bar-inherit,
    html .app-theme-lichen.ui-body-b .ui-bar-inherit,
    html body.app-theme-lichen .ui-group-theme-b .ui-bar-inherit {
        border-color: #c6c58f;
        background-color: #e6e5c7;
    }

    /*fix for lookups/inputs*/
    .app-theme-lichen .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-lichen .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-lichen .ui-input-text:not(.ui-btn-active),
    .app-theme-lichen .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-lichen .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #c6c58f;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-lichen .ui-btn.app-lookup.ui-focus,
        .app-theme-lichen .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-lichen .ui-input-text.ui-focus,
        .app-theme-lichen .app-form-editing .ui-input-text.ui-focus,
        .app-theme-lichen .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-lichen .ui-checkbox label.ui-focus,
        .app-theme-lichen .ui-datepicker .ui-state-active {
            border-color: #a8a761 !important;
        }

    .app-theme-lichen .ui-slider {
        border-color: #c6c58f !important;
    }

    .app-theme-lichen .ui-slider-label.ui-btn-active {
        background-color: #a8a761 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-lichen .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-lichen .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-lichen .ui-btn.app-lookup,
    .app-theme-lichen .ui-btn.ui-btn-active.app-lookup {
        border-color: #a8a761;
    }


    .app-theme-lichen .app-tabs .ui-btn.ui-btn-active,
    .app-theme-lichen .app-tabs .ui-btn.ui-btn-active:hover,
    .app-theme-lichen .app-tabs :not(.ui-btn-active).ui-btn,
    .app-theme-lichen .app-tabs .ui-btn.ui-btn-active,
    .app-desktop.app-theme-lichen .app-tabs .ui-btn.ui-btn-active:hover {
        background-color: rgb(205, 221, 155);
    }

    .app-theme-lichen .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-lichen .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-lichen .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-white.png);
    }
}

.app-theme-lichen .app-listview li .app-li-corner {
    color: #fff;
    background-color: #a8a761;
}

.app-theme-lichen .dataview-busy-indicator {
    background-color: #003399;
}

.app-theme-lichen .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-lichen .ui-bar-a .app-user-name {
    color: #ccc !important;
}

.app-theme-lichen .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-lichen .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #fff !important;
}

/*********************************/
/* THEME: mission               */
/*******************************/

.app-theme-mission,
.app-theme-mission .ui-page-theme-a,
.app-theme-mission .app-page-header {
    background-color: #fff;
    scrollbar-base-color: #b3a07f;
    scrollbar-arrow-color: #a69476;
    scrollbar-track-color: #f2e8d7;
    scrollbar-shadow-color: #f2e8d7;
}

    .app-theme-mission.app-desktop ::-webkit-scrollbar-track {
        background-color: #f2e8d7;
    }

    .app-theme-mission.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #b3a07f;
        border: solid 1px #f2e8d7;
    }

        .app-theme-mission.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #a69476;
        }

    .app-theme-mission .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-mission .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-mission .ui-panel,
    .app-theme-mission .app-page-header,
    .app-theme-mission .app-status-bar {
        background-color: #dfc79d;
        border-color: #a5a5a5;
    }

    .app-theme-mission .app-bar-actions {
        background-color: #fff !important;
    }

    .app-theme-mission .app-status-bar {
        color: #000;
    }

    .app-theme-mission .app-form-editing.app-formview .app-static-text div,
    .app-theme-mission .app-page-menu-desc,
    .app-theme-mission .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-mission .app-popup-message,
    .app-theme-mission .ui-content.app-map-info {
        background-color: #dfc79d;
        border-color: #badb8f;
        text-shadow: none;
        color: #000;
    }

        .app-theme-mission .app-popup-message .ui-popup-arrow {
            background-color: #dfc79d;
        }

        .app-theme-mission .app-popup-message div {
            color: #badb8f;
        }

    /* page header */
    .app-theme-mission .app-bar-tools.ui-bar-a,
    .app-theme-mission :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-mission .ui-header {
        background-color: #dfc79d;
        border-color: #a5a5a5;
        text-shadow: none;
    }

    .app-theme-mission .app-popup-listview .ui-popup-arrow,
    .app-theme-mission .app-popup-listview {
        background-color: #dfc79d !important;
        border-color: #dfc79d !important;
    }

    .app-theme-mission .app-page-header {
        border-color: #a5a5a5 !important;
    }

    /* list dividers*/
    .app-theme-mission .ui-li-divider {
        background-color: #badb8f;
        border-color: #a5a5a5;
        color: #555;
        text-shadow: none;
    }

    .app-theme-mission ui-li-divider,
    .app-theme-mission .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        border-color: #badb8f;
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-mission .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-mission .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-mission .app-presenter-instruction,
    .app-theme-mission .app-grid-header .app-frozen-spacer {
        background-color: #f2e8d7 !important;
        border-color: #badb8f !important;
        color: #1d092d;
    }

    .app-theme-mission .app-presenter-instruction {
        border-color: #a5a5a5 !important;
    }

    body:not(.app-sidebar-undocked).app-theme-mission .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-mission .app-sidebar,
    .app-theme-mission .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-mission .app-echo,
    .app-theme-mission .app-header {
        border-color: #a5a5a5 !important;
    }

    .app-theme-mission .app-bar-heading {
        background-color: #f2e8d7;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-mission .ui-body-a,
    .app-theme-mission .app-li-card,
    .app-theme-mission .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-mission .app-li-card {
        background-color: #fff;
        border-color: #badb8f;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-mission .ui-panel .ui-body-a {
        border-color: #a5a5a5 !important;
    }

    .app-theme-mission .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-mission .ui-body-a.app-sidebar {
        background-color: #dfc79d;
    }

    .app-theme-mission.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-mission .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #badb8f;
    }

    .app-theme-mission .ui-li-divider.app-info {
        background-color: #eeecea !important;
    }

        .app-theme-mission .ui-li-divider.app-info .appname {
            color: #3c2902;
        }

    /* fix for form "card" */
    .app-theme-mission .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #badb8f;
        border-left-color: #badb8f;
        border-right-color: #badb8f;
    }

    /*.app-theme-mission .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-mission .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-mission .app-page-header,
    .app-theme-mission .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-mission .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-mission .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-mission .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-mission .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-mission .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-mission .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-mission .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-mission .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-mission .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-mission .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-mission:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-mission .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-mission .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-mission .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-mission .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-mission .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-mission .app-tabs.ui-header,
    .app-theme-mission #app-welcome .ui-btn:not(:hover),
    .app-theme-mission #app-popup-login .ui-btn:not(:hover),
    .app-theme-mission .ui-datepicker .ui-state-highlight,
    .app-theme-mission .ui-datepicker .ui-datepicker-prev,
    .app-theme-mission .ui-datepicker .ui-datepicker-next,
    .app-theme-mission .ui-listview .app-frozen-spacer {
        border-color: #badb8f;
    }

    .app-theme-mission .ui-body-b .ui-btn-a,
    .app-theme-mission .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #dfc79d !important;
    }

    .app-theme-mission.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #dfc79d !important;
    }

    .app-theme-mission .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-mission .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-mission .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-mission .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-mission .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-mission .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-mission .app-tabs.ui-header:not(.app-lookup),
    .app-theme-mission .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-mission .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-mission .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-mission .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-mission .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-mission .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-mission .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-mission #app-welcome .ui-btn:not(:hover),
    .app-theme-mission #app-popup-login .ui-btn:not(:hover),
    .app-theme-mission .app-map-info .ui-popup-arrow,
    .app-theme-mission .ui-datepicker .ui-datepicker-prev,
    .app-theme-mission .ui-datepicker .ui-datepicker-next,
    .app-theme-mission .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #f5f9ee;
    }

    /* top border of Info button in sidebar */
    .app-theme-mission .app-sidebar .ui-btn.ui-icon-info {
        border-color: #a5a5a5 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-mission .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-mission .app-field-label-after,
    .app-theme-mission .app-field-label-before,
    .app-theme-mission .app-field-label,
    .app-theme-mission .ui-panel .app-item-desc,
    .app-theme-mission .app-item-number {
        color: #3c2902 !important;
    }

    .app-theme-mission .ui-page-theme-b a:not(.ui-btn),
    .app-theme-mission .ui-bar-b a:not(.ui-btn),
    .app-theme-mission .ui-body-b a:not(.ui-btn),
    .app-theme-mission .ui-group-theme-b a:not(.ui-btn) {
        color: #3c2902 !important;
    }

        .app-theme-mission .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-mission .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-mission .ui-body-b a:not(.ui-btn):hover,
        .app-theme-mission .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-mission .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-mission .ui-bar-b a:not(.ui-btn):active,
        .app-theme-mission .ui-body-b a:not(.ui-btn):active,
        .app-theme-mission .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }


    .app-theme-mission .ui-btn p {
        color: #000 !important;
    }

    .app-theme-mission .ui-li-aside,
    .app-theme-mission .ui-btn .ui-li-aside,
    .app-theme-mission .app-grid-header,
    .app-theme-mission .app-panel-info-view .app-list-instruction,
    .app-theme-mission .app-calculated .app-static-text {
        color: #3c2902 !important;
    }

    .app-theme-mission .app-filter {
        color: #4c6c22;
    }

    .app-theme-mission .app-bar-heading .app-bar-label,
    .app-theme-mission .app-static-text div,
    .app-theme-mission .app-form-editing.app-formview label {
        color: #3c2902;
    }

    .app-theme-mission .app-wrapper,
    .app-theme-mission .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-mission .app-selected:not(.ui-btn-active),
    .app-theme-mission .app-selected:hover,
    .app-theme-mission .app-selected:visited,
    .app-theme-mission .app-selected .app-frozen-spacer {
        background-color: #cbe4aa !important;
        border-color: #badb8f !important;
        color: #000 !important;
    }

    .app-theme-mission .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-mission .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-mission .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-mission .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-mission .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-mission .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-mission .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-mission #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-mission #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-theme-mission .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-mission .ui-datepicker .ui-datepicker-next:hover,
    .app-desktop.app-theme-mission .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #e5f1d5;
        border-color: #badb8f;
    }

    .app-theme-mission.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-mission.app-desktop .ui-datepicker td a:hover {
        background-color: #e5f1d5;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-mission .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-mission .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-mission .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-mission .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #bedd95 !important;
        border-color: #badb8f;
        color: #000 !important;
    }

    /* click */
    .app-theme-mission .app-grid-header .ui-btn-active,
    .app-theme-mission .dv-item .app-btn-more.ui-btn-active {
        background-color: #4c6c22 !important;
        color: #fff !important;
    }

    .app-theme-mission .app-listview .ui-btn.app-selected::before {
        background-color: #4c6c22;
    }

    .app-theme-mission .ui-title.ui-btn-active,
    .app-theme-mission .ui-btn.ui-btn-active,
    .app-theme-mission .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #4c6c22 !important;
        border-color: #badb8f !important;
        color: #fff !important;
    }

        .app-theme-mission .ui-panel-position-left .ui-btn-active .app-item-desc,
        .app-theme-mission .ui-panel-position-right .ui-btn-active .app-item-desc,
        .app-theme-mission #app-sidebar .ui-btn-active .app-item-desc,
        .app-theme-mission .app-listview-static .ui-btn-active .app-item-desc,
        .app-theme-mission .ui-btn-active p,
        .app-theme-mission .ui-btn-active p.ui-li-aside,
        .app-theme-mission .ui-btn.ui-btn-active span:not(.ui-li-count) {
            color: #fff !important;
        }

    .app-theme-mission .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-mission .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #4C6C22;
        color: #fff;
    }

    .app-theme-mission .app-btn-check:not(.app-btn-check-selected) {
        border-color: #BADB8F !important;
        background-color: transparent !important;
    }

    .app-theme-mission .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #BADB8F !important;
    }

    .app-theme-mission .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #BADB8F !important;
    }

    .app-theme-mission .app-btn-check.app-btn-check-selected {
        border-color: #4C6C22 !important;
        background-color: #4C6C22 !important;
    }

    .app-theme-mission .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */
    .app-theme-mission .app-tabs.ui-header {
        border-color: #a5a5a5;
    }


    .app-theme-mission .app-tabs .ui-btn {
        border-color: #4c6c22 !important;
        color: #1d092d;
    }

        .app-theme-mission .app-tabs .ui-btn.ui-btn-active {
            border-color: #4c6c22 !important;
            background-color: #4c6c22 !important;
            color: #fff !important;
        }

    /*button on header bar*/

    .app-theme-mission .app-bar-tools .ui-btn,
    .app-theme-mission .app-map-info-toolbar .ui-btn {
        border-color: #98ca57 !important;
    }

    .app-theme-mission.app-desktop .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-mission .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-mission .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-mission .ui-datepicker .ui-datepicker-next:hover {
        border-color: #4c6c22 !important;
    }

    .app-theme-mission .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-mission .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-mission .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-mission .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-mission .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-mission .ui-datepicker .ui-datepicker-prev span,
    .app-theme-mission .ui-datepicker .ui-datepicker-next span,
    .app-theme-mission .ui-checkbox-on:after,
    .app-theme-mission .ui-flipswitch-active,
    .app-theme-mission .ui-slider-track .ui-btn-active {
        background-color: #4c6c22 !important;
    }

    .app-theme-mission .ui-btn .glyphicon {
        color: #4c6c22;
    }


    .app-theme-mission .app-icon-themed {
        fill: #4c6c22;
    }

    .app-theme-mission .ui-radio-on:after,
    .app-theme-mission .ui-slider-track .ui-btn-active,
    .app-theme-mission .ui-flipswitch-active {
        border-color: #4c6c22 !important;
    }


    .app-theme-mission .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-mission .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-mission .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-mission .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-mission .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #1c2b08 !important;
    }

    /*swatch b*/
    .app-theme-mission .ui-btn.ui-btn-b,
    .app-theme-mission .ui-btn.ui-btn-b:visited,
    body.app-theme-mission:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #badb8f;
        border-color: #dfc79d;
        color: #1d092d;
    }

        /*swatch b hover*/

        .app-theme-mission .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-mission.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-mission .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-mission .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #c6dea7;
            border-color: #dfc79d;
            color: #1d092d !important;
        }

    .app-theme-mission .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #dfc79d !important;
    }

    .app-theme-mission .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-mission.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-mission .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #a5a5a5 !important;
    }

    .app-theme-mission .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-mission.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }


    /*swatch b divider*/
    .app-theme-mission .ui-bar-b,
    .app-theme-mission .ui-bar-b .ui-bar-inherit,
    html .app-theme-mission.ui-body-b .ui-bar-inherit,
    html body.app-theme-mission .ui-group-theme-b .ui-bar-inherit {
        border-color: #badb8f;
        background-color: #dfc79d;
    }

    /*fix for lookups/inputs*/
    .app-theme-mission .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-mission .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-mission .ui-input-text:not(.ui-btn-active),
    .app-theme-mission .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-mission .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #badb8f;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-mission .ui-btn.app-lookup.ui-focus,
        .app-theme-mission .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-mission .ui-input-text.ui-focus,
        .app-theme-mission .app-form-editing .ui-input-text.ui-focus,
        .app-theme-mission .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-mission .ui-checkbox label.ui-focus,
        .app-theme-mission .ui-datepicker .ui-state-active {
            border-color: #79ae38 !important;
        }

    .app-theme-mission .ui-slider {
        border-color: #badb8f !important;
    }

    .app-theme-mission .ui-slider-label.ui-btn-active {
        background-color: #4c6c22 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-mission .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-mission .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-mission .ui-btn.app-lookup,
    .app-theme-mission .ui-btn.ui-focus.app-lookup {
        border-color: #badb8f;
    }

    .app-theme-mission .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-mission .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-mission .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-black.png);
    }
}

.app-theme-mission .app-listview li .app-li-corner {
    color: #fff;
    background-color: #4c6c22;
}

.app-theme-mission .dataview-busy-indicator {
    background-color: #4c6c22;
}

.app-theme-mission .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-mission .ui-bar-a .app-user-name {
    color: #777 !important;
}

.app-theme-mission .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-mission .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #333 !important;
}

/*********************************/
/* THEME: modern                */
/*******************************/

.app-theme-modern .app-selected:not(.ui-btn-active),
.app-theme-modern .app-selected:not(.ui-btn-active):hover,
.app-theme-modern .app-listview .app-selected:not(.ui-btn-active) .app-frozen-spacer {
    background-color: #cfe9f3 !important;
}

body.app-theme-modern:not(.app-desktop) li a:hover {
    background-color: #f6f6f6 !important;
}

body.app-theme-modern:not(.app-desktop) li a.ui-btn-b:hover {
    background-color: #333 !important;
}

body.app-theme-modern:not(.app-desktop) li a.ui-btn-active:hover {
    background-color: #3388cc !important;
}


.app-theme-modern .app-grid-header .app-selected:not(.ui-btn-active) {
    background-color: rgba(0,0,0,0.1) !important;
}

body.app-theme-modern:not(.app-desktop) li a.app-selected:hover,
.app-theme-modern .app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-theme-modern .app-echo-toolbar .app-selected:not(.ui-btn-active):hover {
    background-color: #cfe9f3 !important;
}

body.app-theme-modern:not(.app-desktop) li a.ui-btn-active.app-selected:hover {
    background-color: #22aadd !important;
}

/* click */
.app-theme-modern .ui-page .ui-listview .ui-btn.ui-btn-active,
.app-theme-modern .dv-item .app-btn-more.ui-btn-active {
    border-color: #ccc !important;
}

.app-theme-modern .ui-body-b .ui-btn-a,
.app-theme-modern .ui-body-b .ui-btn.ui-btn-active {
    border-color: #1f1f1f !important;
}

.app-theme-modern.app-has-popup-open .app-menu-strip .ui-btn:hover {
    background-color: #1f1f1f !important;
}

body.app-desktop.app-theme-modern .app-listview.app-grid .ui-btn:not(.ui-btn-b):not(.ui-btn-active):not(:hover):not(.app-selected) {
    background-color: #fff;
}

body.app-theme-modern:not(.app-desktop) .app-listview.app-grid .ui-btn:not(.ui-btn-b):not(.ui-btn-active):not(.app-selected) {
    background-color: #fff !important;
}

.app-theme-modern.app-desktop .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
    background-color: rgba(255, 255, 255, .4) !important;
}

.app-theme-modern .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-modern .ui-bar-a .app-user-name {
    color: #777 !important;
}

.app-theme-modern .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-modern .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #333 !important;
}

.app-theme-modern .app-popup-listview .ui-popup-arrow,
.app-theme-modern .app-popup-listview {
    background-color: #e9e9e9;
}

/*********************************/
/* THEME: modernrose            */
/*******************************/

.app-theme-modernrose,
.app-theme-modernrose .ui-page-theme-a,
.app-theme-modernrose .app-page-header {
    background-color: #fff;
    /*scrollbar-base-color: #ed699f;
    scrollbar-arrow-color: #ed699f;
    scrollbar-track-color: #ffcce1;
    scrollbar-shadow-color: #ffcce1;*/
}

    /*
    .app-theme-modernrose.app-desktop ::-webkit-scrollbar-track {
        background-color: #ffcce1;
    }

    .app-theme-modernrose.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #ed699f;
        border: solid 1px #ffcce1;
    }

        .app-theme-modernrose.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #d45d8f;
        }*/

    .app-theme-modernrose .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-modernrose .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-modernrose .ui-panel,
    .app-theme-modernrose .app-page-header,
    .app-theme-modernrose .app-status-bar {
        background-color: #ffe0ed;
        border-color: #ED699F;
    }

    .app-theme-modernrose .app-status-bar {
        color: #000;
    }

    .app-theme-modernrose .app-form-editing.app-formview .app-static-text div,
    .app-theme-modernrose .app-page-menu-desc,
    .app-theme-modernrose .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-modernrose .app-popup-message,
    .app-theme-modernrose .ui-content.app-map-info {
        background-color: #ffe0ed;
        border-color: #ffcce1;
        text-shadow: none;
        color: #000;
    }

        .app-theme-modernrose .app-popup-message .ui-popup-arrow {
            background-color: #ffe0ed;
        }

        .app-theme-modernrose .app-popup-message div {
            color: #ffcce1;
        }

    /* page header */
    .app-theme-modernrose .app-bar-tools.ui-bar-a,
    .app-theme-modernrose :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-modernrose .ui-header {
        background-color: #ffe0ed;
        border-color: #ED699F;
        text-shadow: none;
    }

    .app-theme-modernrose .app-popup-listview .ui-popup-arrow,
    .app-theme-modernrose .app-popup-listview {
        background-color: #ffe0ed !important;
        border-color: #ffe0ed !important;
    }

    .app-theme-modernrose .app-page-header {
        border-color: #ED699F !important;
    }

    .app-theme-modernrose.app-desktop .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
        background-color: rgba(255,255,255, 0.4) !important;
    }

    /* list dividers*/
    .app-theme-modernrose .ui-li-divider {
        background-color: #ffcce1;
        border-color: #ED699F;
        color: #555;
        text-shadow: none;
    }

    .app-theme-modernrose ui-li-divider,
    .app-theme-modernrose .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        /*background-color: #ddc1f4;*/
        /*border-color: #ED699F;*/
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-modernrose .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-modernrose .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-modernrose .app-presenter-instruction,
    .app-theme-modernrose .app-grid-header .app-frozen-spacer {
        background-color: #fceef4 !important;
        border-color: #ffcce1 !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-modernrose .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-modernrose .app-sidebar,
    .app-theme-modernrose .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-modernrose .app-echo,
    .app-theme-modernrose .app-header {
        border-color: #ED699F !important;
    }

    .app-theme-modernrose .app-bar-heading {
        background-color: #fceef4;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-modernrose .ui-body-a,
    .app-theme-modernrose .app-li-card,
    .app-theme-modernrose .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-modernrose .app-li-card {
        background-color: #fff;
        border-color: #ffcce1;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-modernrose .ui-panel .ui-body-a {
        border-color: #ED699F !important;
    }

    .app-theme-modernrose .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-modernrose .ui-body-a.app-sidebar {
        background-color: #ffe0ed;
    }

    .app-theme-modernrose.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-modernrose .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #ffcce1;
    }

    .app-theme-modernrose .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-modernrose .ui-li-divider.app-info .appname {
            color: #F30064;
        }

    /* fix for form "card" */
    .app-theme-modernrose .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #ffcce1;
        border-left-color: #ffcce1;
        border-right-color: #ffcce1;
    }

    /*.app-theme-modernrose .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-modernrose .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-modernrose .app-page-header,
    .app-theme-modernrose .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-modernrose .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-modernrose .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-modernrose .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-modernrose .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-modernrose .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-modernrose .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-modernrose .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-modernrose .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-modernrose .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-modernrose .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-modernrose:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-modernrose .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-modernrose .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-modernrose .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-modernrose .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-modernrose .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-modernrose .app-tabs.ui-header,
    .app-theme-modernrose #app-welcome .ui-btn,
    .app-theme-modernrose #app-popup-login .ui-btn,
    .app-theme-modernrose .ui-datepicker .ui-state-highlight,
    .app-theme-modernrose .ui-datepicker .ui-datepicker-prev,
    .app-theme-modernrose .ui-datepicker .ui-datepicker-next,
    .app-theme-modernrose .ui-listview .app-frozen-spacer {
        border-color: #ffcce1;
    }

    .app-theme-modernrose .ui-body-b .ui-btn-a,
    .app-theme-modernrose .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #ffe0ed !important;
    }

    .app-theme-modernrose.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #ffe0ed !important;
    }

    .app-theme-modernrose .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-modernrose .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-modernrose .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-modernrose .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-modernrose .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-modernrose .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-modernrose .app-tabs.ui-header:not(.app-lookup),
    .app-theme-modernrose .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-modernrose .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-modernrose .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-modernrose .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-modernrose .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-modernrose .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-modernrose .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-modernrose #app-welcome .ui-btn:not(:hover),
    .app-theme-modernrose #app-popup-login .ui-btn:not(:hover),
    .app-theme-modernrose .app-map-info .ui-popup-arrow,
    .app-theme-modernrose .ui-datepicker .ui-datepicker-prev,
    .app-theme-modernrose .ui-datepicker .ui-datepicker-next,
    .app-theme-modernrose .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #fff0f6;
    }

    /* top border of Info button in sidebar */
    .app-theme-modernrose .app-sidebar .ui-btn.ui-icon-info {
        border-color: #ED699F !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-modernrose .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-modernrose .app-field-label-after,
    .app-theme-modernrose .app-field-label-before,
    .app-theme-modernrose .app-field-label,
    .app-theme-modernrose .ui-panel .app-item-desc,
    .app-theme-modernrose .ui-li-aside,
    .app-theme-modernrose .ui-btn .ui-li-aside,
    .app-theme-modernrose .app-grid-header,
    .app-theme-modernrose .app-panel-info-view .app-list-instruction,
    .app-theme-modernrose .app-calculated .app-static-text,
    .app-theme-modernrose .app-item-number {
        color: #f30064 !important;
    }

    .app-theme-modernrose .app-filter {
        color: #d50202;
    }

    .app-theme-modernrose .ui-page-theme-b a:not(.ui-btn),
    .app-theme-modernrose .ui-bar-b a:not(.ui-btn),
    .app-theme-modernrose .ui-body-b a:not(.ui-btn),
    .app-theme-modernrose .ui-group-theme-b a:not(.ui-btn) {
        color: #f30064 !important;
    }

        .app-theme-modernrose .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-modernrose .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-modernrose .ui-body-b a:not(.ui-btn):hover,
        .app-theme-modernrose .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-modernrose .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-modernrose .ui-bar-b a:not(.ui-btn):active,
        .app-theme-modernrose .ui-body-b a:not(.ui-btn):active,
        .app-theme-modernrose .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-modernrose .ui-btn p {
        color: #000 !important;
    }

    .app-theme-modernrose .app-bar-heading .app-bar-label,
    .app-theme-modernrose .app-static-text div,
    .app-theme-modernrose .app-form-editing.app-formview label {
        color: #f30064;
    }

    .app-theme-modernrose .app-wrapper,
    .app-theme-modernrose .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-modernrose .app-selected:not(.ui-btn-active),
    .app-theme-modernrose .app-selected:hover,
    .app-theme-modernrose .app-selected:visited,
    .app-theme-modernrose .app-selected .app-frozen-spacer {
        background-color: #fedeeb !important;
        border-color: #ffcce1 !important;
        color: #000 !important;
    }

    .app-theme-modernrose .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-modernrose .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-modernrose .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-modernrose .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-modernrose .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-modernrose .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-modernrose .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-modernrose #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-modernrose #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-modernrose .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #fee9f1;
        border-color: #ffcce1;
    }

    .app-theme-modernrose.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-modernrose.app-desktop .ui-datepicker td a:hover {
        background-color: #fee9f1;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-modernrose .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-modernrose .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-modernrose .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-modernrose .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #ffd5e6 !important;
        border-color: #ffcce1 !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-modernrose .app-grid-header .ui-btn-active,
    .app-theme-modernrose .dv-item .app-btn-more.ui-btn-active {
        background-color: #d50202 !important;
        color: #fff !important;
    }

    .app-theme-modernrose .app-listview .ui-btn.app-selected::before {
        background-color: #d50202;
    }

    .app-theme-modernrose .ui-title.ui-btn-active,
    html body.app-theme-modernrose .ui-btn.ui-btn-active,
    .app-theme-modernrose .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #d50202 !important;
        border-color: #ffcce1 !important;
        color: #fff !important;
    }

    .app-theme-modernrose .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-modernrose .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-modernrose #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-modernrose .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-modernrose .ui-btn-active p,
    .app-theme-modernrose .ui-btn-active p.ui-li-aside,
    .app-theme-modernrose .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-modernrose .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-modernrose .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #D50202;
        color: #fff;
    }

    .app-theme-modernrose .app-echo .dv-action-see-all span {
        border-color: #FFCCE1 !important;
    }

    .app-theme-modernrose .app-btn-check:not(.app-btn-check-selected) {
        border-color: #FFCCE1 !important;
        background-color: transparent !important;
    }

    .app-theme-modernrose .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #FFCCE1 !important;
    }

    .app-theme-modernrose .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #FFCCE1 !important;
    }

    .app-theme-modernrose .app-btn-check.app-btn-check-selected {
        border-color: #D50202 !important;
        background-color: #D50202 !important;
    }

    .app-theme-modernrose .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-modernrose .app-tabs.ui-header {
        border-color: #ED699F;
    }


    .app-theme-modernrose .app-tabs .ui-btn {
        border-color: #ED699F !important;
        color: #1d092d;
    }

        .app-theme-modernrose .app-tabs .ui-btn.ui-btn-active {
            border-color: #ED699F !important;
            background-color: #ED699F !important;
            color: #fff !important;
        }


    /*button on header bar*/
    .app-theme-modernrose .app-bar-tools .ui-btn.ui-btn-icon-notext,
    .app-theme-modernrose .app-map-info-toolbar .ui-btn.ui-btn-icon-notext {
        border-color: #f4aac8 !important;
    }

    .app-theme-modernrose.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-modernrose.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-modernrose .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-modernrose .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-modernrose .ui-datepicker .ui-datepicker-next:hover {
        border-color: #eb94b8 !important;
        background-color: #ffe0ed !important;
    }

    .app-theme-modernrose.app-desktop .ui-btn.ui-btn-icon-notext:hover {
        border-color: #eb94b8 !important;
    }

    .app-theme-modernrose .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-modernrose .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-modernrose .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-modernrose .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-modernrose .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-modernrose .ui-datepicker .ui-datepicker-prev span,
    .app-theme-modernrose .ui-datepicker .ui-datepicker-next span,
    .app-theme-modernrose .ui-checkbox-on:after,
    .app-theme-modernrose .ui-flipswitch-active,
    .app-theme-modernrose .ui-slider-track .ui-btn-active {
        background-color: #ed699f !important;
    }

    .app-theme-modernrose .ui-btn .glyphicon {
        color: #ed699f;
    }

    .app-theme-modernrose .app-icon-themed {
        fill: #ed699f;
    }

    .app-theme-modernrose .ui-radio-on:after,
    .app-theme-modernrose .ui-slider-track .ui-btn-active,
    .app-theme-modernrose .ui-flipswitch-active {
        border-color: #ed699f !important;
    }


    .app-theme-modernrose .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-modernrose .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-modernrose .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-modernrose .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-modernrose .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #a60245 !important;
    }

    .app-theme-modernrose .ui-btn.ui-btn-active.ui-btn-icon-notext.app-btn-promo::after {
        background-color: #d50202 !important;
    }

    /*swatch b*/
    .app-theme-modernrose .ui-btn.ui-btn-b,
    .app-theme-modernrose .ui-btn.ui-btn-b:visited,
    body.app-theme-modernrose:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #fc98c1;
        border-color: #ffe0ed;
        color: #1d092d;
    }

        /*swatch b hover*/

        .app-theme-modernrose .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-modernrose.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-modernrose .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-modernrose .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #fba0c6;
            border-color: #ffe0ed;
            color: #1d092d !important;
        }

    .app-theme-modernrose .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #ffe0ed !important;
    }

    .app-theme-modernrose .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-modernrose.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }

    .app-theme-modernrose .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-modernrose.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-modernrose .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #ED699F !important;
    }

    /*swatch b divider*/
    .app-theme-modernrose .ui-bar-b,
    .app-theme-modernrose .ui-bar-b .ui-bar-inherit,
    html .app-theme-modernrose.ui-body-b .ui-bar-inherit,
    html body.app-theme-modernrose .ui-group-theme-b .ui-bar-inherit {
        border-color: #ffcce1;
        background-color: #ffe0ed;
    }

    /*fix for lookups/inputs*/
    .app-theme-modernrose .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-modernrose .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-modernrose .ui-input-text:not(.ui-btn-active),
    .app-theme-modernrose .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-modernrose .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #ffcce1;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-modernrose .ui-btn.app-lookup.ui-focus,
        .app-theme-modernrose .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-modernrose .ui-input-text.ui-focus,
        .app-theme-modernrose .app-form-editing .ui-input-text.ui-focus,
        .app-theme-modernrose .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-modernrose .ui-checkbox label.ui-focus,
        .app-theme-modernrose .ui-datepicker .ui-state-active {
            border-color: #ED699F !important;
        }

    .app-theme-modernrose .ui-slider {
        border-color: #ffcce1 !important;
    }

    .app-theme-modernrose .ui-slider-label.ui-btn-active {
        background-color: #ED699F !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-modernrose .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-modernrose .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-modernrose .ui-btn.app-lookup,
    .app-theme-modernrose .ui-btn.ui-btn-active.app-lookup {
        border-color: #ED699F;
    }


    .app-theme-modernrose .app-tabs .ui-btn.ui-btn-active,
    .app-theme-modernrose .app-tabs .ui-btn.ui-btn-active:hover,
    .app-theme-modernrose .app-tabs :not(.ui-btn-active).ui-btn,
    .app-theme-modernrose .app-tabs .ui-btn.ui-btn-active,
    .app-desktop.app-theme-modernrose .app-tabs .ui-btn.ui-btn-active:hover {
        background-color: rgb(205, 221, 155);
    }

    .app-theme-modernrose .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-modernrose .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-modernrose .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-modernrose .app-listview li .app-li-corner {
    color: #fff;
    background-color: #ED699F;
}

.app-theme-modernrose .dataview-busy-indicator {
    background-color: #630303;
}

/*********************************/
/* THEME: municipal             */
/*******************************/

.app-theme-municipal,
.app-theme-municipal .ui-page-theme-a,
.app-theme-municipal .app-page-header {
    background-color: #eeecea;
}

    .app-theme-municipal .ui-header .ui-title,
    .app-theme-municipal .ui-footer .ui-title {
        color: #fff;
    }

    .app-theme-municipal .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-municipal .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-municipal .ui-panel,
    .app-theme-municipal .app-page-header,
    .app-theme-municipal .app-status-bar {
        background-color: #e2dcd0;
        border-color: #bfbcbc;
    }

    .app-theme-municipal .app-status-bar {
        color: #000;
    }

    .app-theme-municipal .app-form-editing.app-formview .app-static-text div,
    .app-theme-municipal .app-page-menu-desc,
    .app-theme-municipal .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-municipal .app-popup-message,
    .app-theme-municipal .ui-content.app-map-info {
        background-color: #e2dcd0;
        border-color: #f4b29b;
        text-shadow: none;
        color: #000;
    }

        .app-theme-municipal .app-popup-message .ui-popup-arrow {
            background-color: #e2dcd0;
        }

        .app-theme-municipal .app-popup-message div {
            color: #f4b29b;
        }

    /* page header */
    .app-theme-municipal .app-bar-tools.ui-bar-a,
    .app-theme-municipal :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-municipal .ui-header {
        background-color: #545050;
        border-color: #bfbcbc;
        text-shadow: none;
    }

    .app-theme-municipal .app-bar-actions {
        background-color: #e2dcd0 !important;
    }

    .app-theme-municipal .app-popup-listview .ui-popup-arrow,
    .app-theme-municipal .app-popup-listview {
        background-color: #ffe0ed !important;
        border-color: #ffe0ed !important;
    }

    .app-theme-municipal .app-page-header {
        border-color: #bfbcbc !important;
    }

    .app-theme-municipal .app-menu-strip a.ui-btn,
    .app-theme-municipal.app-desktop .app-menu-strip a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        color: #fff !important;
    }

    .app-theme-municipal .app-menu-strip ul li a.ui-btn.app-selected:not(:hover):not(.ui-btn-active),
    .app-theme-municipal.app-has-popup-open .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        background-color: rgba(0,0,0, 0.2) !important;
    }

    .app-theme-municipal.app-desktop .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
        background-color: rgba(255,255,255, 0.15) !important;
    }

    /* list dividers*/
    .app-theme-municipal .ui-li-divider {
        background-color: #f4b29b;
        border-color: #bfbcbc;
        color: #555;
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-municipal .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-municipal .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-municipal .app-presenter-instruction,
    .app-theme-municipal .app-grid-header .app-frozen-spacer {
        background-color: #f2f2f2 !important;
        border-color: #f4b29b !important;
        color: #2a0e04;
    }

    body:not(.app-sidebar-undocked).app-theme-municipal .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-municipal .app-sidebar,
    .app-theme-municipal .app-divider:not(.ui-collapsible):not(.app-calculated) {
        border-color: #bfbcbc !important;
        color: #fff !important;
    }

    .app-theme-municipal .app-echo,
    .app-theme-municipal .app-header {
        border-color: #f4b29b;
    }

    .app-theme-municipal .app-bar-heading {
        background-color: #f2f2f2;
        color: #2a0e04;
        text-shadow: none;
    }

    .app-theme-municipal .ui-body-a,
    .app-theme-municipal .app-li-card,
    .app-theme-municipal .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-municipal .app-li-card {
        background-color: #fff;
        border-color: #f4b29b;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-municipal .ui-panel .ui-body-a {
        border-color: #bfbcbc !important;
    }

    .app-theme-municipal .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-municipal .ui-body-a.app-sidebar {
        background-color: #e2dcd0;
    }

    .app-theme-municipal.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-municipal .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #f4b29b;
    }

    .app-theme-municipal .ui-li-divider.app-info {
        background-color: #eeecea !important;
    }

        .app-theme-municipal .ui-li-divider.app-info .appname {
            color: #cc9900;
        }

    /* fix for form "card" */
    .app-theme-municipal .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #f4b29b;
        border-left-color: #f4b29b;
        border-right-color: #f4b29b;
    }

    /*.app-theme-municipal .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-municipal .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-municipal .app-page-header,
    .app-theme-municipal .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-municipal .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-municipal .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-municipal .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-municipal .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-municipal .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-municipal .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-municipal .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-municipal .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-municipal .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-municipal .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-municipal:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-municipal .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-municipal .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-municipal .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-municipal .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-municipal .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-municipal .app-tabs.ui-header,
    .app-theme-municipal #app-welcome .ui-btn,
    .app-theme-municipal #app-popup-login .ui-btn,
    .app-theme-municipal .ui-datepicker .ui-state-highlight,
    .app-theme-municipal .ui-datepicker .ui-datepicker-prev,
    .app-theme-municipal .ui-datepicker .ui-datepicker-next,
    .app-theme-municipal .ui-listview .app-frozen-spacer {
        border-color: #f4b29b;
    }

    .app-theme-municipal .ui-body-b .ui-btn-a,
    .app-theme-municipal .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #e2dcd0 !important;
    }

    .app-theme-municipal.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #e2dcd0 !important;
    }

    .app-theme-municipal .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-municipal .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-municipal .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-municipal .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-municipal .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-municipal .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-municipal .app-tabs.ui-header:not(.app-lookup),
    .app-theme-municipal .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-municipal .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-municipal .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-municipal .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-municipal .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-municipal .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-municipal .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-municipal #app-welcome .ui-btn:not(:hover),
    .app-theme-municipal #app-popup-login .ui-btn:not(:hover),
    .app-theme-municipal .app-map-info .ui-popup-arrow,
    .app-theme-municipal .ui-datepicker .ui-datepicker-prev,
    .app-theme-municipal .ui-datepicker .ui-datepicker-next,
    .app-theme-municipal .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-municipal .ui-datepicker .ui-datepicker-next:hover,
    .app-theme-municipal .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #fdf3f0;
    }

    /* top border of Info button in sidebar */
    .app-theme-municipal .app-sidebar .ui-btn.ui-icon-info {
        border-color: #bfbcbc !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-municipal .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-municipal .app-field-label-after,
    .app-theme-municipal .app-field-label-before,
    .app-theme-municipal .app-field-label,
    .app-theme-municipal .ui-panel .app-item-desc,
    .app-theme-municipal .app-item-number {
        color: #af8301 !important;
    }

    .app-theme-municipal .ui-page-theme-b a:not(.ui-btn),
    .app-theme-municipal .ui-bar-b a:not(.ui-btn),
    .app-theme-municipal .ui-body-b a:not(.ui-btn),
    .app-theme-municipal .ui-group-theme-b a:not(.ui-btn) {
        color: #af8301 !important;
    }

        .app-theme-municipal .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-municipal .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-municipal .ui-body-b a:not(.ui-btn):hover,
        .app-theme-municipal .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-municipal .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-municipal .ui-bar-b a:not(.ui-btn):active,
        .app-theme-municipal .ui-body-b a:not(.ui-btn):active,
        .app-theme-municipal .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-municipal .ui-btn p {
        color: #000 !important;
    }

    .app-theme-municipal .ui-li-aside,
    .app-theme-municipal .ui-btn .ui-li-aside,
    .app-theme-municipal .app-grid-header,
    .app-theme-municipal .app-panel-info-view .app-list-instruction,
    .app-theme-municipal .app-calculated .app-static-text {
        color: #cc9900 !important;
    }

    .app-theme-municipal .app-filter {
        color: #6f3e3e;
    }

    .app-theme-municipal .app-bar-heading .app-bar-label,
    .app-theme-municipal .app-static-text div,
    .app-theme-municipal .app-form-editing.app-formview label {
        color: #af8301;
    }

    .app-theme-municipal .app-wrapper,
    .app-theme-municipal .app-echo-instruction {
        color: #2a0e04;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-municipal .app-selected:not(.ui-btn-active),
    .app-theme-municipal .app-selected:hover,
    .app-theme-municipal .app-selected:visited,
    .app-theme-municipal .app-selected .app-frozen-spacer {
        background-color: #fae2d9 !important;
        border-color: #f4b29b !important;
        color: #000 !important;
    }

    .app-theme-municipal .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.1) !important;
    }

    /* hover */
    .app-theme-municipal .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-municipal .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-municipal .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-municipal .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-municipal .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-municipal .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-municipal #app-welcome .ui-btn:hover,
    .app-theme-municipal #app-popup-login .ui-btn:hover,
    .app-desktop.app-theme-municipal .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #f0e9e6;
        border-color: #f4b29b;
    }

    .app-theme-municipal.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-municipal.app-desktop .ui-datepicker td a:hover {
        background-color: #f0e9e6;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-municipal .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-municipal .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-municipal .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-municipal .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #f4ddd4 !important;
        border-color: #f4b29b !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-municipal .app-grid-header .ui-btn-active,
    .app-theme-municipal .dv-item .app-btn-more.ui-btn-active {
        background-color: #6f3e3e !important;
        color: #fff !important;
    }

    .app-theme-municipal .app-listview .ui-btn.app-selected::before {
        background-color: #6f3e3e;
    }

    .app-theme-municipal .ui-title.ui-btn-active,
    html body.app-theme-municipal .ui-btn.ui-btn-active,
    .app-theme-municipal .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #6f3e3e !important;
        border-color: #f4b29b !important;
        color: #fff !important;
    }

    .app-theme-municipal .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-municipal .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-municipal #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-municipal .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-municipal .ui-btn-active p,
    .app-theme-municipal .ui-btn-active p.ui-li-aside,
    .app-theme-municipal .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-municipal .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-municipal .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #6F3E3E;
        color: #fff;
    }

    .app-theme-municipal .app-echo .dv-action-see-all span {
        border-color: #F4B29B !important;
    }

    .app-theme-municipal .app-btn-check:not(.app-btn-check-selected) {
        border-color: #F4B29B !important;
        background-color: transparent !important;
    }

    .app-theme-municipal .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #F4B29B !important;
    }

    .app-theme-municipal .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #F4B29B !important;
    }

    .app-theme-municipal .app-btn-check.app-btn-check-selected {
        border-color: #6F3E3E !important;
        background-color: #6F3E3E !important;
    }

    .app-theme-municipal .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-municipal .app-tabs.ui-header {
        border-color: #bfbcbc;
    }


    .app-theme-municipal .app-tabs .ui-btn {
        border-color: #bfbcbc !important;
        color: #2a0e04;
    }

        .app-theme-municipal .app-tabs .ui-btn.ui-btn-active {
            border-color: #bfbcbc !important;
            background-color: #bfbcbc !important;
            color: #fff !important;
        }

    /*button on header bar*/

    .app-theme-municipal .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-municipal .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #691616 !important;
    }

    .app-theme-municipal .app-echo-toolbar .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-municipal .app-echo-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #f59b7a !important;
    }

    .app-theme-municipal .app-bar-tools .ui-btn,
    .app-theme-municipal .app-bar-tools .ui-btn.ui-btn-active,
    .app-theme-municipal .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-municipal .ui-datepicker .ui-datepicker-next:hover {
        border-color: #292911 !important;
    }

        .app-theme-municipal .app-bar-tools .ui-btn.ui-btn-icon-notext:not(:hover):not(.ui-btn-active)::after {
            background-color: #b8aa8c !important;
        }


    .app-theme-municipal .ui-btn.ui-btn-active::after {
        background-color: #6b1212 !important;
    }


    .app-theme-municipal .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-municipal .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-municipal .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-municipal .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-municipal .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-municipal .ui-datepicker .ui-datepicker-prev span,
    .app-theme-municipal .ui-datepicker .ui-datepicker-next span,
    .app-theme-municipal .ui-checkbox-on:after,
    .app-theme-municipal .ui-flipswitch-active,
    .app-theme-municipal .ui-slider-track .ui-btn-active {
        background-color: #ed825d !important;
    }

    .app-theme-municipal .ui-btn .glyphicon {
        color: #ed825d;
    }

    .app-theme-municipal .app-icon-themed {
        fill: #ed825d;
    }

    .app-theme-municipal .ui-radio-on:after,
    .app-theme-municipal .ui-slider-track .ui-btn-active,
    .app-theme-municipal .ui-flipswitch-active {
        border-color: #ed825d !important;
    }

    .app-theme-municipal .ui-btn.ui-btn-icon-notext.ui-btn-active::after,
    .app-theme-municipal .ui-btn.ui-btn-icon-left.ui-btn-active::after,
    .app-theme-municipal .ui-btn.ui-btn-icon-right.ui-btn-active:not(.app-btn-icon-transparent)::after,
    .app-theme-municipal .ui-btn.ui-btn-icon-top.ui-btn-active::after,
    .app-theme-municipal .ui-btn.ui-btn-icon-bottom.ui-btn-active::after {
        background-color: #691616 !important;
    }

    .app-theme-municipal .ui-btn.app-btn-icon-transparent::after,
    .app-theme-municipal .ui-btn.ui-btn-active.app-btn-icon-transparent::after {
        background-color: transparent !important;
    }

    /*swatch b*/
    .app-theme-municipal .ui-btn.ui-btn-b,
    .app-theme-municipal .ui-btn.ui-btn-b:visited,
    body.app-theme-municipal:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #e2cfc8;
        border-color: #e2dcd0;
        color: #2a0e04;
    }

        /*swatch b hover*/

        .app-theme-municipal .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-municipal.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-municipal .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-municipal .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #dfcdc7;
            border-color: #e2dcd0;
            color: #2a0e04 !important;
        }

    .app-theme-municipal .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #e2dcd0 !important;
    }

    .app-theme-municipal .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-municipal.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }

    .app-theme-municipal .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-municipal.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-municipal .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #bfbcbc !important;
    }

    /*swatch b divider*/
    .app-theme-municipal .ui-bar-b,
    .app-theme-municipal .ui-bar-b .ui-bar-inherit,
    html .app-theme-municipal.ui-body-b .ui-bar-inherit,
    html body.app-theme-municipal .ui-group-theme-b .ui-bar-inherit {
        border-color: #e2cfc8;
        background-color: #e2dcd0;
    }

    /*fix for lookups/inputs*/
    .app-theme-municipal .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-municipal .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-municipal .ui-input-text:not(.ui-btn-active),
    .app-theme-municipal .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-municipal .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #f4b29b;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-municipal .ui-btn.app-lookup.ui-focus,
        .app-theme-municipal .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-municipal .ui-input-text.ui-focus,
        .app-theme-municipal .app-form-editing .ui-input-text.ui-focus,
        .app-theme-municipal .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-municipal .ui-checkbox label.ui-focus,
        .app-theme-municipal .ui-datepicker .ui-state-active {
            border-color: #bfbcbc !important;
        }

    .app-theme-municipal .ui-slider {
        border-color: #f4b29b !important;
    }

    .app-theme-municipal .ui-slider-label.ui-btn-active {
        background-color: #bfbcbc !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-municipal .ui-body-a.ui-collapsible-content,
    .app-theme-municipal .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-municipal .ui-btn.app-lookup,
    .app-theme-municipal .ui-btn.ui-btn-active.app-lookup {
        border-color: #bfbcbc;
    }

    .app-theme-municipal .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-municipal .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-municipal .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-white.png);
    }
}

.app-theme-municipal .app-listview li .app-li-corner {
    color: #fff;
    background-color: #bfbcbc;
}

.app-theme-municipal .dataview-busy-indicator {
    background-color: #cc9900;
}

.app-theme-municipal .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-municipal .ui-bar-a .app-user-name {
    color: #ccc !important;
}

.app-theme-municipal .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-municipal .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #fff !important;
}

/*********************************/
/* THEME: petal                 */
/*******************************/

.app-theme-petal,
.app-theme-petal .ui-page-theme-a,
.app-theme-petal .app-page-header {
    background-color: #e6e6e6;
}

    .app-theme-petal .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-petal .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-petal .app-page-header,
    .app-theme-petal .app-status-bar {
        background-color: #ffc1db;
        border-color: #efacc8 !important;
    }

    .app-theme-petal .app-status-bar {
        color: #000;
    }

    .app-theme-petal .app-form-editing.app-formview .app-static-text div,
    .app-theme-petal .app-page-menu-desc,
    .app-theme-petal .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-petal .app-popup-message,
    .app-theme-petal .ui-content.app-map-info,
    .app-theme-petal .app-nav-panel {
        background-color: #e7e7e7;
        border-color: #cccccc;
        text-shadow: none;
        color: #000;
    }

        .app-theme-petal .app-popup-message .ui-popup-arrow {
            background-color: #e7e7e7;
        }

        .app-theme-petal .app-popup-message div {
            color: #cccccc;
        }

    /* page header */
    .app-theme-petal .app-bar-tools.ui-bar-a,
    .app-theme-petal :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-petal .ui-header {
        background-color: #e7e7e7;
        border-color: #cccccc;
        text-shadow: none;
    }

    .app-theme-petal .app-popup-listview .ui-popup-arrow,
    .app-theme-petal .app-popup-listview {
        background-color: #e7e7e7 !important;
        border-color: #e7e7e7 !important;
    }

    .app-theme-petal .app-bar-tools.ui-bar-a {
        background-color: #e0e0e0 !important;
    }

    /* list dividers*/
    .app-theme-petal .ui-li-divider {
        background-color: #cccccc;
        border-color: #cccccc;
        color: #555;
        text-shadow: none;
    }


    /* view descriptions*/
    .app-theme-petal .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-petal .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-petal .app-presenter-instruction,
    .app-theme-petal .app-grid-header .app-frozen-spacer {
        background-color: #ffe5f0 !important;
        border-color: #efacc8 !important;
        color: #c66f93;
    }

    body:not(.app-sidebar-undocked).app-theme-petal .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-petal .app-sidebar,
    .app-theme-petal .app-divider:not(.ui-collapsible),
    .app-theme-petal .app-echo,
    .app-theme-petal .app-header {
        border-color: #cccccc !important;
    }

    .app-theme-petal .app-bar-heading {
        background-color: #ffe5f0;
        color: #c66f93;
        text-shadow: none;
    }

    .app-theme-petal .ui-body-a,
    .app-theme-petal .app-li-card,
    .app-theme-petal .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-petal .app-li-card {
        background-color: #fff;
        border-color: #cccccc;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-petal .ui-panel .ui-body-a {
        border-color: #cccccc !important;
    }

    .app-theme-petal .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-petal .ui-body-a.app-sidebar {
        background-color: #e0e0e0;
    }

    .app-theme-petal.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-petal .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #cccccc;
    }

    .app-theme-petal .ui-li-divider.app-info {
        background-color: #eeecea !important;
    }

        .app-theme-petal .ui-li-divider.app-info .appname {
            color: #91073c;
        }

    /* fix for form "card" */
    .app-theme-petal .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #cccccc;
        border-left-color: #cccccc;
        border-right-color: #cccccc;
    }

    .app-theme-petal .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-petal .app-page-header,
    .app-theme-petal .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-petal .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-petal .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-petal .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-petal .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-petal .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-petal .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-petal .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-petal .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-petal .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-petal .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-petal:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-petal .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-petal .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-petal .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-petal .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-petal .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-petal .app-tabs.ui-header,
    .app-theme-petal #app-welcome .ui-btn,
    .app-theme-petal #app-popup-login .ui-btn,
    .app-theme-petal .ui-datepicker .ui-state-highlight,
    .app-theme-petal .ui-listview .app-frozen-spacer {
        border-color: #cccccc;
    }

    .app-theme-petal .ui-body-b .ui-btn-a,
    .app-theme-petal .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #e7e7e7 !important;
    }

    .app-theme-petal.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #e7e7e7 !important;
    }

    .app-theme-petal .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-petal .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-petal .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-petal .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-petal .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-petal .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-petal .app-tabs.ui-header:not(.app-lookup),
    .app-theme-petal .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-petal .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-petal .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-petal .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-petal .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-petal .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-petal .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-petal #app-welcome .ui-btn:not(:hover),
    .app-theme-petal #app-popup-login .ui-btn:not(:hover),
    .app-theme-petal .app-map-info .ui-popup-arrow,
    .app-theme-petal .ui-datepicker .ui-datepicker-prev,
    .app-theme-petal .ui-datepicker .ui-datepicker-next,
    .app-theme-petal .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #f4f4f4;
    }

    /* top border of Info button in sidebar */
    .app-theme-petal .app-sidebar .ui-btn.ui-icon-info {
        border-color: #cccccc !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-petal .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-petal .app-field-label-after,
    .app-theme-petal .app-field-label-before,
    .app-theme-petal .app-field-label,
    .app-theme-petal .ui-panel .app-item-desc,
    .app-theme-petal .app-item-number {
        color: #ea2074 !important;
    }

    .app-theme-petal .ui-page-theme-b a:not(.ui-btn),
    .app-theme-petal .ui-bar-b a:not(.ui-btn),
    .app-theme-petal .ui-body-b a:not(.ui-btn),
    .app-theme-petal .ui-group-theme-b a:not(.ui-btn) {
        color: #ea2074 !important;
    }

        .app-theme-petal .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-petal .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-petal .ui-body-b a:not(.ui-btn):hover,
        .app-theme-petal .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-petal .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-petal .ui-bar-b a:not(.ui-btn):active,
        .app-theme-petal .ui-body-b a:not(.ui-btn):active,
        .app-theme-petal .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-petal .ui-btn p {
        color: #000 !important;
    }

    .app-theme-petal .ui-li-aside,
    .app-theme-petal .ui-btn .ui-li-aside,
    .app-theme-petal .app-grid-header,
    .app-theme-petal .app-panel-info-view .app-list-instruction,
    .app-theme-petal .app-filter,
    .app-theme-petal .app-calculated .app-static-text {
        color: #91073c !important;
    }

    .app-theme-petal .app-bar-heading .app-bar-label,
    .app-theme-petal .app-static-text div,
    .app-theme-petal .app-form-editing.app-formview label {
        color: #91073c;
    }

    .app-theme-petal .app-wrapper,
    .app-theme-petal .app-echo-instruction {
        color: #c66f93;
        text-shadow: none;
    }

    /* hover */
    .app-theme-petal .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-petal .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-petal .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-petal .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-petal .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-petal .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-petal #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-petal #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-theme-petal .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-petal .ui-datepicker .ui-datepicker-next:hover,
    .app-desktop.app-theme-petal .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #fff4f9;
        border-color: #cccccc;
    }

    .app-theme-petal.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-petal.app-desktop .ui-datepicker td a:hover {
        background-color: #fff4f9;
    }

    /*selected button*/
    .app-theme-petal .app-selected:not(.ui-btn-active),
    .app-theme-petal .app-selected:hover,
    .app-theme-petal .app-selected:visited,
    .app-theme-petal .app-selected .app-frozen-spacer {
        background-color: #ffd6e7 !important;
        border-color: #cccccc !important;
        color: #000 !important;
    }

    .app-theme-petal .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-petal .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-petal .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-petal .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-petal .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #fccce0 !important;
        border-color: #cccccc !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-petal .app-grid-header .ui-btn-active,
    .app-theme-petal .dv-item .app-btn-more.ui-btn-active {
        background-color: #91073c !important;
        color: #fff !important;
    }

    .app-theme-petal .app-listview .ui-btn.app-selected::before {
        background-color: #91073c;
    }

    .app-theme-petal .ui-title.ui-btn-active,
    html body.app-theme-petal .ui-btn.ui-btn-active,
    .app-theme-petal .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #91073c !important;
        border-color: #cccccc !important;
        color: #fff !important;
    }

    .app-theme-petal .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-petal .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-petal #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-petal .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-petal .ui-btn-active p,
    .app-theme-petal .ui-btn-active p.ui-li-aside,
    .app-theme-petal .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-petal .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-petal .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #91073C;
        color: #fff;
    }

    .app-theme-petal .app-btn-check:not(.app-btn-check-selected) {
        border-color: #CCCCCC !important;
        background-color: transparent !important;
    }

    .app-theme-petal .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #CCCCCC !important;
    }

    .app-theme-petal .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #CCCCCC !important;
    }

    .app-theme-petal .app-btn-check.app-btn-check-selected {
        border-color: #91073C !important;
        background-color: #91073C !important;
    }

    .app-theme-petal .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-petal .app-tabs .ui-btn {
        border-color: #91073c !important;
        color: #91073c;
    }

        .app-theme-petal .app-tabs .ui-btn.ui-btn-active {
            border-color: #91073c !important;
            background-color: #91073c !important;
            color: #fff !important;
        }

    /*button on header bar*/

    .app-theme-petal .app-bar-tools .ui-btn {
        border-color: #cccccc !important;
    }

    .app-theme-petal .app-bar-tools .ui-btn-active.ui-btn-icon-notext::after {
        background-color: #6f7900 !important;
    }

    .app-theme-petal .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active) {
        border-color: #cccccc !important;
    }

    .app-theme-petal .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #64062a !important;
    }

    .app-theme-petal .ui-btn.ui-btn-active.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-petal .ui-btn.ui-btn-active.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-petal .ui-btn.ui-btn-active.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-petal .ui-btn.ui-btn-active.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-petal .ui-btn.ui-btn-active.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-petal .ui-checkbox-on:after,
    .app-theme-petal .ui-flipswitch-active,
    .app-theme-petal .ui-slider-track .ui-btn-active {
        background-color: #64062a !important;
    }

    .app-theme-petal .ui-radio-on:after,
    .app-theme-petal .ui-slider-track .ui-btn-active,
    .app-theme-petal .ui-flipswitch-active {
        border-color: #64062a !important;
    }

    /*swatch b*/
    .app-theme-petal .ui-btn.ui-btn-b,
    .app-theme-petal .ui-btn.ui-btn-b:visited,
    body.app-theme-petal:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #d7d7d8;
        border-color: #e7e7e7;
        color: #91073c;
    }

        /*swatch b hover*/

        .app-theme-petal .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-petal.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-petal .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-petal .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #d5cdd5;
            border-color: #e7e7e7;
            color: #91073c;
        }

    .app-theme-petal .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #e7e7e7 !important;
    }

    .app-theme-petal .ui-btn.ui-btn-b.ui-btn-active {
        color: #fff !important;
    }

    .app-theme-petal .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-petal.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-petal .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #cccccc !important;
    }

    /*swatch b divider*/
    .app-theme-petal .ui-bar-b,
    .app-theme-petal .ui-bar-b .ui-bar-inherit,
    html .app-theme-petal.ui-body-b .ui-bar-inherit,
    html body.app-theme-petal .ui-group-theme-b .ui-bar-inherit {
        border-color: #cccccc;
        background-color: #e7e7e7;
    }

    /*fix for lookups/inputs*/
    .app-theme-petal .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-petal .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-petal .ui-input-text:not(.ui-btn-active),
    .app-theme-petal .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-petal .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #cccccc;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-petal .ui-btn.app-lookup.ui-focus,
        .app-theme-petal .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-petal .ui-input-text.ui-focus,
        .app-theme-petal .app-form-editing .ui-input-text.ui-focus,
        .app-theme-petal .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-petal .ui-checkbox label.ui-focus,
        .app-theme-petal .ui-datepicker .ui-state-active {
            border-color: #91073c !important;
        }

    .app-theme-petal .ui-slider {
        border-color: #cccccc !important;
    }

    .app-theme-petal .ui-slider-label.ui-btn-active {
        background-color: #91073c !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-petal .ui-body-a.ui-collapsible-content,
    .app-theme-petal .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-petal .ui-btn.app-lookup,
    .app-theme-petal .ui-btn.ui-btn-active.app-lookup {
        border-color: #cccccc;
    }

    .app-theme-petal .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-petal .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-petal .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-petal .app-listview li .app-li-corner {
    color: #fff;
    background-color: #91073c;
}

.app-theme-petal .dataview-busy-indicator {
    background-color: #91073c;
}

/*********************************/
/* THEME: pinnate               */
/*******************************/

.app-theme-pinnate,
.app-theme-pinnate .ui-page-theme-a,
.app-theme-pinnate .app-page-header {
    background-color: #fff;
}

    .app-theme-pinnate .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-pinnate .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-pinnate .ui-panel,
    .app-theme-pinnate .app-page-header,
    .app-theme-pinnate .app-status-bar {
        background-color: #f2f1ee;
        border-color: #beb9aa;
    }

    .app-theme-pinnate .app-status-bar {
        color: #000;
    }

    .app-theme-pinnate .app-form-editing.app-formview .app-static-text div,
    .app-theme-pinnate .app-page-menu-desc,
    .app-theme-pinnate .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-pinnate .app-popup-message,
    .app-theme-pinnate .ui-content.app-map-info {
        background-color: #f2f1ee;
        border-color: #d5e503;
        text-shadow: none;
        color: #000;
    }

        .app-theme-pinnate .app-popup-message .ui-popup-arrow {
            background-color: #f2f1ee;
        }

        .app-theme-pinnate .app-popup-message div {
            color: #d5e503;
        }

    /* page header */
    .app-theme-pinnate .app-bar-tools.ui-bar-a,
    .app-theme-pinnate :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-pinnate .ui-header {
        background-color: #f2f1ee;
        border-color: #beb9aa;
        text-shadow: none;
    }

    .app-theme-pinnate .app-popup-listview .ui-popup-arrow,
    .app-theme-pinnate .app-popup-listview {
        background-color: #f2f1ee !important;
        border-color: #f2f1ee !important;
    }

    .app-theme-pinnate .ui-body-a:not(.ui-popup) .ui-btn-b,
    .app-theme-pinnate .app-page-header {
        border-color: #beb9aa !important;
    }

    .app-theme-pinnate.app-desktop .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
        background-color: rgba(255,255,255, 0.4) !important;
    }

    /* list dividers*/
    .app-theme-pinnate .ui-li-divider {
        background-color: #d5e503;
        border-color: #beb9aa;
        color: #555;
        text-shadow: none;
    }


    /* view descriptions*/
    .app-theme-pinnate .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-pinnate .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-pinnate .app-presenter-instruction,
    .app-theme-pinnate .app-grid-header .app-frozen-spacer {
        background-color: #f9feb4 !important;
        border-color: #d5e503 !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-pinnate .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-pinnate .app-sidebar,
    .app-theme-pinnate .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-pinnate .app-echo,
    .app-theme-pinnate .app-header {
        border-color: #beb9aa !important;
    }

    .app-theme-pinnate .app-bar-heading {
        background-color: #f9feb4;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-pinnate .ui-body-a,
    .app-theme-pinnate .app-li-card,
    .app-theme-pinnate .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-pinnate .app-li-card {
        background-color: #fff;
        border-color: #d5e503;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-pinnate .ui-panel .ui-body-a {
        border-color: #beb9aa !important;
    }

    .app-theme-pinnate .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-pinnate .ui-body-a.app-sidebar {
        background-color: #f2f1ee;
    }

    .app-theme-pinnate.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-pinnate .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #d5e503;
    }

    .app-theme-pinnate .ui-li-divider.app-info {
        background-color: #eeecea !important;
    }

        .app-theme-pinnate .ui-li-divider.app-info .appname {
            color: #292309;
        }

    /* fix for form "card" */
    .app-theme-pinnate .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #d5e503;
        border-left-color: #d5e503;
        border-right-color: #d5e503;
    }

    /*.app-theme-pinnate .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-pinnate .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-pinnate .app-page-header,
    .app-theme-pinnate .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-pinnate .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-pinnate .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-pinnate .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-pinnate .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-pinnate .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-pinnate .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-pinnate .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-pinnate .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-pinnate .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-pinnate .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-pinnate:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-pinnate .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-pinnate .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-pinnate .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-pinnate .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-pinnate .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-pinnate .app-tabs.ui-header,
    .app-theme-pinnate #app-welcome .ui-btn,
    .app-theme-pinnate #app-popup-login .ui-btn,
    .app-theme-pinnate .ui-datepicker .ui-state-highlight,
    .app-theme-pinnate .ui-datepicker .ui-datepicker-prev,
    .app-theme-pinnate .ui-datepicker .ui-datepicker-next,
    .app-theme-pinnate .ui-listview .app-frozen-spacer {
        border-color: #d5e503;
    }

    .app-theme-pinnate .ui-body-b .ui-btn-a,
    .app-theme-pinnate .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #f2f1ee !important;
    }

    .app-theme-pinnate.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #f2f1ee !important;
    }

    .app-theme-pinnate .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-pinnate .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-pinnate .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-pinnate .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-pinnate .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-pinnate .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-pinnate .app-tabs.ui-header:not(.app-lookup),
    .app-theme-pinnate .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-pinnate .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-pinnate .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-pinnate .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-pinnate .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-pinnate .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-pinnate .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-pinnate #app-welcome .ui-btn:not(:hover),
    .app-theme-pinnate #app-popup-login .ui-btn:not(:hover),
    .app-theme-pinnate .app-map-info .ui-popup-arrow,
    .app-theme-pinnate .ui-datepicker .ui-datepicker-prev,
    .app-theme-pinnate .ui-datepicker .ui-datepicker-next,
    .app-theme-pinnate .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-pinnate .ui-datepicker .ui-datepicker-next:hover,
    .app-theme-pinnate .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #fafddd;
    }

    /* top border of Info button in sidebar */
    .app-theme-pinnate .app-sidebar .ui-btn.ui-icon-info {
        border-color: #beb9aa !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-pinnate .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-pinnate .app-field-label-after,
    .app-theme-pinnate .app-field-label-before,
    .app-theme-pinnate .app-field-label,
    .app-theme-pinnate .ui-panel .app-item-desc,
    .app-theme-pinnate .app-item-number {
        color: #95a201 !important;
    }

    .app-theme-pinnate .ui-page-theme-b a:not(.ui-btn),
    .app-theme-pinnate .ui-bar-b a:not(.ui-btn),
    .app-theme-pinnate .ui-body-b a:not(.ui-btn),
    .app-theme-pinnate .ui-group-theme-b a:not(.ui-btn) {
        color: #95a201 !important;
    }

        .app-theme-pinnate .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-pinnate .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-pinnate .ui-body-b a:not(.ui-btn):hover,
        .app-theme-pinnate .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-pinnate .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-pinnate .ui-bar-b a:not(.ui-btn):active,
        .app-theme-pinnate .ui-body-b a:not(.ui-btn):active,
        .app-theme-pinnate .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-pinnate .ui-btn p {
        color: #000 !important;
    }

    .app-theme-pinnate .ui-li-aside,
    .app-theme-pinnate .ui-btn .ui-li-aside,
    .app-theme-pinnate .app-grid-header,
    .app-theme-pinnate .app-panel-info-view .app-list-instruction,
    .app-theme-pinnate .app-calculated .app-static-text {
        color: #a8220c !important;
    }

    .app-theme-pinnate .app-filter {
        color: #6b7402;
    }

    .app-theme-pinnate .app-bar-heading .app-bar-label,
    .app-theme-pinnate .app-static-text div,
    .app-theme-pinnate .app-form-editing.app-formview label {
        color: #a8220c;
    }

    .app-theme-pinnate .app-wrapper,
    .app-theme-pinnate .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /* hover */
    .app-theme-pinnate .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-pinnate .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-pinnate .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-pinnate .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-pinnate .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-pinnate .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-pinnate #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-pinnate #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-pinnate .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #f5facd;
        border-color: #d5e503;
    }

    .app-theme-pinnate.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-pinnate.app-desktop .ui-datepicker td a:hover {
        background-color: #f5facd;
    }

    /*selected button*/
    .app-theme-pinnate .app-selected:not(.ui-btn-active),
    .app-theme-pinnate .app-selected:hover,
    .app-theme-pinnate .app-selected:visited,
    .app-theme-pinnate .app-selected .app-frozen-spacer {
        background-color: #f7fea6 !important;
        border-color: #d5e503 !important;
        color: #000 !important;
    }

    .app-theme-pinnate .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-pinnate .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-pinnate .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-pinnate .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-pinnate .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #f3faa4 !important;
        border-color: #d5e503 !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-pinnate .app-grid-header .ui-btn-active,
    .app-theme-pinnate .dv-item .app-btn-more.ui-btn-active {
        background-color: #95a201 !important;
        color: #fff !important;
    }

    .app-theme-pinnate .app-listview .ui-btn.app-selected::before {
        background-color: #95a201;
    }

    .app-theme-pinnate .ui-title.ui-btn-active,
    html body.app-theme-pinnate .ui-btn.ui-btn-active,
    .app-theme-pinnate .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #95a201 !important;
        border-color: #d5e503 !important;
        color: #fff !important;
    }

    .app-theme-pinnate .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-pinnate .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-pinnate #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-pinnate .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-pinnate .ui-btn-active p,
    .app-theme-pinnate .ui-btn-active p.ui-li-aside,
    .app-theme-pinnate .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-pinnate .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-pinnate .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #95A201;
        color: #fff;
    }

    .app-theme-pinnate .app-btn-check:not(.app-btn-check-selected) {
        border-color: #D5E503 !important;
        background-color: transparent !important;
    }

    .app-theme-pinnate .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #D5E503 !important;
    }

    .app-theme-pinnate .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #D5E503 !important;
    }

    .app-theme-pinnate .app-btn-check.app-btn-check-selected {
        border-color: #95A201 !important;
        background-color: #95A201 !important;
    }

    .app-theme-pinnate .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */
    .app-theme-pinnate .app-tabs.ui-header {
        border-color: #beb9aa;
    }

    .app-theme-pinnate .app-tabs .ui-btn {
        border-color: #95a201 !important;
        color: #1d092d;
    }

        .app-theme-pinnate .app-tabs .ui-btn.ui-btn-active {
            border-color: #95a201 !important;
            background-color: #95a201 !important;
            color: #fff !important;
        }


    /*button on header bar*/

    .app-theme-pinnate .app-bar-tools .ui-btn {
        border-color: #d5e503 !important;
    }

    .app-theme-pinnate .app-bar-tools .ui-btn-active.ui-btn-icon-notext::after {
        background-color: #6f7900 !important;
    }

    .app-theme-pinnate .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-pinnate .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-pinnate .ui-datepicker .ui-datepicker-next:hover {
        border-color: #beb9aa !important;
    }

    .app-theme-pinnate .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #778201 !important;
    }

    .app-theme-pinnate .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-pinnate .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-pinnate .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-pinnate .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-pinnate .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-pinnate .ui-datepicker .ui-datepicker-prev span,
    .app-theme-pinnate .ui-datepicker .ui-datepicker-next span,
    .app-theme-pinnate .ui-checkbox-on:after,
    .app-theme-pinnate .ui-flipswitch-active,
    .app-theme-pinnate .ui-slider-track .ui-btn-active {
        background-color: #95a201 !important;
    }

    .app-theme-pinnate .ui-btn .glyphicon {
        color: #95a201;
    }

    .app-theme-pinnate .app-icon-themed {
        fill: #95a201;
    }

    .app-theme-pinnate .ui-radio-on:after,
    .app-theme-pinnate .ui-slider-track .ui-btn-active,
    .app-theme-pinnate .ui-flipswitch-active {
        border-color: #95a201 !important;
    }


    .app-theme-pinnate .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-pinnate .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-pinnate .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-pinnate .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-pinnate .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #778201 !important;
    }

    /*swatch b*/
    .app-theme-pinnate .ui-btn.ui-btn-b,
    .app-theme-pinnate .ui-btn.ui-btn-b:visited,
    body.app-theme-pinnate:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #d5e503;
        border-color: #f2f1ee;
        color: #1d092d;
    }

        /*swatch b hover*/

        .app-theme-pinnate .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-pinnate.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-pinnate .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-pinnate .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #d1e005;
            border-color: #f2f1ee;
            color: #1d092d !important;
        }

    .app-theme-pinnate .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #f2f1ee !important;
    }

    .app-theme-pinnate .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-pinnate.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #000 !important;
    }

    .app-theme-pinnate .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-pinnate.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-pinnate .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #beb9aa !important;
    }

    /*swatch b divider*/
    .app-theme-pinnate .ui-bar-b,
    .app-theme-pinnate .ui-bar-b .ui-bar-inherit,
    html .app-theme-pinnate.ui-body-b .ui-bar-inherit,
    html body.app-theme-pinnate .ui-group-theme-b .ui-bar-inherit {
        border-color: #d5e503;
        background-color: #f2f1ee;
    }

    /*fix for lookups/inputs*/
    .app-theme-pinnate .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-pinnate .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-pinnate .ui-input-text:not(.ui-btn-active),
    .app-theme-pinnate .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-pinnate .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #d5e503;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-pinnate .ui-btn.app-lookup.ui-focus,
        .app-theme-pinnate .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-pinnate .ui-input-text.ui-focus,
        .app-theme-pinnate .app-form-editing .ui-input-text.ui-focus,
        .app-theme-pinnate .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-pinnate .ui-checkbox label.ui-focus,
        .app-theme-pinnate .ui-datepicker .ui-state-active {
            border-color: #95a201 !important;
        }

    .app-theme-pinnate .ui-slider {
        border-color: #d5e503 !important;
    }

    .app-theme-pinnate .ui-slider-label.ui-btn-active {
        background-color: #beb9aa !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-pinnate .ui-body-a.ui-collapsible-content,
    .app-theme-pinnate .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-pinnate .ui-btn.app-lookup,
    .app-theme-pinnate .ui-btn.ui-btn-active.app-lookup {
        border-color: #beb9aa;
    }

    .app-theme-pinnate .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-pinnate .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-pinnate .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-pinnate .app-listview li .app-li-corner {
    color: #fff;
    background-color: #95a201;
}

.app-theme-pinnate .dataview-busy-indicator {
    background-color: #a8220c;
}

/*********************************/
/* THEME: plastic               */
/*******************************/

.app-theme-plastic,
.app-theme-plastic .ui-page-theme-a,
.app-theme-plastic .app-page-header {
    background-color: #fff;
    /*scrollbar-base-color: #3c9aad;
    scrollbar-arrow-color: #3c9aad;
    scrollbar-track-color: #95eafc;
    scrollbar-shadow-color: #95eafc;*/
}

    /*
    .app-theme-plastic.app-desktop ::-webkit-scrollbar-track {
        background-color: #95eafc;
    }

    .app-theme-plastic.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #3c9aad;
        border: solid 1px #95eafc;
    }

        .app-theme-plastic.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #348494;
        }*/

    .app-theme-plastic .app-page-header {
        color: #000;
    }

    .app-theme-plastic .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-plastic .ui-panel {
        background-color: #f47200;
        border-color: #d96500;
    }

    .app-theme-plastic .app-page-header,
    .app-theme-plastic .app-status-bar {
        background-color: #61c5d9;
        border-color: #3c9aad;
    }

    .app-theme-plastic .app-status-bar {
        color: #000;
    }

    .app-theme-plastic .app-form-editing.app-formview .app-static-text div,
    .app-theme-plastic .app-page-menu-desc,
    .app-theme-plastic .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-plastic .app-popup-message,
    .app-theme-plastic .ui-content.app-map-info {
        background-color: #ff8a24;
        border-color: #3c9aad;
        text-shadow: none;
        color: #000;
    }

        .app-theme-plastic .app-popup-message .ui-popup-arrow {
            background-color: #ff8a24;
        }

        .app-theme-plastic .app-popup-message div {
            color: #3c9aad;
        }

    /* page header */
    .app-theme-plastic .app-bar-tools.ui-bar-a,
    .app-theme-plastic :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-plastic .ui-header {
        background-color: #ff8a24;
        border-color: #d96500;
        text-shadow: none;
    }

    .app-theme-plastic .app-popup-listview .ui-popup-arrow,
    .app-theme-plastic .app-popup-listview {
        background-color: #ff8a24 !important;
        border-color: #ff8a24 !important;
    }

    .app-theme-plastic .app-page-header,
    .app-theme-plastic .app-echo,
    .app-theme-plastic .app-header {
        border-color: #3c9aad !important;
    }

    /* list dividers*/
    .app-theme-plastic .ui-li-divider {
        background-color: #95eafc;
        border-color: #3c9aad;
        color: #555;
        text-shadow: none;
    }

    .app-theme-plastic ui-li-divider,
    .app-theme-plastic .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        border-color: #3c9aad;
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-plastic .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-plastic .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-plastic .app-presenter-instruction,
    .app-theme-plastic .app-grid-header .app-frozen-spacer {
        background-color: #aef1fe !important;
        border-color: #3c9aad !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-plastic .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-plastic .app-sidebar,
    .app-theme-plastic .app-divider:not(.ui-collapsible):not(.app-calculated) {
        border-color: #db4e0a !important;
    }

    .app-theme-plastic .app-bar-heading {
        background-color: #aef1fe;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-plastic .ui-body-a,
    .app-theme-plastic .app-li-card,
    .app-theme-plastic .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-plastic .app-li-card {
        background-color: #fff;
        border-color: #3c9aad;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-plastic .ui-li-divider[role="heading"]:not(.ui-bar-b) {
        border-color: #3c9aad !important;
    }

    .app-theme-plastic .ui-panel .ui-body-a {
        border-color: #3c9aad !important;
    }

    .app-theme-plastic .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-plastic .ui-body-a.app-sidebar {
        background-color: #ff8a24;
    }

    .app-theme-plastic.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-plastic .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #f47200;
    }

    .app-theme-plastic .ui-li-divider.app-info {
        background-color: #eeecea !important;
    }


    /* fix for form "card" */
    .app-theme-plastic .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #3c9aad;
        border-left-color: #3c9aad;
        border-right-color: #3c9aad;
    }

    /*.app-theme-plastic .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-plastic .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-plastic .app-page-header,
    .app-theme-plastic .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-plastic .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-plastic .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-plastic .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-plastic .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-plastic .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-plastic .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-plastic .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-plastic .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-plastic .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-plastic .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-plastic:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-plastic .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-plastic .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-plastic .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-plastic .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-plastic .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-plastic .app-tabs.ui-header,
    .app-theme-plastic #app-welcome .ui-btn:not(:hover),
    .app-theme-plastic #app-popup-login .ui-btn:not(:hover),
    .app-theme-plastic .ui-datepicker .ui-state-highlight,
    .app-theme-plastic .ui-listview .app-frozen-spacer {
        border-color: #3c9aad;
    }

    .app-theme-plastic .ui-body-b .ui-btn-a,
    .app-theme-plastic .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #f47200 !important;
    }

    .app-theme-plastic.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #f47200 !important;
    }

    .app-theme-plastic .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-plastic .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-plastic .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-plastic .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-plastic .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-plastic .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-plastic .app-tabs.ui-header:not(.app-lookup),
    .app-theme-plastic .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-plastic .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-plastic .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-plastic .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-plastic .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-plastic .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-plastic .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-plastic #app-welcome .ui-btn:not(:hover),
    .app-theme-plastic #app-popup-login .ui-btn:not(:hover),
    .app-theme-plastic .app-map-info .ui-popup-arrow,
    .app-theme-plastic .ui-datepicker .ui-datepicker-prev,
    .app-theme-plastic .ui-datepicker .ui-datepicker-next,
    .app-theme-plastic .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #cbf5fe;
    }

    /* top border of Info button in sidebar */
    .app-theme-plastic .app-sidebar .ui-btn.ui-icon-info {
        border-color: #3c9aad !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-plastic .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-plastic .app-field-label-after,
    .app-theme-plastic .app-field-label-before,
    .app-theme-plastic .app-field-label,
    .app-theme-plastic .ui-panel .app-item-desc,
    .app-theme-plastic .app-item-number {
        color: #7f532c !important;
    }

    .app-theme-plastic .ui-page-theme-b a:not(.ui-btn),
    .app-theme-plastic .ui-bar-b a:not(.ui-btn),
    .app-theme-plastic .ui-body-b a:not(.ui-btn),
    .app-theme-plastic .ui-group-theme-b a:not(.ui-btn) {
        color: #7f532c !important;
    }

        .app-theme-plastic .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-plastic .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-plastic .ui-body-b a:not(.ui-btn):hover,
        .app-theme-plastic .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-plastic .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-plastic .ui-bar-b a:not(.ui-btn):active,
        .app-theme-plastic .ui-body-b a:not(.ui-btn):active,
        .app-theme-plastic .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-plastic .ui-btn p {
        color: #000 !important;
    }

    .app-theme-plastic .ui-li-aside,
    .app-theme-plastic .ui-btn .ui-li-aside,
    .app-theme-plastic .app-grid-header,
    .app-theme-plastic .app-panel-info-view .app-list-instruction,
    .app-theme-plastic .ui-li-divider.app-info .appname,
    .app-theme-plastic .app-calculated .app-static-text {
        color: #332015 !important;
    }

    .app-theme-plastic .app-filter {
    }

    .app-theme-plastic .app-bar-heading .app-bar-label,
    .app-theme-plastic .app-static-text div,
    .app-theme-plastic .app-form-editing.app-formview label {
        color: #7f532c;
    }

    .app-theme-plastic .app-wrapper,
    .app-theme-plastic .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-plastic .app-selected:not(.ui-btn-active),
    .app-theme-plastic.app-desktop .app-selected:hover:not(.ui-btn-active),
    .app-theme-plastic .app-selected:visited:not(.ui-btn-active),
    .app-theme-plastic .app-selected .app-frozen-spacer {
        background-color: #87e2f5 !important;
        border-color: #3c9aad !important;
        color: #000 !important;
    }

    .app-theme-plastic .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-plastic.app-desktop .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-plastic .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-plastic .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-plastic .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-plastic .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-plastic .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-plastic #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-plastic #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-plastic .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #dbf9ff;
        border-color: #3c9aad;
    }

    .app-theme-plastic.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-plastic.app-desktop .ui-datepicker td a:hover {
        background-color: #dbf9ff;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-plastic .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-plastic .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-plastic .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-plastic .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #a0e8f7 !important;
        border-color: #3c9aad;
        color: #000 !important;
    }

    /* click */
    .app-theme-plastic .app-grid-header .ui-btn-active,
    .app-theme-plastic .dv-item .app-btn-more.ui-btn-active {
        background-color: #095868 !important;
        color: #fff !important;
    }

    .app-theme-plastic .app-listview .ui-btn.app-selected::before {
        background-color: #095868;
    }

    .app-theme-plastic .ui-title.ui-btn-active,
    html body.app-theme-plastic .ui-btn.ui-btn-active,
    .app-theme-plastic .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #095868 !important;
        border-color: #3c9aad !important;
        color: #fff !important;
    }

    .app-theme-plastic .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-plastic .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-plastic #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-plastic .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-plastic .ui-btn-active p,
    .app-theme-plastic .ui-btn-active p.ui-li-aside,
    .app-theme-plastic .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-plastic .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-plastic .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #095868;
        color: #fff;
    }

    .app-theme-plastic .app-echo .dv-action-see-all span {
        border-color: #3C9AAD !important;
    }

    .app-theme-plastic .app-btn-check:not(.app-btn-check-selected) {
        border-color: #3C9AAD !important;
        background-color: transparent !important;
    }

    .app-theme-plastic .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #3C9AAD !important;
    }

    .app-theme-plastic .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #3C9AAD !important;
    }

    .app-theme-plastic .app-btn-check.app-btn-check-selected {
        border-color: #095868 !important;
        background-color: #095868 !important;
    }

    .app-theme-plastic .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-plastic .app-tabs.ui-header {
        border-color: #3c9aad;
    }


    .app-theme-plastic .app-tabs .ui-btn {
        border-color: #095868 !important;
        color: #1d092d;
    }

        .app-theme-plastic .app-tabs .ui-btn.ui-btn-active {
            border-color: #095868 !important;
            background-color: #095868 !important;
            color: #fff !important;
        }

    /*button on header bar*/

    .app-theme-plastic .app-bar-tools .ui-btn,
    .app-theme-plastic .app-map-info-toolbar .ui-btn {
        border-color: #3c9aad !important;
    }

    .app-theme-plastic.app-desktop .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active),
    .app-theme-plastic .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-plastic .ui-datepicker .ui-datepicker-next:hover,
    .app-theme-plastic .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #1d7385 !important;
        background-color: #95eafc !important;
    }

    .app-theme-plastic .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #1d7385 !important;
    }

    .app-theme-plastic .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-plastic .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-plastic .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-plastic .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-plastic .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-plastic .ui-datepicker .ui-datepicker-prev span,
    .app-theme-plastic .ui-datepicker .ui-datepicker-next span,
    .app-theme-plastic .ui-checkbox-on:after,
    .app-theme-plastic .ui-flipswitch-active,
    .app-theme-plastic .ui-slider-track .ui-btn-active {
        background-color: #3c9aad !important;
    }

    .app-theme-plastic .ui-btn .glyphicon {
        color: #3c9aad;
    }

    .app-theme-plastic .app-icon-themed {
        fill: #3c9aad;
    }

    .app-theme-plastic .ui-radio-on:after,
    .app-theme-plastic .ui-slider-track .ui-btn-active,
    .app-theme-plastic .ui-flipswitch-active {
        border-color: #3c9aad !important;
    }


    .app-theme-plastic .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-plastic .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-plastic .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-plastic .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-plastic .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #052f38 !important;
    }

    .app-theme-plastic .ui-body-b .ui-btn.ui-btn-b.app-btn-icon-transparent::after,
    .app-theme-plastic .ui-btn-b.ui-btn-active.app-btn-icon-transparent::after {
        background-color: transparent !important;
    }

    /*swatch b*/
    .app-theme-plastic .ui-btn.ui-btn-b,
    .app-theme-plastic .ui-btn.ui-btn-b:visited,
    body.app-theme-plastic:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #ff9030;
        border-color: #f47200;
        color: #1d092d;
    }

    .app-theme-plastic .ui-body-b .ui-btn.ui-btn-b::after {
        background-color: #d96500 !important;
    }

    /*swatch b hover*/

    .app-theme-plastic .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-plastic.app-desktop .ui-btn.ui-btn-b:hover,
    .app-theme-plastic .app-popup .ui-content .ui-checkbox .ui-btn:hover,
    .app-theme-plastic .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
        background-color: #ffa04e;
        border-color: #f47200;
        color: #1d092d !important;
    }

    .app-theme-plastic .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #f47200 !important;
    }

    .app-theme-plastic .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-plastic.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-plastic .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #3c9aad !important;
    }

    .app-theme-plastic .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-plastic.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }


    /*swatch b divider*/
    .app-theme-plastic .ui-bar-b,
    .app-theme-plastic .ui-bar-b .ui-bar-inherit,
    html .app-theme-plastic.ui-body-b .ui-bar-inherit,
    html body.app-theme-plastic .ui-group-theme-b .ui-bar-inherit {
        border-color: #f47200;
        background-color: #f47200;
    }

    /*fix for lookups/inputs*/
    .app-theme-plastic .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-plastic .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-plastic .ui-input-text:not(.ui-btn-active),
    .app-theme-plastic .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-plastic .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #3c9aad;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-plastic .ui-btn.app-lookup.ui-focus,
        .app-theme-plastic .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-plastic .ui-input-text.ui-focus,
        .app-theme-plastic .app-form-editing .ui-input-text.ui-focus,
        .app-theme-plastic .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-plastic .ui-checkbox label.ui-focus,
        .app-theme-plastic .ui-datepicker .ui-state-active {
            border-color: #f47200 !important;
        }

    .app-theme-plastic .ui-slider {
        border-color: #3c9aad !important;
    }

    .app-theme-plastic .ui-slider-label.ui-btn-active {
        background-color: #095868 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-plastic .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-plastic .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-plastic .ui-btn.app-lookup,
    .app-theme-plastic .ui-btn.ui-btn-active.app-lookup {
        border-color: #db4e0a;
    }


    .app-theme-plastic .app-tabs .ui-btn.ui-btn-active,
    .app-theme-plastic.app-desktop .app-tabs .ui-btn.ui-btn-active:hover,
    .app-theme-plastic .app-tabs :not(.ui-btn-active).ui-btn,
    .app-theme-plastic .app-tabs .ui-btn.ui-btn-active,
    .app-desktop.app-theme-plastic .app-tabs .ui-btn.ui-btn-active:hover {
        background-color: rgb(205, 221, 155);
    }

    .app-theme-plastic .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-plastic .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-plastic .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-black.png);
    }
}

.app-theme-plastic .app-listview li .app-li-corner {
    color: #fff;
    background-color: #095868;
}

.app-theme-plastic .dataview-busy-indicator {
    background-color: #095868;
}

.app-theme-plastic .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-plastic .ui-bar-a .app-user-name {
    color: #333 !important;
}

.app-theme-plastic .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-plastic .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #000 !important;
}

/*********************************/
/* THEME: ricasso               */
/*******************************/

.app-theme-ricasso,
.app-theme-ricasso .ui-page-theme-a,
.app-theme-ricasso .app-page-header {
    background-color: #fff;
}

    .app-theme-ricasso .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-ricasso .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-ricasso .app-page-header,
    .app-theme-ricasso .app-status-bar {
        background-color: #f8f8f8;
        border-color: #bababa !important;
    }

    .app-theme-ricasso .app-status-bar {
        color: #000;
    }

    .app-theme-ricasso .app-form-editing.app-formview .app-static-text div,
    .app-theme-ricasso .app-page-menu-desc,
    .app-theme-ricasso .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-ricasso .app-popup-message,
    .app-theme-ricasso .ui-content.app-map-info,
    .app-theme-ricasso .app-nav-panel {
        background-color: #e7e7e7;
        border-color: #595959;
        text-shadow: none;
        color: #000;
    }

        .app-theme-ricasso .app-popup-message .ui-popup-arrow {
            background-color: #e7e7e7;
        }

        .app-theme-ricasso .app-popup-message div {
            color: #1f1f1f;
        }

    /* page header */
    .app-theme-ricasso .app-bar-tools.ui-bar-a,
    .app-theme-ricasso :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-ricasso .ui-header {
        background-color: #e7e7e7;
        border-color: #595959;
        text-shadow: none;
    }

    .app-theme-ricasso .app-popup-listview .ui-popup-arrow,
    .app-theme-ricasso .app-popup-listview {
        background-color: #e7e7e7 !important;
        border-color: #e7e7e7 !important;
    }

    .app-theme-ricasso .app-bar-tools.ui-bar-a {
        background-color: #e0e0e0;
    }

    /* list dividers*/
    .app-theme-ricasso .ui-li-divider {
        background-color: #bababa;
        border-color: #bababa;
        color: #555;
        text-shadow: none;
    }


    /* view descriptions*/
    .app-theme-ricasso .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-ricasso .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-ricasso .app-presenter-instruction,
    .app-theme-ricasso .app-grid-header .app-frozen-spacer {
        background-color: #f8f8f8 !important;
        border-color: #bababa !important;
        color: #525252;
    }

    body:not(.app-sidebar-undocked).app-theme-ricasso .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-ricasso .app-sidebar,
    .app-theme-ricasso .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-ricasso .app-echo,
    .app-theme-ricasso .app-header {
        border-color: #595959 !important;
    }

    .app-theme-ricasso .app-bar-heading {
        background-color: #f8f8f8;
        color: #525252;
        text-shadow: none;
    }

    .app-theme-ricasso .ui-body-a,
    .app-theme-ricasso .app-li-card,
    .app-theme-ricasso .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-ricasso .app-li-card {
        background-color: #fff;
        border-color: #bababa;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-ricasso .ui-panel .ui-body-a {
        border-color: #bababa !important;
    }

    .app-theme-ricasso .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-ricasso .ui-body-a.app-sidebar {
        background-color: #e0e0e0;
    }

    .app-theme-ricasso.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-ricasso .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #bababa;
    }

    .app-theme-ricasso .ui-li-divider.app-info {
        background-color: #eeecea !important;
    }

        .app-theme-ricasso .ui-li-divider.app-info .appname {
            color: #ca0202;
        }

    /* fix for form "card" */
    .app-theme-ricasso .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #bababa;
        border-left-color: #bababa;
        border-right-color: #bababa;
    }

    .app-theme-ricasso .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-ricasso .app-page-header,
    .app-theme-ricasso .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-ricasso .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-ricasso .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-ricasso .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-ricasso .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-ricasso .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-ricasso .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-ricasso .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-ricasso .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-ricasso .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-ricasso .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-ricasso:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-ricasso .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-ricasso .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-ricasso .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-ricasso .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-ricasso .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-ricasso #app-welcome .ui-btn,
    .app-theme-ricasso #app-popup-login .ui-btn,
    .app-theme-ricasso .ui-datepicker .ui-state-highlight {
        border-color: #bababa;
    }

    .app-theme-ricasso .ui-body-b .ui-btn-a,
    .app-theme-ricasso .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #bababa !important;
    }

    .app-theme-ricasso.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #bababa !important;
    }

    .app-theme-ricasso .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-ricasso .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-ricasso .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-ricasso .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-ricasso .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-ricasso .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-ricasso .app-tabs.ui-header:not(.app-lookup),
    .app-theme-ricasso .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-ricasso .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-ricasso .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-ricasso .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-ricasso .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-ricasso .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-ricasso .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-ricasso #app-welcome .ui-btn:not(:hover),
    .app-theme-ricasso #app-popup-login .ui-btn:not(:hover),
    .app-theme-ricasso .app-map-info .ui-popup-arrow,
    .app-theme-ricasso .ui-datepicker .ui-datepicker-prev,
    .app-theme-ricasso .ui-datepicker .ui-datepicker-next,
    .app-theme-ricasso .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background: none;
        background-color: #f8f8f8;
    }

    /* top border of Info button in sidebar */
    .app-theme-ricasso .app-sidebar .ui-btn.ui-icon-info {
        border-color: #bababa !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-ricasso .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-ricasso .app-field-label-after,
    .app-theme-ricasso .app-field-label-before,
    .app-theme-ricasso .app-field-label,
    .app-theme-ricasso .ui-panel .app-item-desc,
    .app-theme-ricasso a:not(.ui-btn):not(.btn),
    .app-theme-ricasso .app-item-number {
        color: #ff0000 !important;
    }

    .app-theme-ricasso .ui-page-theme-b a:not(.ui-btn),
    .app-theme-ricasso .ui-bar-b a:not(.ui-btn),
    .app-theme-ricasso .ui-body-b a:not(.ui-btn),
    .app-theme-ricasso .ui-group-theme-b a:not(.ui-btn) {
        color: #ff0000 !important;
    }

        .app-theme-ricasso .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-ricasso .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-ricasso .ui-body-b a:not(.ui-btn):hover,
        .app-theme-ricasso .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-ricasso .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-ricasso .ui-bar-b a:not(.ui-btn):active,
        .app-theme-ricasso .ui-body-b a:not(.ui-btn):active,
        .app-theme-ricasso .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-ricasso .ui-btn p {
        color: #000 !important;
    }

    .app-theme-ricasso .ui-li-aside,
    .app-theme-ricasso .ui-btn .ui-li-aside,
    .app-theme-ricasso .app-grid-header,
    .app-theme-ricasso .app-panel-info-view .app-list-instruction,
    .app-theme-ricasso .app-calculated .app-static-text {
        color: #ff0000 !important;
    }

    .app-theme-ricasso .app-filter {
    }

    .app-theme-ricasso .app-bar-heading .app-bar-label,
    .app-theme-ricasso .app-static-text div,
    .app-theme-ricasso .app-form-editing.app-formview label {
        color: #ca0202;
    }

    .app-theme-ricasso .app-wrapper,
    .app-theme-ricasso .app-echo-instruction {
        color: #525252;
        text-shadow: none;
    }

    /* hover */
    .app-theme-ricasso .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-ricasso .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-ricasso .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-ricasso .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-ricasso .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-ricasso .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-ricasso #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-ricasso #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-ricasso .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background: linear-gradient(to bottom, #f8f8f8 0%,#e8e8e8 100%); /* W3C */
        border-color: #bababa;
    }

    .app-theme-ricasso.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-ricasso.app-desktop .ui-datepicker td a:hover {
        background: linear-gradient(to bottom, #f8f8f8 0%,#e8e8e8 100%); /* W3C */
    }

    /*selected button*/
    .app-theme-ricasso .app-selected:not(.ui-btn-active),
    .app-theme-ricasso .app-selected:hover,
    .app-theme-ricasso .app-selected:visited,
    .app-theme-ricasso .app-selected .app-frozen-spacer {
        background: linear-gradient(to bottom, #bdbdbd 0%,#9f9f9f 100%);
        border-color: #bababa !important;
        color: #000 !important;
    }

    .app-theme-ricasso .app-grid-header .app-selected:not(.ui-btn-active) {
        background: none !important;
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-ricasso .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-ricasso .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-ricasso .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-ricasso .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #fccce0 !important;
        border-color: #bababa !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-ricasso .app-grid-header .ui-btn-active {
        background: linear-gradient(to bottom, #ca0202 0%,#a01401 100%) !important;
        color: #fff !important;
    }

    .app-theme-ricasso .app-listview .ui-btn.app-selected::before {
        background-color: #a01401;
    }

    .app-theme-ricasso .dv-item .app-btn-more.ui-btn-active {
        background-color: #ca0202 !important;
    }

    .app-theme-ricasso .ui-title.ui-btn-active,
    html body.app-theme-ricasso .ui-btn.ui-btn-active,
    .app-theme-ricasso .ui-btn.ui-btn-active .app-frozen-spacer {
        background: linear-gradient(to bottom, #ca0202 0%,#a01401 100%) !important;
        border-color: #bababa !important;
        color: #fff !important;
    }

    .app-theme-ricasso .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-ricasso .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-ricasso #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-ricasso .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-ricasso .ui-btn-active p,
    .app-theme-ricasso .ui-btn-active p.ui-li-aside,
    .app-theme-ricasso .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-ricasso .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-ricasso .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #A71101;
        color: #fff;
    }

    .app-theme-ricasso .app-btn-check:not(.app-btn-check-selected) {
        border-color: #BABABA !important;
        background-color: transparent !important;
    }

    .app-theme-ricasso .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #BABABA !important;
    }

    .app-theme-ricasso .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #BABABA !important;
    }

    .app-theme-ricasso .app-btn-check.app-btn-check-selected {
        border-color: #A71101 !important;
        background-color: #A71101 !important;
    }

    .app-theme-ricasso .app-btn-check .app-icon-themed {
        fill: #fff;
    }
    /* tabs */

    .app-theme-ricasso .app-tabs .ui-btn {
        border-color: #ca0202 !important;
        color: #ca0202;
    }

        .app-theme-ricasso .app-tabs .ui-btn.ui-btn-active {
            border-color: #ca0202 !important;
            background-color: #ca0202 !important;
            color: #fff !important;
        }


    /*button on header bar*/
    .app-theme-ricasso .app-bar-tools .ui-btn,
    .app-theme-ricasso .ui-btn.ui-btn-icon-notext {
        border-color: #bababa !important;
    }

        .app-theme-ricasso.app-desktop .ui-btn.ui-btn-icon-notext:hover,
        .app-theme-ricasso .ui-btn.ui-btn-icon-notext.ui-btn-active,
        .app-theme-ricasso .ui-datepicker .ui-datepicker-prev:hover,
        .app-theme-ricasso .ui-datepicker .ui-datepicker-next:hover {
            border-color: #999 !important;
        }

        .app-theme-ricasso .ui-btn.ui-btn-icon-notext.ui-btn-active {
            background: none !important;
            background-color: #f8f8f8 !important;
        }

    .app-theme-ricasso .ui-btn.ui-btn-active.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-ricasso .ui-btn.ui-btn-active.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-ricasso .ui-btn.ui-btn-active.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-ricasso .ui-btn.ui-btn-active.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-ricasso .ui-btn.ui-btn-active.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-ricasso .ui-checkbox-on:after,
    .app-theme-ricasso .ui-flipswitch-active,
    .app-theme-ricasso .ui-slider-track .ui-btn-active {
        background-color: #ff0000 !important;
    }

    .app-theme-ricasso .ui-radio-on:after,
    .app-theme-ricasso .ui-slider-track .ui-btn-active,
    .app-theme-ricasso .ui-flipswitch-active {
        border-color: #ff0000 !important;
    }

    .app-theme-ricasso .ui-btn .app-btn-more:not(.ui-btn-active) {
        background-size: 15px 16px;
    }

    /*swatch b*/
    .app-theme-ricasso .ui-btn.ui-btn-b,
    .app-theme-ricasso .ui-btn.ui-btn-b:visited,
    body.app-theme-ricasso:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background: linear-gradient(to bottom, #dbdbdb 0%,#cbcbcb 100%); /* W3C */
        border-color: #bababa;
        color: #000;
    }

        /*swatch b hover*/

        .app-theme-ricasso .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-ricasso.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-ricasso .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-ricasso .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background: linear-gradient(to bottom, #d3d3d3 0%,#cbcbcb 20%); /* W3C */
            border-color: #bababa;
            color: #000;
        }

    .app-theme-ricasso .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #bababa !important;
        color: #525252 !important;
    }

    .app-theme-ricasso .ui-btn.ui-btn-b.ui-btn-active {
        color: #fff !important;
    }

    .app-theme-ricasso .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-ricasso.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-ricasso .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #bababa !important;
    }

    /*swatch b divider*/
    .app-theme-ricasso .ui-bar-b,
    .app-theme-ricasso .ui-bar-b .ui-bar-inherit,
    html .app-theme-ricasso.ui-body-b .ui-bar-inherit,
    html body.app-theme-ricasso .ui-group-theme-b .ui-bar-inherit {
        border-color: #bababa;
        background-color: #bababa;
    }

    /*fix for lookups/inputs*/
    .app-theme-ricasso .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-ricasso .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-ricasso .ui-input-text:not(.ui-btn-active),
    .app-theme-ricasso .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-ricasso .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #bababa;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-ricasso .ui-btn.app-lookup.ui-focus,
        .app-theme-ricasso .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-ricasso .ui-input-text.ui-focus,
        .app-theme-ricasso .app-form-editing .ui-input-text.ui-focus,
        .app-theme-ricasso .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-ricasso .ui-checkbox label.ui-focus,
        .app-theme-ricasso .ui-datepicker .ui-state-active {
            border-color: #ca0202 !important;
        }

    .app-theme-ricasso .ui-slider {
        border-color: #bababa !important;
    }

    .app-theme-ricasso .ui-slider-label.ui-btn-active {
        background-color: #ca0202 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-ricasso .ui-body-a.ui-collapsible-content,
    .app-theme-ricasso .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-ricasso .ui-btn.app-lookup,
    .app-theme-ricasso .ui-btn.ui-btn-active.app-lookup {
        border-color: #bababa;
    }

    .app-theme-ricasso .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-ricasso .app-grid-header {
        color: #999;
    }

@media (max-width: 40em) and (min-width: 0) {

    .app-theme-ricasso .ui-header.ui-header-fixed.app-bar-tools.app-logo-hidden {
        background: linear-gradient(to bottom, #e0e0e0 0%,#d2d2d2 33%,#c8c8c8 47%,#b5b5b5 100%) 0 0/100% repeat !important;
    }
}

.app-theme-ricasso.app-sidebar-undocked .ui-header.ui-header-fixed.app-bar-tools.app-logo-hidden {
    background: linear-gradient(to bottom, #e0e0e0 0%,#d2d2d2 33%,#c8c8c8 47%,#b5b5b5 100%) 0 0/100% repeat !important;
}

@media (min-width: 20em) {

    .app-theme-ricasso .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
        background: url(logo-color.png) 32px center/65px no-repeat, linear-gradient(to bottom, #e0e0e0 0%,#d2d2d2 33%,#c8c8c8 47%,#b5b5b5 100%) 0 0/100% repeat !important;
    }

    body[dir="rtl"].app-theme-ricasso .ui-header.ui-header-fixed.app-bar-tools {
        background-position: right 40px center !important;
    }
}

.app-theme-ricasso .app-listview li .app-li-corner {
    color: #fff;
    background-color: #ca0202;
}

.app-theme-ricasso .dataview-busy-indicator {
    background-color: #ca0202;
}

/*********************************/
/* THEME: simple                */
/*******************************/
.app-theme-simple,
.app-theme-simple .ui-page-theme-a {
    background-color: #fff;
}

    .app-theme-simple .app-page-header {
        background-color: #dfe5f3;
    }

    .app-theme-simple .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-simple .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-simple .ui-panel,
    .app-theme-simple .app-status-bar {
        background-color: #f2f1ee;
        border-color: #bfbfbf;
    }

    .app-theme-simple .app-status-bar {
        color: #000;
    }

    .app-theme-simple .app-form-editing.app-formview .app-static-text div,
    .app-theme-simple .app-page-menu-desc,
    .app-theme-simple .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-simple .app-popup-message,
    .app-theme-simple .ui-content.app-map-info {
        background-color: #f2f1ee;
        border-color: #bfbfbf;
        text-shadow: none;
        color: #000;
    }

        .app-theme-simple .app-popup-message .ui-popup-arrow {
            background-color: #f2f1ee;
        }

        .app-theme-simple .app-popup-message div {
            color: #a4d6e3;
        }

    /* page header */
    .app-theme-simple .app-bar-tools.ui-bar-a,
    .app-theme-simple :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-simple .ui-header {
        border-color: #a4d6e3;
        text-shadow: none;
    }

    .app-theme-simple .app-popup-listview .ui-popup-arrow,
    .app-theme-simple .app-popup-listview {
        background-color: #e9e9e9 !important;
        border-color: #e9e9e9 !important;
    }

    .app-theme-simple .ui-body-a:not(.ui-popup) .ui-btn-b,
    .app-theme-simple .app-page-header {
        border-color: #a4d6e3 !important;
    }

    .app-theme-simple.app-desktop .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
        background-color: rgba(255,255,255, 0.4) !important;
    }

    /* list dividers*/
    .app-theme-simple .ui-li-divider {
        background-color: #eeeeee;
        border-color: #bfbfbf;
        color: #555;
        text-shadow: none;
    }


    /* view descriptions*/
    .app-theme-simple .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-simple .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-simple .app-presenter-instruction,
    .app-theme-simple .app-grid-header .app-frozen-spacer {
        background-color: #ecf0f8 !important;
        border-color: #bfbfbf !important;
        color: #1d092d;
    }

body:not(.app-sidebar-undocked).app-theme-simple .ui-header-fixed .ui-title {
    border-color: #c0c0c0;
}

body:not(.app-sidebar-undocked).app-theme-simple .app-sidebar,
.app-theme-simple .app-divider:not(.ui-collapsible),
.app-theme-simple .app-echo,
.app-theme-simple .app-header {
    border-color: #a4d6e3;
}

.app-theme-simple .app-bar-heading {
    background-color: #ecf0f8;
    color: #1d092d;
    text-shadow: none;
}

.app-theme-simple .ui-body-a,
.app-theme-simple .app-li-card,
.app-theme-simple .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
.app-theme-simple .app-li-card {
    background-color: #fff;
    border-color: #bfbfbf;
    /*color: #fff;*/
    text-shadow: none;
}

.app-theme-simple .ui-panel .ui-body-a {
    border-color: #bfbfbf !important;
}

.app-theme-simple .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
    background-color: #fff;
}


/*sidebar customizations*/
.app-theme-simple .ui-body-a.app-sidebar {
    background-color: #f2f1ee;
}

.app-theme-simple.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
.app-theme-simple .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
    border-color: #bfbfbf;
}

.app-theme-simple .ui-li-divider.app-info {
    background-color: #eeecea !important;
}

    .app-theme-simple .ui-li-divider.app-info .appname {
        color: #666666;
    }

/* fix for form "card" */
.app-theme-simple .ui-page-theme-a .ui-body-inherit.app-li-card {
    border-top-color: #bfbfbf;
    border-left-color: #bfbfbf;
    border-right-color: #bfbfbf;
}

/*.app-theme-simple .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

.app-theme-simple .app-form-editing.app-formview .ui-field-contain {
    border-top-color: transparent;
}


/*buttons*/
.app-theme-simple .app-page-header,
.app-theme-simple .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html .app-theme-simple .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html .app-theme-simple .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html body.app-theme-simple .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html head + body.app-theme-simple .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
.app-theme-simple .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html .app-theme-simple .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html .app-theme-simple .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html body.app-theme-simple .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html head + body.app-theme-simple .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
.app-theme-simple .app-form-grid .ui-collapsible-set,
/* button overrides to remove "hover" on touch screens */
body.app-theme-simple:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
body:not(.app-desktop).app-theme-simple .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-simple .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-simple .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-simple .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html head + body:not(.app-desktop).app-theme-simple .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
.app-theme-simple .app-tabs.ui-header,
.app-theme-simple #app-welcome .ui-btn,
.app-theme-simple #app-popup-login .ui-btn,
.app-theme-simple .ui-datepicker .ui-state-highlight,
.app-theme-simple .ui-datepicker .ui-datepicker-prev,
.app-theme-simple .ui-datepicker .ui-datepicker-next,
.app-theme-simple .ui-listview .app-frozen-spacer {
    border-color: #bfbfbf;
}

.app-theme-simple .ui-body-b .ui-btn-a,
.app-theme-simple .ui-body-b .ui-btn-a.ui-btn-active {
    border-color: #f2f1ee !important;
}

.app-theme-simple.app-has-popup-open .app-menu-strip .ui-btn:hover {
    background-color: #f2f1ee !important;
}

.app-theme-simple .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
html .app-theme-simple .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
html .app-theme-simple .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-theme-simple .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
html head + body.app-theme-simple .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
.app-theme-simple .ui-panel-page-container-a:not(.app-lookup),
.app-theme-simple .app-tabs.ui-header:not(.app-lookup),
.app-theme-simple .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html .app-theme-simple .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html .app-theme-simple .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html body.app-theme-simple .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
html head + body.app-theme-simple .ui-btn-a.ui-btn:visited:not(.app-selected),
.app-theme-simple .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
body.app-desktop.app-theme-simple .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
.app-theme-simple #app-welcome .ui-btn:not(:hover),
.app-theme-simple #app-popup-login .ui-btn:not(:hover),
.app-theme-simple .app-map-info .ui-popup-arrow,
.app-theme-simple .ui-datepicker .ui-datepicker-prev,
.app-theme-simple .ui-datepicker .ui-datepicker-next,
.app-theme-simple .ui-listview .app-frozen-spacer {
    /*color: #000;*/
    background-color: #fff;
}

/* top border of Info button in sidebar */
.app-theme-simple .app-sidebar .ui-btn.ui-icon-info {
    border-color: #bfbfbf !important;
}

/* navigation panel selected item color fix*/
.app-theme-simple .app-nav-panel .ui-btn-a {
    color: #1f1f1f !important;
}

/* subtext coloring*/
.app-theme-simple .app-field-label-after,
.app-theme-simple .app-field-label-before,
.app-theme-simple .app-field-label,
.app-theme-simple .ui-panel .app-item-desc,
.app-theme-simple .app-item-number {
    color: #003399 !important;
}

.app-theme-simple .ui-page-theme-b a:not(.ui-btn),
.app-theme-simple .ui-bar-b a:not(.ui-btn),
.app-theme-simple .ui-body-b a:not(.ui-btn),
.app-theme-simple .ui-group-theme-b a:not(.ui-btn) {
    color: #003399 !important;
}

    .app-theme-simple .ui-page-theme-b a:not(.ui-btn):hover,
    .app-theme-simple .ui-bar-b a:not(.ui-btn):hover,
    .app-theme-simple .ui-body-b a:not(.ui-btn):hover,
    .app-theme-simple .ui-group-theme-b a:not(.ui-btn):hover,
    .app-theme-simple .ui-page-theme-b a:not(.ui-btn):active,
    .app-theme-simple .ui-bar-b a:not(.ui-btn):active,
    .app-theme-simple .ui-body-b a:not(.ui-btn):active,
    .app-theme-simple .ui-group-theme-b a:not(.ui-btn):active {
        color: #000 !important;
    }

.app-theme-simple .ui-btn p {
    color: #000 !important;
}

.app-theme-simple .ui-li-aside,
.app-theme-simple .ui-btn .ui-li-aside,
.app-theme-simple .app-grid-header,
.app-theme-simple .app-panel-info-view .app-list-instruction,
.app-theme-simple .app-calculated .app-static-text {
    color: #003399 !important;
}

.app-theme-simple .app-filter {
}

.app-theme-simple .app-bar-heading .app-bar-label,
.app-theme-simple .app-static-text div,
.app-theme-simple .app-form-editing.app-formview label {
    color: #003399;
}

.app-theme-simple .app-wrapper,
.app-theme-simple .app-echo-instruction {
    color: #1d092d;
    text-shadow: none;
}

/* hover */
.app-theme-simple .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
body.app-desktop.app-theme-simple .ui-page-theme-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-simple .ui-bar-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-simple .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-desktop.app-theme-simple .ui-group-theme-a .ui-btn:hover:not(.app-selected),
html head + body.app-desktop.app-theme-simple .ui-btn-a.ui-btn:hover:not(.app-selected),
.app-theme-simple #app-welcome .ui-btn:hover:not(.ui-btn-active),
.app-theme-simple #app-popup-login .ui-btn:hover:not(.ui-btn-active),
.app-theme-simple .ui-datepicker .ui-datepicker-prev:hover,
.app-theme-simple .ui-datepicker .ui-datepicker-next:hover,
.app-desktop.app-theme-simple .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
    background-color: #f2f2f2;
    border-color: #bfbfbf;
}

.app-theme-simple.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
.app-theme-simple.app-desktop .ui-datepicker td a:hover {
    background-color: #f2f2f2;
}

/*selected button*/
.app-theme-simple .ui-btn.app-selected:not(.ui-btn-active),
.app-theme-simple .ui-btn.app-selected:hover:not(.ui-btn-active),
.app-theme-simple .app-selected:visited,
.app-theme-simple .app-selected .app-frozen-spacer {
    background: linear-gradient(to bottom, #ffffff 0%,#e2e6ef 100%) !important;
    border-color: #bfbfbf !important;
    color: #000 !important;
}

.app-theme-simple .app-grid-header .app-selected:not(.ui-btn-active) {
    background: none !important;
    background-color: rgba(0,0,0,0.05) !important;
}

/* selected hover*/
html body.app-desktop.app-theme-simple .ui-btn.app-selected:hover:not(.ui-btn-active),
.app-theme-simple .app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-theme-simple .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
.app-theme-simple .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
    background: none !important;
    background-color: #e2e6ef !important;
    border-color: #bfbfbf !important;
    color: #000 !important;
}

/* click */

.app-theme-simple .app-grid-header .ui-btn-active {
    background: none !important;
    background-color: #003399 !important;
    color: #fff !important;
}

.app-theme-simple .app-listview .ui-btn.app-selected::before {
    background-color: #003399;
}

.app-theme-simple .dv-item .app-btn-more.ui-btn-active {
    background-color: #003399 !important;
}

.app-theme-simple .ui-title.ui-btn-active,
html body.app-theme-simple .ui-btn.ui-btn-active,
    .app-theme-simple .ui-btn.ui-btn-active .app-frozen-spacer {
    background: none !important;
    background-color: #003399 !important;
    border-color: #bfbfbf !important;
    color: #fff !important;
}

.app-theme-simple .ui-panel-position-left .ui-btn-active .app-item-desc,
.app-theme-simple .ui-panel-position-right .ui-btn-active .app-item-desc,
.app-theme-simple #app-sidebar .ui-btn-active .app-item-desc,
.app-theme-simple .app-listview-static .ui-btn-active .app-item-desc,
.app-theme-simple .ui-btn-active p,
.app-theme-simple .ui-btn-active p.ui-li-aside,
.app-theme-simple .ui-btn.ui-btn-active span:not(.ui-li-count) {
    color: #fff !important;
}

.app-theme-simple .ui-btn.ui-btn-icon-notext.ui-btn-active {
    background-color: #f2f2f2 !important;
}


.app-theme-simple .ui-btn.ui-btn-active.ui-btn-icon-notext::after {
    background-color: #003399 !important;
}

.app-theme-simple .dv-action-see-all .app-btn-prev.ui-btn-active,
.app-theme-simple .dv-action-see-all .app-btn-next.ui-btn-active {
    background-color: #003399;
    color: #fff;
}

.app-theme-simple .app-btn-check:not(.app-btn-check-selected) {
    border-color: #BFBFBF !important;
    background-color: transparent !important;
}

.app-theme-simple .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
    border-color: #BFBFBF !important;
}

.app-theme-simple .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
    background-color: transparent !important;
    border-color: #BFBFBF !important;
}

.app-theme-simple .app-btn-check.app-btn-check-selected {
    border-color: #003399 !important;
    background-color: #003399 !important;
}

.app-theme-simple .app-btn-check .app-icon-themed {
    fill: #fff;
}

/* tabs */

.app-theme-simple .app-tabs.ui-header {
    border-color: #a4d6e3;
}


.app-theme-simple .app-tabs .ui-btn {
    border-color: #00268b !important;
    color: #1d092d;
}

    .app-theme-simple .app-tabs .ui-btn.ui-btn-active {
        border-color: #00268b !important;
        background-color: #00268b !important;
        color: #fff !important;
    }

/*swatch b*/
.app-theme-simple .ui-btn.ui-btn-b,
.app-theme-simple .ui-btn.ui-btn-b:visited,
body.app-theme-simple:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
    background-color: #a4d6e3;
    border-color: #f2f1ee;
    color: #1d092d;
}

    /*swatch b hover*/

    .app-theme-simple .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-simple.app-desktop .ui-btn.ui-btn-b:hover,
    .app-theme-simple .app-popup .ui-content .ui-checkbox .ui-btn:hover,
    .app-theme-simple .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
        background-color: #94d0e0;
        border-color: #f2f1ee;
        color: #1d092d !important;
    }

.app-theme-simple .app-nav-panel .ui-btn.ui-btn-b {
    border-color: #f2f1ee !important;
}

.app-theme-simple .ui-btn.ui-btn-b.ui-btn-active,
.app-theme-simple.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
    color: #fff !important;
}

.app-theme-simple .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
.app-theme-simple.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
.app-theme-simple .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
    border-color: #bfbfbf !important;
}

/*swatch b divider*/
.app-theme-simple .ui-bar-b,
.app-theme-simple .ui-bar-b .ui-bar-inherit,
html .app-theme-simple.ui-body-b .ui-bar-inherit,
html body.app-theme-simple .ui-group-theme-b .ui-bar-inherit {
    border-color: #f2f1ee;
    background-color: #f2f1ee;
}

/*fix for lookups/inputs*/
.app-theme-simple .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
.app-theme-simple .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
.app-theme-simple .ui-input-text:not(.ui-btn-active),
.app-theme-simple .app-form-editing .ui-input-text:not(.ui-btn-active),
.app-theme-simple .ui-input-search.ui-body-inherit {
    background-color: #fff;
    border-color: #bfbfbf;
    text-shadow: none;
    /*color: #fff;*/
}

    .app-theme-simple .ui-btn.app-lookup.ui-focus,
    .app-theme-simple .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
    .app-theme-simple .ui-input-text.ui-focus,
    .app-theme-simple .app-form-editing .ui-input-text.ui-focus,
    .app-theme-simple .ui-input-search.ui-body-inherit.ui-focus,
    .app-theme-simple .ui-checkbox label.ui-focus,
    .app-theme-simple .ui-datepicker .ui-state-active {
        border-color: #00268b !important;
    }

.app-theme-simple .ui-slider {
    border-color: #bfbfbf !important;
}

.app-theme-simple .ui-slider-label.ui-btn-active {
    background-color: #a4d6e3 !important;
}

/* background bleed under form in editing mode*/
.app-theme-simple .ui-body-a.ui-collapsible-content,
.app-theme-simple .app-bar-tools .ui-input-search.ui-body-inherit {
    background-color: #fff;
}

.app-theme-simple .ui-btn.app-lookup,
.app-theme-simple .ui-btn.ui-btn-active.app-lookup {
    border-color: red;
}

.app-theme-simple .app-lookup-input {
    background-color: transparent;
    /*color: #fff;*/
}

.app-theme-simple .app-grid-header {
    color: #999;
}

@media (min-width: 20em) {

    .app-theme-simple .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-simple .app-listview li .app-li-corner {
    color: #fff;
    background-color: #00268b;
}

.app-theme-simple .dataview-busy-indicator {
    background-color: #003399;
}

/*********************************/
/* THEME: social                */
/*******************************/

.app-theme-social,
.app-theme-social .ui-page-theme-a {
    background-color: #e9eaed;
}

    .app-theme-social .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-social .ui-panel {
        background-color: #434a5e;
        border-color: #d2d2d3;
    }

    .app-theme-social .app-status-bar {
        background-color: #e9eaed;
    }

    .app-theme-social .app-page-header {
        color: #42464d;
        background-color: #fff;
    }

    .app-theme-social .app-status-bar {
        color: #000;
    }

    .app-theme-social .app-form-editing.app-formview .app-static-text div,
    .app-theme-social .app-page-menu-desc,
    .app-theme-social .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-social .app-popup-message,
    .app-theme-social .ui-content.app-map-info {
        background-color: #3b5998;
        border-color: #3b5998;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-social .app-popup-message .ui-popup-arrow {
            background-color: #3b5998;
            border-color: #3b5998;
        }

        .app-theme-social .app-popup-message div,
        .app-theme-social .ui-flipswitch-active a {
            color: #fff !important;
        }

    /* page header */
    .app-theme-social .app-bar-tools.ui-bar-a,
    .app-theme-social :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-social .app-popup .ui-header.ui-bar-a {
        background-color: #3b5998;
        border-color: #3a4b7c;
        text-shadow: none;
        color: #fff;
    }

    .app-theme-social .app-bar-actions {
        background-color: #e9eaed !important;
        border-color: #9ea0a4 !important;
    }

    .app-theme-social .app-popup-listview .ui-popup-arrow,
    .app-theme-social .app-popup-listview {
        background-color: #3b5998 !important;
        border-color: #3b5998 !important;
    }

    .app-theme-social .ui-header {
        background-color: #fff;
    }

    .app-theme-social .app-page-header,
    .app-theme-social .app-echo,
    .app-theme-social .app-header {
        border-color: #9ea0a4 !important;
    }

    .app-theme-social .app-menu-strip a.ui-btn,
    .app-theme-social.app-desktop .app-menu-strip a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        color: #fff !important;
    }

    .app-theme-social .app-menu-strip ul li a.ui-btn.app-selected:not(:hover):not(.ui-btn-active),
    .app-theme-social.app-has-popup-open .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        background-color: rgba(0,0,0, 0.15) !important;
    }

    /* list dividers*/
    .app-theme-social .ui-li-divider {
        background-color: #d2d2d3;
        border-color: #9ea0a4;
        /*color: #ccc;*/
    }

    .app-theme-social ui-li-divider,
    .app-theme-social .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        background-color: #efeff1;
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-social .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-social .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-social .app-presenter-instruction,
    .app-theme-social .app-grid-header .app-frozen-spacer {
        background-color: #f6f7f8 !important;
        border-color: #d2d2d3 !important;
        color: #7f848b;
    }

    body:not(.app-sidebar-undocked).app-theme-social .ui-header-fixed .ui-title,
    .app-theme-social .app-divider:not(.ui-collapsible):not(.app-calculated) {
        border-color: #3b5998 !important;
        color: #fff !important;
    }

    .app-theme-social .app-bar-heading {
        background-color: #f6f7f8;
        color: #242a33;
        text-shadow: none;
    }

    .app-theme-social .ui-body-a,
    .app-theme-social .ui-page-theme-a .ui-body-inherit:not(.ui-focus) {
        background-color: #e9eaed;
        border-color: #d4d6da;
        text-shadow: none;
    }

    .app-theme-social .app-panel-filter .ui-body-a {
        background-color: #fff;
    }

    .app-theme-social ul:not(.app-form-editing) .ui-field-contain {
        border-color: #d2d2d3 !important;
    }

    .app-theme-social .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }

    /*sidebar customizations*/
    body:not(.app-sidebar-undocked).app-theme-social .app-sidebar,
    .app-theme-social .ui-body-a.app-sidebar {
        border-color: #9ea0a4;
    }

    .app-theme-social.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-social .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #d2d2d3;
    }

    .app-theme-social .ui-li-divider.app-info {
        background-color: #e9eaed !important;
        color: #000;
    }

    .app-theme-social .appname {
        color: #42464d !important;
    }

    /* fix for form "card" */
    .app-theme-social .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #d2d2d3;
        border-left-color: #d2d2d3;
        border-right-color: #d2d2d3;
    }

    .app-theme-social .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }

    /*buttons*/
    .app-theme-social .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-social .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-social .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-social .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-social .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    .app-theme-social .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-social .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-social .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-social .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-social .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-social .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-social:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-social .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-social .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-social .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-social .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-social .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-social #app-welcome .ui-btn,
    .app-theme-social #app-popup-login .ui-btn,
    .app-theme-social .ui-datepicker .ui-state-highlight,
    .app-theme-social .ui-listview .app-frozen-spacer {
        border-color: #d2d2d3;
    }

    .app-theme-social .app-tabs.ui-header {
        border-color: #dedede !important;
    }

    .app-theme-social .ui-body-b .ui-btn-a,
    .app-theme-social .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #434a5e !important;
    }

    .app-theme-social.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #434a5e !important;
    }

    .app-theme-social .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-social .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-social .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-social .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-social .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup):not(.ui-btn-b),
    .app-theme-social .ui-panel-page-container-a:not(.app-lookup):not(.ui-btn-b),
    .app-theme-social .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-social .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-social .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-social .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html head + body.app-theme-social .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    body.app-desktop.app-theme-social .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn:not(.ui-btn-b),
    .app-theme-social .ui-datepicker .ui-datepicker-prev,
    .app-theme-social .ui-datepicker .ui-datepicker-next,
    .app-theme-social .ui-listview .app-frozen-spacer {
        color: #000;
        background-color: #f7f7f7;
    }

    /*.app-theme-social .ui-popup-arrow {
        background-color: #3b5998 !important;
    }*/

    /* navigation panel selected item color fix*/
    .app-theme-social .app-nav-panel .ui-btn-a {
        color: #3b5998 !important;
    }

    /* subtext coloring*/
    .app-theme-social .app-field-label-after,
    .app-theme-social .app-field-label-before,
    .app-theme-social .app-field-label,
    .app-theme-social .ui-panel .app-item-desc,
    .app-theme-social .app-item-number {
        color: #9197a3 !important;
    }

    .app-theme-social .ui-page-theme-b a:not(.ui-btn),
    .app-theme-social .ui-bar-b a:not(.ui-btn),
    .app-theme-social .ui-body-b a:not(.ui-btn),
    .app-theme-social .ui-group-theme-b a:not(.ui-btn) {
        color: #9197a3 !important;
        text-decoration: none;
    }

        .app-theme-social .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-social .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-social .ui-body-b a:not(.ui-btn):hover,
        .app-theme-social .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-social .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-social .ui-bar-b a:not(.ui-btn):active,
        .app-theme-social .ui-body-b a:not(.ui-btn):active,
        .app-theme-social .ui-group-theme-b a:not(.ui-btn):active {
            color: #9197a3 !important;
            text-decoration: underline;
        }

    .app-theme-social .ui-btn p {
        color: #000 !important;
    }

    .app-theme-social .ui-li-aside,
    .app-theme-social .ui-btn .ui-li-aside,
    .app-theme-social .app-grid-header,
    .app-theme-social .app-calculated .app-static-text {
        color: #242a33 !important;
    }

    .app-theme-social .app-filter {
        color: #3b5998 !important;
    }

    .app-theme-social .app-bar-heading .app-bar-label,
    .app-theme-social .app-static-text div,
    .app-theme-social .app-form-editing.app-formview label {
        color: #242a33;
    }

    .app-theme-social .app-wrapper,
    .app-theme-social .app-echo-instruction {
        color: #7f848b;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-social .app-selected,
    .app-theme-social .app-selected .app-frozen-spacer {
        background-color: #e7f1fe !important;
        border-color: #d2d2d3 !important;
    }

        .app-theme-social .app-selected:not(.ui-btn-active),
        .app-theme-social .app-selected:hover,
        .app-theme-social .app-selected:visited {
            color: #000 !important;
        }

    .app-theme-social .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

/* hover */
body.app-theme-social .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected):not(.ui-btn-b),
body.app-desktop.app-theme-social .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html .app-desktop.app-theme-social .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html .app-desktop.app-theme-social .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-desktop.app-theme-social .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html head + body.app-desktop.app-theme-social .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
.app-desktop.app-theme-social .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
    background-color: #efeff1;
    border-color: #d2d2d3;
}

.app-theme-social.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
.app-theme-social.app-desktop .ui-datepicker td a:hover {
    background-color: #efeff1;
}

/* selected hover*/
html body.app-desktop.app-theme-social .ui-btn.app-selected:hover:not(.ui-btn-active),
.app-theme-social .app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-theme-social .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
.app-theme-social .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
    background-color: #d9e8fe !important;
    color: #000 !important;
}

/* click */

.app-theme-social .app-grid-header .ui-btn-active,
html body.app-theme-social .ui-btn.ui-btn-active,
.app-theme-social .dv-item .app-btn-more.ui-btn-active,
    .app-theme-social .ui-btn.ui-btn-active .app-frozen-spacer {
    background-color: #2f477a !important; /*e4e9f2*/
    color: #fff !important;
}

.app-theme-social .app-listview .ui-btn.app-selected::before {
    background-color: #2f477a;
}

.app-theme-social .ui-panel-position-left .ui-btn-active .app-item-desc,
.app-theme-social .ui-panel-position-right .ui-btn-active .app-item-desc,
.app-theme-social #app-sidebar .ui-btn-active .app-item-desc,
.app-theme-social .app-listview-static .ui-btn-active .app-item-desc,
.app-theme-social .ui-btn-active p,
.app-theme-social .ui-btn-active p.ui-li-aside,
.app-theme-social .ui-btn.ui-btn-active span:not(.ui-li-count) {
    color: #fff !important;
}

.app-theme-social .dv-action-see-all .app-btn-prev.ui-btn-active,
.app-theme-social .dv-action-see-all .app-btn-next.ui-btn-active {
    background-color: #2F477A;
    color: #fff;
}

.app-theme-social .app-btn-check:not(.app-btn-check-selected) {
    border-color: #D2D2D3 !important;
    background-color: transparent !important;
}

.app-theme-social .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
    border-color: #D2D2D3 !important;
}

.app-theme-social .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
    background-color: transparent !important;
    border-color: #D2D2D3 !important;
}

.app-theme-social .app-btn-check.app-btn-check-selected {
    border-color: #2F477A !important;
    background-color: #2F477A !important;
}

.app-theme-social .app-btn-check .app-icon-themed {
    fill: #fff;
}

/* tabs */
/*.app-theme-social .app-bar-tools .ui-btn {
    background-color: #fff !important;
    border-color: #fff !important;
    border-radius: 0 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.app-theme-social .app-bar-tools .ui-btn-active {
    background-color: #fff !important;
    box-shadow: 0 5px 0 0 #3b5998 !important;
    color: #000 !important;
    font-weight: bold;
}

.app-theme-social.app-desktop .ui-header .ui-btn:hover {
    background-color: rgba(0,0,0,0.05) !important;
}

.app-theme-social .app-tabs ul li:last-child .ui-btn.ui-btn-active,
.app-theme-social .app-tabs ul li .ui-btn.ui-last-child.ui-btn-active {
    border-left-width: 0;
}*/


/*toolbar button background*/

.app-theme-social .ui-btn.ui-btn-icon-notext.ui-btn-active {
    border-color: #2f477a !important;
}

.app-theme-social .app-bar-tools .ui-btn:not(.ui-input-clear),
.app-theme-social .app-map-info-toolbar .ui-btn,
.app-theme-social .app-conditions .ui-btn.ui-btn-icon-notext.app-btn-more.ui-btn-active {
    background-color: #3b5998 !important;
    border-color: #3b5998 !important;
}


.app-theme-social.app-desktop .ui-btn-icon-notext:hover:not(.ui-btn-active)::after {
    background-color: #4061a7 !important;
}

.app-theme-social .app-bar-tools .ui-btn:not(.ui-input-clear) {
    border-radius: 0;
    margin-top: -9px !important;
    padding-top: 9px !important;
    padding-bottom: 7px !important;
}

.app-theme-social .app-bar-tools .app-menu-strip .ui-btn:not(.ui-input-clear) {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.app-theme-social .app-map-info-toolbar .ui-btn {
    border-radius: 0;
    margin-top: 0 !important;
    margin-bottom: -7px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.app-theme-social.app-density-compact .app-map-info-toolbar .ui-btn {
    margin-bottom: -8px !important;
}

.app-theme-social.app-density-comfortable .app-map-info-toolbar .ui-btn {
    margin-bottom: -9px !important;
}

.app-theme-social .app-bar-tools .ui-btn-icon-notext:not(.ui-input-clear)::after,
.app-theme-social .app-map-info-toolbar .ui-btn.ui-btn-icon-notext::after {
    background-color: #3b5998 !important;
    border-radius: 0;
}

.app-theme-social a.app-transition::after {
    border-radius: 1em !important;
}

.app-theme-social .ui-btn-icon-notext.ui-btn-left:not(.app-btn-search-more) {
    left: 0;
    padding-left: 5px !important;
}

.app-theme-social .ui-btn-right.app-btn-context,
.app-theme-social .ui-btn-right.app-btn-search-more {
    right: 0;
    padding-right: 0.56em;
}

.app-theme-social.app-desktop .app-bar-tools .ui-title:not(.ui-btn-active):not(.ui-input-clear):hover,
.app-theme-social.app-desktop .app-bar-tools .ui-btn:not(.ui-btn-active):not(.ui-input-clear):hover,
.app-theme-social.app-desktop .app-map-info-toolbar .ui-btn:not(.ui-btn-active):hover,
.app-theme-social.app-desktop .app-bar-tools .ui-btn:not(.ui-btn-active):not(.ui-input-clear):hover::after,
.app-theme-social.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:not(.ui-btn-active):hover::after {
    background-color: #2f477a !important;
    border-color: #2f477a !important;
}

.app-theme-social .app-bar-tools .ui-title.ui-btn-active:not(.ui-input-clear),
.app-theme-social .app-bar-tools .ui-btn-active:not(.ui-input-clear)::after,
.app-theme-social .app-map-info-toolbar .ui-btn.ui-btn-active::after,
.app-theme-social .app-bar-tools .ui-btn.ui-btn-active:not(.ui-input-clear),
.app-theme-social .app-map-info-toolbar .ui-btn.ui-btn-active.ui-btn-icon-notext {
    background-color: #253963 !important;
    border-color: #253963 !important;
}

.app-theme-social .app-tabs a.ui-btn {
    border-color: #253963 !important;
}

.app-theme-social .ui-btn.ui-btn-icon-notext.ui-btn-active {
    background-color: #efeff1 !important;
    border-color: #d6d6d7 !important;
}

.app-theme-social .ui-btn.ui-btn-active:not(.app-btn-icon-transparent)::after {
    background-color: #253963 !important;
}

.app-theme-social .ui-btn-a:not(.app-btn-icon-transparent)::after {
    background-color: #adb3bc !important;
}

/*swatch b*/
.app-theme-social .ui-btn-b,
.app-theme-social .ui-btn-b:visited,
.app-theme-social .app-panel-menu .ui-btn-b,
body.app-theme-social:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
    background-color: #32394a;
    border-color: #434a5e;
    color: #fff;
}

.app-theme-social .app-nav-panel .ui-btn.ui-btn-b {
    border-color: #434a5e !important;
}

/*swatch b hover*/
.app-theme-social .ui-btn.ui-btn-b.ui-btn-active,
.app-theme-social.app-desktop .ui-btn.ui-btn-b:hover {
    background-color: #394153;
}

/*swatch b divider*/
.app-theme-social .ui-bar-b,
.app-theme-social .ui-bar-b .ui-bar-inherit,
html .app-theme-social.ui-body-b .ui-bar-inherit,
html body.app-theme-social .ui-group-theme-b .ui-bar-inherit {
    border-color: #434a5e;
    background-color: #434a5e;
}

.app-theme-social .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
.app-theme-social.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
.app-theme-social .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
    border-color: #9ea0a4 !important;
}

/*fix for lookups/inputs*/
.app-theme-social .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
.app-theme-social .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
.app-theme-social .ui-input-text:not(.ui-btn-active),
.app-theme-social .app-form-editing .ui-input-text:not(.ui-btn-active),
.app-theme-social .ui-input-search.ui-body-inherit {
    background-color: #fff;
    border-color: #d2d2d3;
    text-shadow: none;
}

    .app-theme-social .ui-btn.app-lookup.ui-focus,
    .app-theme-social .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
    .app-theme-social .ui-input-text.ui-focus,
    .app-theme-social .app-form-editing .ui-input-text.ui-focus,
    .app-theme-social .ui-input-search.ui-body-inherit.ui-focus,
    .app-theme-social .ui-checkbox label.ui-focus,
    .app-theme-social .ui-datepicker .ui-state-active {
        border-color: #3b5998 !important;
    }

/* background bleed under form in editing mode*/
.app-theme-social .ui-body-a.ui-collapsible-content {
    background-color: #fff;
    border-bottom-color: #d2d2d3 !important;
}

.app-theme-social .app-bar-tools .ui-input-search.ui-body-inherit {
    background-color: #fff;
}

.app-theme-social .app-lookup-input {
    background-color: transparent;
    /*color: #fff;*/
}

@media (min-width: 20em) {
    .app-theme-social .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-white.png);
        /*background-position: 40px;*/
    }
}

.app-theme-social .app-listview li .app-li-corner {
    color: #fff;
    background-color: #3b5998;
}

.app-theme-social .dataview-busy-indicator {
    background-color: #b1e449; /*#58B76C;*/
}

.app-theme-social .ui-slider-label.ui-btn-active {
    background-color: #3b5998 !important;
}

/*.app-theme-social .app-tabs {
    padding-bottom: 4px!important;
}

    .app-theme-social .app-tabs .ui-btn {
        padding-top: 2px!important;
        padding-bottom: 1px!important;
    }*/

.app-theme-social .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-social .ui-bar-a .app-user-name {
    color: #ccc !important;
}

.app-theme-social .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-social .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #fff !important;
}

.app-theme-social .ui-icon-check.app-transparent::after {
    background-color: transparent !important;
}

/*********************************/
/* THEME: summer                */
/*******************************/

.app-theme-summer,
.app-theme-summer .ui-page-theme-a,
.app-theme-summer .app-page-header {
    background-color: #eeecea;
    /*scrollbar-base-color: #6b917c;
    scrollbar-arrow-color: #648f77;
    scrollbar-track-color: #c4d6cb;
    scrollbar-shadow-color: #c4d6cb;*/
}

    /*
    .app-theme-summer.app-desktop ::-webkit-scrollbar-track {
        background-color: #c4d6cb;
    }

    .app-theme-summer.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #648f77;
        border: solid 1px #c4d6cb;
    }

        .app-theme-summer.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #567a66;
        }*/

    .app-theme-summer .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-summer .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-summer .ui-panel,
    .app-theme-summer .app-page-header,
    .app-theme-summer .app-status-bar {
        background-color: #9fbdab;
        border-color: #648f77;
    }

    .app-theme-summer .app-status-bar {
        color: #000;
    }

    .app-theme-summer .app-form-editing.app-formview .app-static-text div,
    .app-theme-summer .app-page-menu-desc,
    .app-theme-summer .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-summer .app-popup-message,
    .app-theme-summer .ui-content.app-map-info {
        background-color: #9fbdab;
        border-color: #c4d6cb;
        text-shadow: none;
        color: #000;
    }

        .app-theme-summer .app-popup-message .ui-popup-arrow {
            background-color: #9fbdab;
        }

        .app-theme-summer .app-popup-message div {
            color: #c4d6cb;
        }

    /* page header */
    .app-theme-summer .app-bar-tools.ui-bar-a,
    .app-theme-summer :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-summer .ui-header {
        background-color: #9fbdab;
        border-color: #648f77;
        text-shadow: none;
    }

    .app-theme-summer .app-popup-listview .ui-popup-arrow,
    .app-theme-summer .app-popup-listview {
        background-color: #9fbdab !important;
        border-color: #9fbdab !important;
    }

    .app-theme-summer .app-page-header {
        border-color: #648f77 !important;
    }

    /* list dividers*/
    .app-theme-summer .ui-li-divider {
        background-color: #c4d6cb;
        border-color: #648f77;
        color: #555;
        text-shadow: none;
    }

    .app-theme-summer ui-li-divider,
    .app-theme-summer .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        /*background-color: #ddc1f4;*/
        /*border-color: #648f77;*/
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-summer .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-summer .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-summer .app-presenter-instruction,
    .app-theme-summer .app-grid-header .app-frozen-spacer {
        background-color: #edf3f0 !important;
        border-color: #c4d6cb !important;
        color: #1d092d;
    }

    body:not(.app-sidebar-undocked).app-theme-summer .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-summer .app-sidebar,
    .app-theme-summer .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-summer .app-echo,
    .app-theme-summer .app-header {
        border-color: #648f77 !important;
    }

    .app-theme-summer .app-bar-heading {
        background-color: #edf3f0;
        color: #1d092d;
        text-shadow: none;
    }

    .app-theme-summer .ui-body-a,
    .app-theme-summer .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-summer .app-li-card {
        background-color: #fff;
        border-color: #c4d6cb;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-summer .ui-panel .ui-body-a {
        border-color: #648f77 !important;
    }

    .app-theme-summer .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-summer .ui-body-a.app-sidebar {
        background-color: #9fbdab;
    }

    .app-theme-summer.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-summer .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #c4d6cb;
    }

    .app-theme-summer .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-summer .ui-li-divider.app-info .appname {
            color: #648F77;
        }

    /* fix for form "card" */
    .app-theme-summer .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #c4d6cb;
        border-left-color: #c4d6cb;
        border-right-color: #c4d6cb;
    }

    /*.app-theme-summer .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-summer .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-summer .app-page-header,
    .app-theme-summer .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-summer .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-summer .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-summer .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-summer .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-summer .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-summer .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-summer .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-summer .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-summer .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-summer .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-summer:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-summer .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-summer .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-summer .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-summer .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-summer .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-summer .app-tabs.ui-header,
    .app-theme-summer #app-welcome .ui-btn,
    .app-theme-summer #app-popup-login .ui-btn,
    .app-theme-summer .ui-datepicker .ui-state-highlight,
    .app-theme-summer .ui-datepicker .ui-datepicker-prev,
    .app-theme-summer .ui-datepicker .ui-datepicker-next,
    .app-theme-summer .ui-listview .app-frozen-spacer {
        border-color: #c4d6cb;
    }

    .app-theme-summer .ui-body-b .ui-btn-a,
    .app-theme-summer .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #9fbdab !important;
    }

    .app-theme-summer.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #9fbdab !important;
    }

    .app-theme-summer .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-summer .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-summer .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-summer .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-summer .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-summer .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-summer .app-tabs.ui-header:not(.app-lookup),
    .app-theme-summer .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-summer .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-summer .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-summer .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-summer .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-summer .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-summer .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-summer #app-welcome .ui-btn:not(:hover),
    .app-theme-summer #app-popup-login .ui-btn:not(:hover),
    .app-theme-summer .app-map-info .ui-popup-arrow,
    .app-theme-summer .ui-datepicker .ui-datepicker-prev,
    .app-theme-summer .ui-datepicker .ui-datepicker-next,
    .app-theme-summer .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #f7f8f4;
    }

    /* top border of Info button in sidebar */
    .app-theme-summer .app-sidebar .ui-btn.ui-icon-info {
        border-color: #648f77 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-summer .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-summer .app-field-label-after,
    .app-theme-summer .app-field-label-before,
    .app-theme-summer .app-field-label,
    .app-theme-summer .ui-panel .app-item-desc,
    .app-theme-summer .ui-li-aside,
    .app-theme-summer .ui-btn .ui-li-aside,
    .app-theme-summer .app-grid-header,
    .app-theme-summer .app-panel-info-view .app-list-instruction,
    .app-theme-summer .app-calculated .app-static-text,
    .app-theme-summer .app-item-number {
        color: #648f77 !important;
    }

    .app-theme-summer .app-filter {
    }

    .app-theme-summer .ui-page-theme-b a:not(.ui-btn),
    .app-theme-summer .ui-bar-b a:not(.ui-btn),
    .app-theme-summer .ui-body-b a:not(.ui-btn),
    .app-theme-summer .ui-group-theme-b a:not(.ui-btn) {
        color: #44495a !important;
    }

        .app-theme-summer .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-summer .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-summer .ui-body-b a:not(.ui-btn):hover,
        .app-theme-summer .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-summer .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-summer .ui-bar-b a:not(.ui-btn):active,
        .app-theme-summer .ui-body-b a:not(.ui-btn):active,
        .app-theme-summer .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-summer .ui-btn p {
        color: #000 !important;
    }

    .app-theme-summer .app-bar-heading .app-bar-label,
    .app-theme-summer .app-static-text div,
    .app-theme-summer .app-form-editing.app-formview label {
        color: #648f77;
    }

    .app-theme-summer .app-wrapper,
    .app-theme-summer .app-echo-instruction {
        color: #1d092d;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-summer .app-selected:not(.ui-btn-active),
    .app-theme-summer .app-selected:hover,
    .app-theme-summer .app-selected:visited,
    .app-theme-summer .app-selected .app-frozen-spacer {
        background-color: #D9E9E0 !important;
        border-color: #c4d6cb !important;
        color: #000 !important;
    }

    .app-theme-summer .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-summer .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    .app-desktop.app-theme-summer .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-summer .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-summer .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-summer .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-summer .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-summer #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-summer #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-summer .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #ecf2ef;
        border-color: #c4d6cb;
    }

    .app-theme-summer.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-summer.app-desktop .ui-datepicker td a:hover {
        background-color: #e6ede9;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-summer .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-summer .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-summer .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-summer .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #D0E9DB !important;
        border-color: #c4d6cb !important;
        color: #000 !important;
    }

    /* click */
    .app-theme-summer .app-grid-header .ui-btn-active,
    .app-theme-summer .dv-item .app-btn-more.ui-btn-active {
        background-color: #38c !important;
        color: #fff !important;
    }

    .app-theme-summer .ui-title.ui-btn-active,
    html body.app-theme-summer .ui-btn.ui-btn-active,
    .app-theme-summer .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #38c !important;
        border-color: #c4d6cb !important;
        color: #fff !important;
    }

    .app-theme-summer .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-summer .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-summer #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-summer .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-summer .ui-btn-active p,
    .app-theme-summer .ui-btn-active p.ui-li-aside,
    .app-theme-summer .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-summer .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-summer .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #3388CC;
        color: #fff;
    }

    .app-theme-summer .app-echo .dv-action-see-all span {
        border-color: #C4D6CB !important;
    }

    .app-theme-summer .app-btn-check:not(.app-btn-check-selected) {
        border-color: #C4D6CB !important;
        background-color: transparent !important;
    }

    .app-theme-summer .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #C4D6CB !important;
    }

    .app-theme-summer .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #C4D6CB !important;
    }

    .app-theme-summer .app-btn-check.app-btn-check-selected {
        border-color: #3388CC !important;
        background-color: #3388CC !important;
    }

    .app-theme-summer .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-summer .app-tabs .ui-btn {
        border-color: #6b917c !important;
        color: #1d092d;
    }

        .app-theme-summer .app-tabs .ui-btn.ui-btn-active {
            border-color: #6b917c !important;
            background-color: #6b917c !important;
            color: #fff !important;
        }


    /*button on header bar*/
    .app-theme-summer .app-bar-tools .ui-btn,
    .app-theme-summer .app-map-info-toolbar .ui-btn,
    .app-theme-summer .app-tabs {
        border-color: #869c90 !important;
    }

        .app-theme-summer.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
        .app-theme-summer.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover,
        .app-theme-summer .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active,
        .app-theme-summer .app-map-info-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active,
        .app-theme-summer .ui-datepicker .ui-datepicker-prev:hover,
        .app-theme-summer .ui-datepicker .ui-datepicker-next:hover {
            border-color: #648f77 !important;
        }


    .app-theme-summer .app-bar-actions .ui-btn,
    .app-theme-summer .app-bar-actions .ui-btn.ui-btn-active,
    .app-theme-summer .app-bar-actions .ui-btn.app-selected {
        border-color: #648f77 !important;
    }

    .app-theme-summer .app-bar-tools .ui-btn-active.ui-btn-icon-notext:hover,
    .app-theme-summer .app-map-info-toolbar .ui-btn-active.ui-btn-icon-notext:hover {
        border-color: #4e6f5d !important;
    }

    .app-theme-summer .app-bar-tools .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-summer .app-map-info-toolbar .ui-btn.ui-btn-active.ui-btn-icon-notext::after {
        background-color: #374d41 !important;
    }

    .app-theme-summer.app-desktop .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active) {
        border-color: #648f77 !important;
    }

    .app-theme-summer.app-desktop .app-echo-toolbar .ui-btn.ui-btn-icon-notext:hover:not(.ui-btn-active) {
        border-color: #a0bfb0 !important;
    }

    .app-theme-summer .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #0e62a5 !important;
    }

    .app-theme-summer .ui-btn.ui-btn-icon-notext:not(.ui-radio-on)::after,
    .app-theme-summer .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-summer .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-summer .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-summer .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-summer .ui-datepicker .ui-datepicker-prev span,
    .app-theme-summer .ui-datepicker .ui-datepicker-next span,
    .app-theme-summer .ui-checkbox-on:after,
    .app-theme-summer .ui-flipswitch-active,
    .app-theme-summer .ui-slider-track .ui-btn-active {
        background-color: #648f77 !important;
    }

    .app-theme-summer .ui-btn .glyphicon {
        color: #648f77;
    }

    .app-theme-summer .app-icon-themed {
        fill: #648f77;
    }

    .app-theme-summer .ui-radio-on:after,
    .app-theme-summer .ui-slider-track .ui-btn-active,
    .app-theme-summer .ui-flipswitch-active {
        border-color: #648f77 !important;
    }


    .app-theme-summer .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-summer .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-summer .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-summer .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-summer .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #0e62a5 !important;
    }

    /*swatch b*/
    .app-theme-summer .ui-btn.ui-btn-b,
    .app-theme-summer .ui-btn.ui-btn-b:visited,
    body.app-theme-summer:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #CFE5D8;
        border-color: #9fbdab;
        color: #1d092d;
    }

        /*swatch b hover*/

        .app-theme-summer .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-summer.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-summer .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-summer .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #D6E4DC;
            border-color: #9fbdab;
            color: #1d092d !important;
        }

    .app-theme-summer .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #9fbdab !important;
    }

    .app-theme-summer .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-summer.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }

    .app-theme-summer .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-summer.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-summer .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #648f77 !important;
    }

    /*swatch b divider*/
    .app-theme-summer .ui-bar-b,
    .app-theme-summer .ui-bar-b .ui-bar-inherit,
    html .app-theme-summer.ui-body-b .ui-bar-inherit,
    html body.app-theme-summer .ui-group-theme-b .ui-bar-inherit {
        border-color: #c4d6cb;
        background-color: #9fbdab;
    }

    /*fix for lookups/inputs*/
    .app-theme-summer .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-summer .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-summer .ui-input-text:not(.ui-btn-active),
    .app-theme-summer .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-summer .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #c4d6cb;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-summer .ui-btn.app-lookup.ui-focus,
        .app-theme-summer .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-summer .ui-input-text.ui-focus,
        .app-theme-summer .app-form-editing .ui-input-text.ui-focus,
        .app-theme-summer .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-summer .ui-checkbox label.ui-focus,
        .app-theme-summer .ui-datepicker .ui-state-active {
            border-color: #648f77 !important;
        }

    .app-theme-summer .ui-slider {
        border-color: #c4d6cb !important;
    }

    .app-theme-summer .ui-slider-label.ui-btn-active {
        background-color: #648f77 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-summer .ui-body-a.ui-collapsible-content {
        background-color: #fff;
    }

    .app-theme-summer .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-summer .ui-btn.app-lookup,
    .app-theme-summer .ui-btn.ui-btn-active.app-lookup {
        border-color: #648f77;
    }


    .app-theme-summer .app-tabs .ui-btn.ui-btn-active,
    .app-theme-summer .app-tabs .ui-btn.ui-btn-active:hover,
    .app-theme-summer .app-tabs :not(.ui-btn-active).ui-btn,
    .app-theme-summer .app-tabs .ui-btn.ui-btn-active,
    .app-desktop.app-theme-summer .app-tabs .ui-btn.ui-btn-active:hover {
        background-color: rgb(205, 221, 155);
    }

    .app-theme-summer .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-summer .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-summer .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-summer .app-listview li .app-li-corner {
    color: #fff;
    background-color: #648f77;
}

.app-theme-summer .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-summer .ui-bar-a .app-user-name {
    color: #333 !important;
}

.app-theme-summer .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-summer .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #000 !important;
}

/*********************************/
/* THEME: vantage               */
/*******************************/

.app-theme-vantage,
.app-theme-vantage .ui-page-theme-a,
.app-theme-vantage .app-page-header {
    background-color: #fff;
    /*scrollbar-base-color: #f0a105;
    scrollbar-arrow-color: #f0a105;
    scrollbar-track-color: #ffebc4;
    scrollbar-shadow-color: #ffebc4;*/
}

    /*
    .app-theme-vantage.app-desktop ::-webkit-scrollbar-track {
        background-color: #ffebc4;
    }

    .app-theme-vantage.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #f0a105;
        border: solid 1px #ffebc4;
    }

        .app-theme-vantage.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #d69004;
        }*/

    .app-theme-vantage .app-page-header {
        color: #382500;
    }

    .app-theme-vantage .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-vantage .ui-panel,
    .app-theme-vantage .app-page-header,
    .app-theme-vantage .app-status-bar {
        background-color: #bce0fe;
        border-color: #4fadfc;
    }

    .app-theme-vantage .app-status-bar {
        color: #000;
    }

    .app-theme-vantage .app-form-editing.app-formview .app-static-text div,
    .app-theme-vantage .app-page-menu-desc,
    .app-theme-vantage .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-vantage .app-popup-message,
    .app-theme-vantage .ui-content.app-map-info {
        background-color: #bce0fe;
        border-color: #ffb219;
        text-shadow: none;
        color: #000;
    }

        .app-theme-vantage .app-popup-message .ui-popup-arrow {
            background-color: #bce0fe;
        }

        .app-theme-vantage .app-popup-message div {
            color: #ffb219;
        }

    /* page header */
    .app-theme-vantage .app-bar-tools.ui-bar-a,
    .app-theme-vantage :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-vantage .ui-header {
        background-color: #bce0fe;
        border-color: #4fadfc;
        text-shadow: none;
    }

    .app-theme-vantage .app-popup-listview .ui-popup-arrow,
    .app-theme-vantage .app-popup-listview {
        background-color: #bce0fe !important;
        border-color: #bce0fe !important;
    }

    .app-theme-vantage .app-page-header {
        border-color: #4fadfc !important;
    }

    /* list dividers*/
    .app-theme-vantage .ui-li-divider {
        background-color: #ffb219;
        border-color: #f0a105;
        color: #555;
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-vantage .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-vantage .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-vantage .app-presenter-instruction,
    .app-theme-vantage .app-grid-header .app-frozen-spacer {
        background-color: #ffebc4 !important;
        border-color: #ffb219 !important;
        color: #4c5b72;
    }

    body:not(.app-sidebar-undocked).app-theme-vantage .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-vantage .app-sidebar,
    .app-theme-vantage .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-vantage .app-echo,
    .app-theme-vantage .app-header {
        border-color: #4fadfc !important;
    }

    .app-theme-vantage .app-bar-heading {
        background-color: #ffebc4;
        color: #4c5b72;
        text-shadow: none;
    }

    .app-theme-vantage .ui-body-a,
    .app-theme-vantage .app-li-card,
    .app-theme-vantage .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-vantage .app-li-card {
        background-color: #fff;
        border-color: #ffb219;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-vantage .ui-panel .ui-body-a {
        border-color: #ffb219 !important;
    }

    .app-theme-vantage .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-vantage .ui-body-a.app-sidebar {
        background-color: #bce0fe;
    }

    .app-theme-vantage.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-vantage .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #ffb219;
    }

    .app-theme-vantage .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-vantage .ui-li-divider.app-info .appname {
            color: #382500;
        }

    /* fix for form "card" */
    .app-theme-vantage .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #ffb219;
        border-left-color: #ffb219;
        border-right-color: #ffb219;
    }

    .app-theme-vantage .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-vantage .app-page-header,
    .app-theme-vantage .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-vantage .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-vantage .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-vantage .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-vantage .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-vantage .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-vantage .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-vantage .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-vantage .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-vantage .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-vantage .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-vantage:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-vantage .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-vantage .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-vantage .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-vantage .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-vantage .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-vantage .app-tabs.ui-header,
    .app-theme-vantage #app-welcome .ui-btn:not(:hover),
    .app-theme-vantage #app-popup-login .ui-btn:not(:hover),
    .app-theme-vantage .ui-datepicker .ui-state-highlight,
    .app-theme-vantage .ui-datepicker .ui-datepicker-prev,
    .app-theme-vantage .ui-datepicker .ui-datepicker-next,
    .app-theme-vantage .ui-listview .app-frozen-spacer {
        border-color: #ffb219;
    }

    .app-theme-vantage .ui-body-b .ui-btn-a,
    .app-theme-vantage .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #bce0fe !important;
    }

    .app-theme-vantage.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #bce0fe !important;
    }

    .app-theme-vantage .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-vantage .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-vantage .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-vantage .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-vantage .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-vantage .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-vantage .app-tabs.ui-header:not(.app-lookup),
    .app-theme-vantage .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-vantage .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-vantage .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-vantage .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-vantage .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-vantage .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-vantage .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-vantage #app-welcome .ui-btn:not(:hover),
    .app-theme-vantage #app-popup-login .ui-btn:not(:hover),
    .app-theme-vantage .app-map-info .ui-popup-arrow,
    .app-theme-vantage .ui-datepicker .ui-datepicker-prev,
    .app-theme-vantage .ui-datepicker .ui-datepicker-next,
    .app-theme-vantage .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #fffaf1;
    }

    /* top border of Info button in sidebar */
    .app-theme-vantage .app-sidebar .ui-btn.ui-icon-info {
        border-color: #4fadfc !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-vantage .app-nav-panel .ui-btn-a {
        color: #382500 !important;
    }

    /* subtext coloring*/
    .app-theme-vantage .app-field-label-after,
    .app-theme-vantage .app-field-label-before,
    .app-theme-vantage .app-field-label,
    .app-theme-vantage .ui-panel .app-item-desc,
    .app-theme-vantage .app-item-number {
        color: #d39803 !important;
    }

    .app-theme-vantage .ui-page-theme-b a:not(.ui-btn),
    .app-theme-vantage .ui-bar-b a:not(.ui-btn),
    .app-theme-vantage .ui-body-b a:not(.ui-btn),
    .app-theme-vantage .ui-group-theme-b a:not(.ui-btn) {
        color: #d39803 !important;
    }

        .app-theme-vantage .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-vantage .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-vantage .ui-body-b a:not(.ui-btn):hover,
        .app-theme-vantage .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-vantage .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-vantage .ui-bar-b a:not(.ui-btn):active,
        .app-theme-vantage .ui-body-b a:not(.ui-btn):active,
        .app-theme-vantage .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-vantage .ui-btn p {
        color: #000 !important;
    }

    .app-theme-vantage .ui-li-aside,
    .app-theme-vantage .ui-btn .ui-li-aside,
    .app-theme-vantage .app-grid-header,
    .app-theme-vantage .app-panel-info-view .app-list-instruction,
    .app-theme-vantage .app-calculated .app-static-text {
        color: #382500 !important;
    }

    .app-theme-vantage .app-filter {
    }

    .app-theme-vantage .app-bar-heading .app-bar-label,
    .app-theme-vantage .app-static-text div,
    .app-theme-vantage .app-form-editing.app-formview label {
        color: #c48304;
    }

    .app-theme-vantage .app-wrapper,
    .app-theme-vantage .app-echo-instruction {
        color: #4c5b72;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-vantage .app-selected:not(.ui-btn-active),
    .app-theme-vantage .app-selected:hover,
    .app-theme-vantage .app-selected:visited,
    .app-theme-vantage .app-selected .app-frozen-spacer {
        background-color: #feda93 !important;
        border-color: #ffb219 !important;
        color: #000 !important;
    }

    .app-theme-vantage .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-vantage .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    .app-desktop.app-theme-vantage .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-vantage .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-vantage .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-vantage .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-vantage .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-vantage #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-vantage #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-vantage .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #fff3dc;
        border-color: #ffb219;
    }

    .app-theme-vantage.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-vantage.app-desktop .ui-datepicker td a:hover {
        background-color: #fff3dc;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-vantage .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-vantage .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-vantage .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-vantage .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #fdd483 !important;
        border-color: #ffb219;
        color: #000 !important;
    }

    /* click */
    .app-theme-vantage .app-grid-header .ui-btn-active,
    .app-theme-vantage .dv-item .app-btn-more.ui-btn-active {
        background-color: #445166 !important;
        color: #fff !important;
    }

    .app-theme-vantage .app-listview .ui-btn.app-selected::before {
        background-color: #445166;
    }

    .app-theme-vantage .ui-title.ui-btn-active,
    html body.app-theme-vantage .ui-btn.ui-btn-active,
    .app-theme-vantage .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #445166 !important;
        border-color: #ffb219 !important;
        color: #fff !important;
    }

    .app-theme-vantage .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-vantage .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-vantage #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-vantage .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-vantage .ui-btn-active p,
    .app-theme-vantage .ui-btn-active p.ui-li-aside,
    .app-theme-vantage .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-vantage .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-vantage .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #445166;
        color: #fff;
    }

    .app-theme-vantage .app-echo .dv-action-see-all span {
        border-color: #FFB219 !important;
    }

    .app-theme-vantage .app-btn-check:not(.app-btn-check-selected) {
        border-color: #FFB219 !important;
        background-color: transparent !important;
    }

    .app-theme-vantage .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #FFB219 !important;
    }

    .app-theme-vantage .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #FFB219 !important;
    }

    .app-theme-vantage .app-btn-check.app-btn-check-selected {
        border-color: #445166 !important;
        background-color: #445166 !important;
    }

    .app-theme-vantage .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-vantage .app-tabs .ui-btn {
        border-color: #445166 !important;
        color: #4c5b72;
    }

        .app-theme-vantage .app-tabs .ui-btn.ui-btn-active {
            border-color: #445166 !important;
            background-color: #445166 !important;
            color: #fff !important;
        }

    /*button on header bar*/

    .app-theme-vantage .app-bar-tools .ui-btn.ui-btn-icon-notext,
    .app-theme-vantage .app-map-info-toolbar .ui-btn.ui-btn-icon-notext,
    .app-theme-vantage .app-tabs.ui-header {
        border-color: #4fadfc !important;
        background-color: #bce0fe !important;
    }

        .app-theme-vantage .app-bar-tools .ui-btn.ui-btn-icon-notext::after,
        .app-theme-vantage .app-map-info-toolbar .ui-btn.ui-btn-icon-notext::after {
            background-color: #4fadfc !important;
        }

        .app-theme-vantage.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
        .app-theme-vantage.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover,
        .app-theme-vantage .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active,
        .app-theme-vantage .app-map-info-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active {
            border-color: #4fadfc !important;
            background-color: #a0cef4 !important;
        }

            .app-theme-vantage .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active::after,
            .app-theme-vantage .app-map-info-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active::after {
                background-color: #2075bb !important;
            }

    .app-theme-vantage.app-desktop .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-vantage .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-vantage .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-vantage .ui-datepicker .ui-datepicker-next:hover {
        background-color: #ffe1a8 !important;
        border-color: #f0a105 !important;
    }


    .app-theme-vantage .ui-btn.ui-btn-icon-notext::after,
    .app-theme-vantage .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-vantage .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-vantage .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-vantage .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-vantage .ui-datepicker .ui-datepicker-prev span,
    .app-theme-vantage .ui-datepicker .ui-datepicker-next span,
    .app-theme-vantage .ui-checkbox-on:after,
    .app-theme-vantage .ui-flipswitch-active,
    .app-theme-vantage .ui-slider-track .ui-btn-active {
        background-color: #f0a105;
    }

    .app-theme-vantage .ui-btn .glyphicon {
        color: #f0a105;
    }

    .app-theme-vantage .app-icon-themed {
        fill: #f0a105;
    }

    .app-theme-vantage .ui-radio-on:after,
    .app-theme-vantage .ui-slider-track .ui-btn-active,
    .app-theme-vantage .ui-flipswitch-active {
        border-color: #f0a105 !important;
    }


    .app-theme-vantage .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-vantage .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-vantage .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-vantage .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-vantage .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #c58302 !important;
    }

    .app-theme-vantage .ui-btn.ui-btn-icon-notext.ui-btn-active.app-btn-promo::after {
        background-color: #445166 !important;
    }



    /*swatch b*/
    .app-theme-vantage .ui-btn.ui-btn-b,
    .app-theme-vantage .ui-btn.ui-btn-b:visited,
    body.app-theme-vantage:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #ffb219;
        border-color: #bce0fe;
        color: #4c5b72;
    }

        .app-theme-vantage .ui-btn.ui-btn-b::after {
            background-color: #cc8904;
        }

        /*swatch b hover*/

        .app-theme-vantage .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-vantage.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-vantage .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-vantage .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #febd3d;
            border-color: #bce0fe;
            color: #4c5b72 !important;
        }

    .app-theme-vantage .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #bce0fe !important;
    }

    .app-theme-vantage .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-vantage.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-vantage .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #ffb219 !important;
    }

    .app-theme-vantage .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-vantage.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }


    /*swatch b divider*/
    .app-theme-vantage .ui-bar-b,
    .app-theme-vantage .ui-bar-b .ui-bar-inherit,
    html .app-theme-vantage.ui-body-b .ui-bar-inherit,
    html body.app-theme-vantage .ui-group-theme-b .ui-bar-inherit {
        border-color: #bce0fe;
        background-color: #bce0fe;
    }

    /*fix for lookups/inputs*/
    .app-theme-vantage .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-vantage .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-vantage .ui-input-text:not(.ui-btn-active),
    .app-theme-vantage .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-vantage .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #ffb219;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-vantage .ui-btn.app-lookup.ui-focus,
        .app-theme-vantage .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-vantage .ui-input-text.ui-focus,
        .app-theme-vantage .app-form-editing .ui-input-text.ui-focus,
        .app-theme-vantage .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-vantage .ui-checkbox label.ui-focus,
        .app-theme-vantage .ui-datepicker .ui-state-active {
            border-color: #4fadfc !important;
        }

    .app-theme-vantage .ui-slider {
        border-color: #ffb219 !important;
    }

    .app-theme-vantage .ui-slider-label.ui-btn-active {
        background-color: #4fadfc !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-vantage .ui-body-a.ui-collapsible-content,
    .app-theme-vantage .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-vantage .ui-btn.app-lookup,
    .app-theme-vantage .ui-btn.ui-btn-active.app-lookup {
        border-color: #4fadfc;
    }

    .app-theme-vantage .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-vantage .app-grid-header {
        color: #999;
    }

    .app-theme-vantage .app-listview li .app-li-corner {
        color: #fff;
        background-color: #4fadfc;
    }

    .app-theme-vantage .dataview-busy-indicator {
        background-color: #445166;
    }

    .app-theme-vantage .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-vantage .ui-bar-a .app-user-name {
        color: #333 !important;
    }

    .app-theme-vantage .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
    .app-theme-vantage .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
        color: #000 !important;
    }


/*********************************/
/* THEME: verdant               */
/*******************************/

.app-theme-verdant,
.app-theme-verdant .ui-page-theme-a,
.app-theme-verdant .app-page-header {
    background-color: #f8ffea;
    /*scrollbar-base-color: #7caa17;
    scrollbar-arrow-color: #7caa17;
    scrollbar-track-color: #c8ea82;
    scrollbar-shadow-color: #c8ea82;*/
}

    /*
    .app-theme-verdant.app-desktop ::-webkit-scrollbar-track {
        background-color: #c8ea82;
    }

    .app-theme-verdant.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #7caa17;
        border: solid 1px #c8ea82;
    }

        .app-theme-verdant.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #6d9615;
        }*/

    .app-theme-verdant .app-page-header {
        color: #382500;
    }

    .app-theme-verdant .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-verdant .ui-panel,
    .app-theme-verdant .app-status-bar {
        background-color: #a1d334;
        border-color: #7caa17;
    }

    .app-theme-verdant .app-page-header {
        background-color: #ffe8a7;
    }

    .app-theme-verdant .app-status-bar {
        color: #000;
    }

    .app-theme-verdant .app-form-editing.app-formview .app-static-text div,
    .app-theme-verdant .app-page-menu-desc,
    .app-theme-verdant .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-verdant .app-popup-message,
    .app-theme-verdant .ui-content.app-map-info {
        background-color: #a1d334;
        border-color: #8fbf28;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-verdant .app-popup-message .ui-popup-arrow {
            background-color: #a1d334;
        }

        .app-theme-verdant .app-popup-message div {
            color: #8fbf28;
        }

    /* page header */
    .app-theme-verdant .app-bar-tools.ui-bar-a,
    .app-theme-verdant :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-verdant .ui-header {
        background-color: #a1d334;
        border-color: #7caa17;
        text-shadow: none;
    }

    .app-theme-verdant .app-popup-listview .ui-popup-arrow,
    .app-theme-verdant .app-popup-listview {
        background-color: #a1d334 !important;
        border-color: #a1d334 !important;
    }

    .app-theme-verdant .app-page-header {
        border-color: #7caa17 !important;
    }

    /* list dividers*/
    .app-theme-verdant .ui-li-divider {
        background-color: #8fbf28;
        border-color: #7caa17;
        color: #555;
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-verdant .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-verdant .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-verdant .app-presenter-instruction,
    .app-theme-verdant .app-grid-header .app-frozen-spacer {
        background-color: #c8ea82 !important;
        border-color: #8fbf28 !important;
        color: #000066;
    }

    body:not(.app-sidebar-undocked).app-theme-verdant .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-verdant .app-sidebar,
    .app-theme-verdant .app-divider:not(.ui-collapsible),
    .app-theme-verdant .app-echo,
    .app-theme-verdant .app-header {
        border-color: #7caa17 !important;
    }

    .app-theme-verdant .app-bar-heading {
        background-color: #c8ea82;
        color: #000066;
        text-shadow: none;
    }

    .app-theme-verdant .ui-body-a,
    .app-theme-verdant .app-li-card,
    .app-theme-verdant .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-verdant .app-li-card {
        background-color: #fff;
        border-color: #8fbf28;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-verdant .ui-panel .ui-body-a {
        border-color: #8fbf28 !important;
    }

    .app-theme-verdant .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-verdant .ui-body-a.app-sidebar {
        background-color: #a1d334;
    }

    .app-theme-verdant.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-verdant .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #8fbf28;
    }

    .app-theme-verdant .ui-li-divider.app-info {
        background-color: #fff !important;
    }

        .app-theme-verdant .ui-li-divider.app-info .appname {
            color: #003399;
        }

    /* fix for form "card" */
    .app-theme-verdant .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #8fbf28;
        border-left-color: #8fbf28;
        border-right-color: #8fbf28;
    }

    .app-theme-verdant .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-verdant .app-page-header,
    .app-theme-verdant .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-verdant .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-verdant .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-verdant .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-verdant .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-verdant .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-verdant .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-verdant .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-verdant .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-verdant .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-verdant .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-verdant:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-verdant .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-verdant .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-verdant .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-verdant .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-verdant .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-verdant .app-tabs.ui-header,
    .app-theme-verdant #app-welcome .ui-btn:not(:hover),
    .app-theme-verdant #app-popup-login .ui-btn:not(:hover),
    .app-theme-verdant .ui-datepicker .ui-state-highlight,
    .app-theme-verdant .ui-datepicker .ui-datepicker-prev,
    .app-theme-verdant .ui-datepicker .ui-datepicker-next,
    .app-theme-verdant .ui-listview .app-frozen-spacer {
        border-color: #8fbf28;
    }

    .app-theme-verdant .ui-body-b .ui-btn-a,
    .app-theme-verdant .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #a1d334 !important;
    }

    .app-theme-verdant.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #a1d334 !important;
    }

    .app-theme-verdant .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-verdant .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-verdant .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-verdant .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-verdant .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-verdant .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-verdant .app-tabs.ui-header:not(.app-lookup),
    .app-theme-verdant .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-verdant .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-verdant .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-verdant .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-verdant .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-verdant .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-verdant .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-verdant #app-welcome .ui-btn:not(:hover),
    .app-theme-verdant #app-popup-login .ui-btn:not(:hover),
    .app-theme-verdant .app-map-info .ui-popup-arrow,
    .app-theme-verdant .ui-datepicker .ui-datepicker-prev,
    .app-theme-verdant .ui-datepicker .ui-datepicker-next,
    .app-theme-verdant .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #eaffbc;
    }

    /* top border of Info button in sidebar */
    .app-theme-verdant .app-sidebar .ui-btn.ui-icon-info {
        border-color: #7caa17 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-verdant .app-nav-panel .ui-btn-a {
        color: #003399 !important;
    }

    /* subtext coloring*/
    .app-theme-verdant .app-field-label-after,
    .app-theme-verdant .app-field-label-before,
    .app-theme-verdant .app-field-label,
    .app-theme-verdant .ui-panel .app-item-desc,
    .app-theme-verdant .app-item-number {
        color: #003399 !important;
    }

    .app-theme-verdant .ui-page-theme-b a:not(.ui-btn),
    .app-theme-verdant .ui-bar-b a:not(.ui-btn),
    .app-theme-verdant .ui-body-b a:not(.ui-btn),
    .app-theme-verdant .ui-group-theme-b a:not(.ui-btn) {
        color: #003399 !important;
    }

        .app-theme-verdant .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-verdant .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-verdant .ui-body-b a:not(.ui-btn):hover,
        .app-theme-verdant .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-verdant .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-verdant .ui-bar-b a:not(.ui-btn):active,
        .app-theme-verdant .ui-body-b a:not(.ui-btn):active,
        .app-theme-verdant .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-verdant .ui-btn p {
        color: #000 !important;
    }

    .app-theme-verdant .ui-li-aside,
    .app-theme-verdant .ui-btn .ui-li-aside,
    .app-theme-verdant .app-grid-header,
    .app-theme-verdant .app-panel-info-view .app-list-instruction,
    .app-theme-verdant .app-calculated .app-static-text {
        color: #002570 !important;
    }

    .app-theme-verdant .app-filter {
    }

    .app-theme-verdant .app-bar-heading .app-bar-label,
    .app-theme-verdant .app-static-text div,
    .app-theme-verdant .app-form-editing.app-formview label {
        color: #002570;
    }

    .app-theme-verdant .app-wrapper,
    .app-theme-verdant .app-echo-instruction {
        color: #000066;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-verdant .app-selected:not(.ui-btn-active),
    .app-theme-verdant .app-selected:hover,
    .app-theme-verdant .app-selected:visited,
    .app-theme-verdant .app-selected .app-frozen-spacer {
        background-color: #feda93 !important;
        border-color: #8fbf28 !important;
        color: #000 !important;
    }

    .app-theme-verdant .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    body.app-theme-verdant:not(.app-has-popup-open) .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-verdant .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-verdant .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-verdant .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-verdant .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-verdant .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-verdant #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-verdant #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-verdant .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #defaa2;
        border-color: #8fbf28;
    }

    .app-theme-verdant.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-verdant.app-desktop .ui-datepicker td a:hover {
        background-color: #defaa2;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-verdant .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-verdant .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-verdant .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-verdant .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #fdd483 !important;
        border-color: #8fbf28;
        color: #000 !important;
    }

    /* click */
    .app-theme-verdant .app-grid-header .ui-btn-active,
    .app-theme-verdant .dv-item .app-btn-more.ui-btn-active {
        background-color: #d2b47a !important;
        color: #fff !important;
    }

    .app-theme-verdant .app-listview .ui-btn.app-selected::before {
        background-color: #d2b47a;
    }

    .app-theme-verdant .ui-title.ui-btn-active,
    html body.app-theme-verdant .ui-btn.ui-btn-active,
    .app-theme-verdant .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #d2b47a !important;
        border-color: #8fbf28 !important;
        color: #000 !important;
    }

    .app-theme-verdant .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-verdant .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-verdant #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-verdant .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-verdant .ui-btn-active p,
    .app-theme-verdant .ui-btn-active p.ui-li-aside,
    .app-theme-verdant .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #000 !important;
    }

    .app-theme-verdant .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-verdant .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #D2B47A;
        color: #000;
    }

    .app-theme-verdant .app-echo .dv-action-see-all span {
        border-color: #8FBF28 !important;
    }

    .app-theme-verdant .app-btn-check:not(.app-btn-check-selected) {
        border-color: #8FBF28 !important;
        background-color: transparent !important;
    }

    .app-theme-verdant .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #8FBF28 !important;
    }

    .app-theme-verdant .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #8FBF28 !important;
    }

    .app-theme-verdant .app-btn-check.app-btn-check-selected {
        border-color: #D2B47A !important;
        background-color: #D2B47A !important;
    }

    .app-theme-verdant .app-btn-check .app-icon-themed {
        fill: #000;
    }

    /* tabs */

    .app-theme-verdant .app-tabs .ui-btn {
        border-color: #d2b47a !important;
        color: #000066;
    }

        .app-theme-verdant .app-tabs .ui-btn.ui-btn-active {
            border-color: #d2b47a !important;
            background-color: #d2b47a !important;
        }

    /*button on header bar*/

    .app-theme-verdant.app-desktop .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-verdant .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-verdant .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-verdant .ui-datepicker .ui-datepicker-next:hover {
        background-color: #d5f298 !important;
        border-color: #7caa17 !important;
    }

    .app-theme-verdant .ui-btn.ui-btn-icon-notext::after,
    .app-theme-verdant .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-verdant .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-verdant .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-verdant .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-verdant .ui-datepicker .ui-datepicker-prev span,
    .app-theme-verdant .ui-datepicker .ui-datepicker-next span,
    .app-theme-verdant .ui-checkbox-on:after,
    .app-theme-verdant .ui-flipswitch-active,
    .app-theme-verdant .ui-slider-track .ui-btn-active {
        background-color: #7caa17;
    }

    .app-theme-verdant .ui-btn .glyphicon {
        color: #7caa17;
    }


    .app-theme-verdant .app-icon-themed {
        fill: #7caa17;
    }

    .app-theme-verdant .ui-btn-active .app-icon-themed {
        fill: #000;
    }

    .app-theme-verdant .ui-radio-on:after,
    .app-theme-verdant .ui-slider-track .ui-btn-active,
    .app-theme-verdant .ui-flipswitch-active {
        border-color: #7caa17 !important;
    }


    .app-theme-verdant .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-verdant .ui-btn.ui-btn-active.ui-btn-icon-left::after,
    .app-theme-verdant .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
    .app-theme-verdant .ui-btn.ui-btn-active.ui-btn-icon-top::after,
    .app-theme-verdant .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
        background-color: #2f4400 !important;
    }

    .app-theme-verdant .ui-btn.ui-btn-active.ui-btn-icon-notext.app-btn-promo::after {
        background-color: #d2b47a !important;
    }


    /*swatch b*/
    .app-theme-verdant .ui-btn.ui-btn-b,
    .app-theme-verdant .ui-btn.ui-btn-b:visited,
    body.app-theme-verdant:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #febd3d;
        border-color: #a1d334;
        color: #000;
    }

    .app-theme-verdant .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn.ui-btn-b::after {
        background-color: #cc8904;
    }

    /*swatch b hover*/

    .app-theme-verdant .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-verdant.app-desktop .ui-btn.ui-btn-b:hover,
    .app-theme-verdant .app-popup .ui-content .ui-checkbox .ui-btn:hover,
    .app-theme-verdant .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
        background-color: #fbc457;
        border-color: #a1d334;
        color: #000 !important;
    }

    .app-theme-verdant .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #a1d334 !important;
    }

    .app-theme-verdant .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-verdant.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-verdant .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #a1d334 !important;
    }

    .app-theme-verdant .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-verdant.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }


    /*swatch b divider*/
    .app-theme-verdant .ui-bar-b,
    .app-theme-verdant .ui-bar-b .ui-bar-inherit,
    html .app-theme-verdant.ui-body-b .ui-bar-inherit,
    html body.app-theme-verdant .ui-group-theme-b .ui-bar-inherit {
        border-color: #a1d334;
        background-color: #a1d334;
    }

    /*fix for lookups/inputs*/
    .app-theme-verdant .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-verdant .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-verdant .ui-input-text:not(.ui-btn-active),
    .app-theme-verdant .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-verdant .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #8fbf28;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-verdant .ui-btn.app-lookup.ui-focus,
        .app-theme-verdant .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-verdant .ui-input-text.ui-focus,
        .app-theme-verdant .app-form-editing .ui-input-text.ui-focus,
        .app-theme-verdant .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-verdant .ui-checkbox label.ui-focus,
        .app-theme-verdant .ui-datepicker .ui-state-active {
            border-color: #d2b47a !important;
        }

    .app-theme-verdant .ui-slider {
        border-color: #8fbf28 !important;
    }

    .app-theme-verdant .ui-slider-label.ui-btn-active {
        background-color: #7caa17 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-verdant .ui-body-a.ui-collapsible-content,
    .app-theme-verdant .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-verdant .ui-btn.app-lookup,
    .app-theme-verdant .ui-btn.ui-btn-active.app-lookup {
        border-color: #7caa17;
    }

    .app-theme-verdant .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-verdant .app-grid-header {
        color: #999;
    }

    .app-theme-verdant .app-listview li .app-li-corner {
        color: #fff;
        background-color: #7caa17;
    }

    .app-theme-verdant .dataview-busy-indicator {
        background-color: #003399;
    }

    .app-theme-verdant .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-verdant .ui-bar-a .app-user-name {
        color: #333 !important;
    }

    .app-theme-verdant .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
    .app-theme-verdant .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
        color: #000 !important;
    }

/*********************************/
/* THEME: viewpoint             */
/*******************************/

.app-theme-viewpoint,
.app-theme-viewpoint .ui-page-theme-a,
.app-theme-viewpoint .app-page-header {
    background-color: #fff;
    /*scrollbar-base-color: #96a528;
    scrollbar-arrow-color: #96a528;
    scrollbar-track-color: #e9efbf ;
    scrollbar-shadow-color: #e9efbf ;*/
}

    /*
    .app-theme-viewpoint.app-desktop ::-webkit-scrollbar-track {
        background-color: #e9efbf ;
    }

    .app-theme-viewpoint.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #96a528;
        border: solid 1px #e9efbf ;
    }

        .app-theme-viewpoint.app-desktop ::-webkit-scrollbar-thumb:hover {
            background-color: #808c22;
        }*/

    .app-theme-viewpoint .app-page-header {
        color: #1f1f1f;
    }

    .app-theme-viewpoint .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-viewpoint .ui-panel,
    .app-theme-viewpoint .app-page-header,
    .app-theme-viewpoint .app-status-bar {
        background-color: #e9efbf;
        border-color: #cddb6b;
    }

    .app-theme-viewpoint .app-nav-panel {
        background-color: #e6f0d8;
    }

    .app-theme-viewpoint .app-status-bar {
        color: #000;
    }

    .app-theme-viewpoint .app-form-editing.app-formview .app-static-text div,
    .app-theme-viewpoint .app-page-menu-desc,
    .app-theme-viewpoint .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-viewpoint .app-popup-message,
    .app-theme-viewpoint .ui-content.app-map-info {
        background-color: #e9efbf;
        border-color: #cddb6b;
        text-shadow: none;
        color: #000;
    }

        .app-theme-viewpoint .app-popup-message .ui-popup-arrow {
            background-color: #e9efbf;
        }

        .app-theme-viewpoint .app-popup-message div {
            color: #b3b435;
        }

    /* page header */
    .app-theme-viewpoint .app-bar-tools.ui-bar-a,
    .app-theme-viewpoint :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-viewpoint .ui-header {
        background-color: #e9efbf;
        border-color: #cddb6b;
        text-shadow: none;
    }

    .app-theme-viewpoint .app-popup-listview .ui-popup-arrow,
    .app-theme-viewpoint .app-popup-listview {
        background-color: #e9efbf !important;
        border-color: #e9efbf !important;
    }

    .app-theme-viewpoint .app-page-header {
        border-color: #acbf2d !important;
    }

    /* list dividers*/
    .app-theme-viewpoint .ui-li-divider {
        background-color: #d0e3b7;
        border-color: #acbf2d;
        color: #555;
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-viewpoint .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-viewpoint .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-viewpoint .app-presenter-instruction,
    .app-theme-viewpoint .app-grid-header .app-frozen-spacer {
        background-color: #f0f5d4 !important;
        border-color: #acbf2d !important;
        color: #43282f;
    }

    body:not(.app-sidebar-undocked).app-theme-viewpoint .ui-header-fixed .ui-title,
    .app-theme-viewpoint .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-viewpoint .app-echo,
    .app-theme-viewpoint .app-header {
        border-color: #cddb6b !important;
    }

    .app-theme-viewpoint .app-bar-actions {
        background-color: #e6f0d8 !important;
        border-color: #b1d085 !important;
    }

body:not(.app-sidebar-undocked).app-theme-viewpoint .app-sidebar {
    border-color: #b1d085;
}

.app-theme-viewpoint .app-bar-heading {
    background-color: #f0f5d4;
    color: #43282f;
    text-shadow: none;
}

.app-theme-viewpoint .ui-body-a,
.app-theme-viewpoint .app-li-card,
.app-theme-viewpoint .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
.app-theme-viewpoint .app-li-card {
    background-color: #fff;
    border-color: #acbf2d;
    /*color: #fff;*/
    text-shadow: none;
}

.app-theme-viewpoint .ui-panel .ui-body-a {
    border-color: #acbf2d !important;
}

.app-theme-viewpoint .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
    background-color: #fff;
}


/*sidebar customizations*/
.app-theme-viewpoint .ui-body-a.app-sidebar {
    background-color: #e6f0d8;
}

.app-theme-viewpoint.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
.app-theme-viewpoint .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
    border-color: #acbf2d;
}

.app-theme-viewpoint .ui-li-divider.app-info {
    background-color: #eeecea !important;
}

    .app-theme-viewpoint .ui-li-divider.app-info .appname {
        color: #43282f;
    }

/* fix for form "card" */
.app-theme-viewpoint .ui-page-theme-a .ui-body-inherit.app-li-card {
    border-top-color: #acbf2d;
    border-left-color: #acbf2d;
    border-right-color: #acbf2d;
}

/*.app-theme-viewpoint .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

.app-theme-viewpoint .app-form-editing.app-formview .ui-field-contain {
    border-top-color: transparent;
}


/*buttons*/
.app-theme-viewpoint .app-page-header,
.app-theme-viewpoint .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html .app-theme-viewpoint .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html .app-theme-viewpoint .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html body.app-theme-viewpoint .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
html head + body.app-theme-viewpoint .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
.app-theme-viewpoint .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html .app-theme-viewpoint .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html .app-theme-viewpoint .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html body.app-theme-viewpoint .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
html head + body.app-theme-viewpoint .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
.app-theme-viewpoint .app-form-grid .ui-collapsible-set,
/* button overrides to remove "hover" on touch screens */
body.app-theme-viewpoint:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
body:not(.app-desktop).app-theme-viewpoint .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-viewpoint .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-viewpoint .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body:not(.app-desktop).app-theme-viewpoint .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
html head + body:not(.app-desktop).app-theme-viewpoint .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
.app-theme-viewpoint .app-tabs.ui-header,
.app-theme-viewpoint #app-welcome .ui-btn:not(:hover),
.app-theme-viewpoint #app-popup-login .ui-btn:not(:hover),
.app-theme-viewpoint .ui-datepicker .ui-state-highlight,
.app-theme-viewpoint .ui-datepicker .ui-datepicker-prev,
.app-theme-viewpoint .ui-datepicker .ui-datepicker-next,
    .app-theme-viewpoint .ui-listview .app-frozen-spacer {
    border-color: #acbf2d;
}

.app-theme-viewpoint .ui-body-b .ui-btn-a,
.app-theme-viewpoint .ui-body-b .ui-btn-a.ui-btn-active {
    border-color: #acbf2d !important;
}

.app-theme-viewpoint.app-has-popup-open .app-menu-strip .ui-btn:hover {
    background-color: #acbf2d !important;
}

.app-theme-viewpoint .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
html .app-theme-viewpoint .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
html .app-theme-viewpoint .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-theme-viewpoint .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
html head + body.app-theme-viewpoint .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
.app-theme-viewpoint .ui-panel-page-container-a:not(.app-lookup),
.app-theme-viewpoint .app-tabs.ui-header:not(.app-lookup),
.app-theme-viewpoint .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html .app-theme-viewpoint .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html .app-theme-viewpoint .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
html body.app-theme-viewpoint .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
html head + body.app-theme-viewpoint .ui-btn-a.ui-btn:visited:not(.app-selected),
.app-theme-viewpoint .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
body.app-desktop.app-theme-viewpoint .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
.app-theme-viewpoint #app-welcome .ui-btn:not(:hover),
.app-theme-viewpoint #app-popup-login .ui-btn:not(:hover),
.app-theme-viewpoint .app-map-info .ui-popup-arrow,
.app-theme-viewpoint .ui-datepicker .ui-datepicker-prev,
.app-theme-viewpoint .ui-datepicker .ui-datepicker-next,
.app-theme-viewpoint .ui-listview .app-frozen-spacer {
    /*color: #000;*/
    background-color: #fafbf0;
}

/* top border of Info button in sidebar */
.app-theme-viewpoint .app-sidebar .ui-btn.ui-icon-info {
    border-color: #acbf2d !important;
}

/* navigation panel selected item color fix*/
.app-theme-viewpoint .app-nav-panel .ui-btn-a {
    color: #1f1f1f !important;
}

/* subtext coloring*/
.app-theme-viewpoint .app-field-label-after,
.app-theme-viewpoint .app-field-label-before,
.app-theme-viewpoint .app-field-label,
.app-theme-viewpoint .ui-panel .app-item-desc,
.app-theme-viewpoint .app-item-number {
    color: #b3b435 !important;
}

.app-theme-viewpoint .ui-page-theme-b a:not(.ui-btn),
.app-theme-viewpoint .ui-bar-b a:not(.ui-btn),
.app-theme-viewpoint .ui-body-b a:not(.ui-btn),
.app-theme-viewpoint .ui-group-theme-b a:not(.ui-btn) {
    color: #b3b435 !important;
}

    .app-theme-viewpoint .ui-page-theme-b a:not(.ui-btn):hover,
    .app-theme-viewpoint .ui-bar-b a:not(.ui-btn):hover,
    .app-theme-viewpoint .ui-body-b a:not(.ui-btn):hover,
    .app-theme-viewpoint .ui-group-theme-b a:not(.ui-btn):hover,
    .app-theme-viewpoint .ui-page-theme-b a:not(.ui-btn):active,
    .app-theme-viewpoint .ui-bar-b a:not(.ui-btn):active,
    .app-theme-viewpoint .ui-body-b a:not(.ui-btn):active,
    .app-theme-viewpoint .ui-group-theme-b a:not(.ui-btn):active {
        color: #000 !important;
    }

.app-theme-viewpoint .ui-btn p {
    color: #000 !important;
}

.app-theme-viewpoint .ui-li-aside,
.app-theme-viewpoint .ui-btn .ui-li-aside,
.app-theme-viewpoint .app-grid-header,
.app-theme-viewpoint .app-panel-info-view .app-list-instruction,
.app-theme-viewpoint .app-calculated .app-static-text {
    color: #43282f !important;
}

.app-theme-viewpoint .app-filter {
}

.app-theme-viewpoint .app-bar-heading .app-bar-label,
.app-theme-viewpoint .app-static-text div,
.app-theme-viewpoint .app-form-editing.app-formview label {
    color: #96972e;
}

.app-theme-viewpoint .app-wrapper,
.app-theme-viewpoint .app-echo-instruction {
    color: #43282f;
    text-shadow: none;
}

/*selected button*/
.app-theme-viewpoint .app-selected:not(.ui-btn-active),
.app-theme-viewpoint .app-selected:hover,
.app-theme-viewpoint .app-selected:visited,
.app-theme-viewpoint .app-selected .app-frozen-spacer {
    background-color: #eaf0c0 !important;
    border-color: #acbf2d !important;
    color: #000 !important;
}

.app-theme-viewpoint .app-grid-header .app-selected:not(.ui-btn-active) {
    background-color: rgba(0,0,0,0.05) !important;
}

/* hover */
.app-theme-viewpoint .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
.app-desktop.app-theme-viewpoint .ui-page-theme-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-viewpoint .ui-bar-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-viewpoint .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
html body.app-desktop.app-theme-viewpoint .ui-group-theme-a .ui-btn:hover:not(.app-selected),
html head + body.app-desktop.app-theme-viewpoint .ui-btn-a.ui-btn:hover:not(.app-selected),
.app-theme-viewpoint #app-welcome .ui-btn:hover:not(.ui-btn-active),
.app-theme-viewpoint #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-viewpoint .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
    background-color: #f5f7e1;
    border-color: #acbf2d;
}

.app-theme-viewpoint.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
.app-theme-viewpoint.app-desktop .ui-datepicker td a:hover {
    background-color: #f5f7e1;
}

/* selected hover*/
html body.app-desktop.app-theme-viewpoint .ui-btn.app-selected:hover:not(.ui-btn-active),
.app-theme-viewpoint .app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-theme-viewpoint .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
.app-theme-viewpoint .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
    background-color: #e2e8b4 !important;
    border-color: #acbf2d;
    color: #000 !important;
}

/* click */
.app-theme-viewpoint .app-grid-header .ui-btn-active,
.app-theme-viewpoint .dv-item .app-btn-more.ui-btn-active {
    background-color: #3c232a !important;
    color: #fff !important;
}

.app-theme-viewpoint .app-listview .ui-btn.app-selected::before {
    background-color: #3c232a;
}

.app-theme-viewpoint .ui-title.ui-btn-active,
html body.app-theme-viewpoint .ui-btn.ui-btn-active,
    .app-theme-viewpoint .ui-btn.ui-btn-active .app-frozen-spacer {
    background-color: #3c232a !important;
    border-color: #acbf2d !important;
    color: #fff !important;
}

.app-theme-viewpoint .ui-panel-position-left .ui-btn-active .app-item-desc,
.app-theme-viewpoint .ui-panel-position-right .ui-btn-active .app-item-desc,
.app-theme-viewpoint #app-sidebar .ui-btn-active .app-item-desc,
.app-theme-viewpoint .app-listview-static .ui-btn-active .app-item-desc,
.app-theme-viewpoint .ui-btn-active p,
.app-theme-viewpoint .ui-btn-active p.ui-li-aside,
.app-theme-viewpoint .ui-btn.ui-btn-active span:not(.ui-li-count) {
    color: #fff !important;
}

.app-theme-viewpoint .dv-action-see-all .app-btn-prev.ui-btn-active,
.app-theme-viewpoint .dv-action-see-all .app-btn-next.ui-btn-active {
    background-color: #3C232A;
    color: #fff;
}

.app-theme-viewpoint .app-btn-check:not(.app-btn-check-selected) {
    border-color: #ACBF2D !important;
    background-color: transparent !important;
}

.app-theme-viewpoint .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
    border-color: #ACBF2D !important;
}

.app-theme-viewpoint .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
    background-color: transparent !important;
    border-color: #ACBF2D !important;
}

.app-theme-viewpoint .app-btn-check.app-btn-check-selected {
    border-color: #3C232A !important;
    background-color: #3C232A !important;
}

.app-theme-viewpoint .app-btn-check .app-icon-themed {
    fill: #fff;
}
/* tabs */

.app-theme-viewpoint .app-tabs .ui-btn {
    border-color: #3c232a !important;
    color: #43282f;
}

    .app-theme-viewpoint .app-tabs .ui-btn.ui-btn-active {
        border-color: #3c232a !important;
        background-color: #3c232a !important;
        color: #fff !important;
    }

/*button on header bar*/

.app-theme-viewpoint.app-desktop .ui-btn.ui-btn-icon-notext:hover,
.app-theme-viewpoint .ui-btn.ui-btn-icon-notext.ui-btn-active,
.app-theme-viewpoint .ui-datepicker .ui-datepicker-prev:hover,
.app-theme-viewpoint .ui-datepicker .ui-datepicker-next:hover {
    border-color: #96a528 !important;
    background-color: #d8e38c !important;
}


.app-theme-viewpoint .ui-btn.ui-btn-icon-notext::after,
.app-theme-viewpoint .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
.app-theme-viewpoint .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
.app-theme-viewpoint .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
.app-theme-viewpoint .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
.app-theme-viewpoint .ui-datepicker .ui-datepicker-prev span,
.app-theme-viewpoint .ui-datepicker .ui-datepicker-next span,
.app-theme-viewpoint .ui-checkbox-on:after,
.app-theme-viewpoint .ui-flipswitch-active,
.app-theme-viewpoint .ui-slider-track .ui-btn-active {
    background-color: #96a528;
}

.app-theme-viewpoint .ui-btn .glyphicon {
    color: #96a528;
}


.app-theme-viewpoint .app-icon-themed {
    fill: #96a528;
}


.app-theme-viewpoint .ui-radio-on:after,
.app-theme-viewpoint .ui-slider-track .ui-btn-active,
.app-theme-viewpoint .ui-flipswitch-active {
    border-color: #96a528 !important;
}


.app-theme-viewpoint .ui-btn.ui-btn-active.ui-btn-icon-notext::after {
    background-color: #3c232a !important;
}

.app-theme-viewpoint .ui-btn.ui-btn-active.ui-btn-icon-left::after,
.app-theme-viewpoint .ui-btn.ui-btn-active.ui-btn-icon-right:not(.app-btn-icon-transparent)::after,
.app-theme-viewpoint .ui-btn.ui-btn-active.ui-btn-icon-top::after,
.app-theme-viewpoint .ui-btn.ui-btn-active.ui-btn-icon-bottom::after {
    background-color: #6a751c !important;
}

/*swatch b*/
.app-theme-viewpoint .ui-btn.ui-btn-b,
.app-theme-viewpoint .ui-btn.ui-btn-b:visited,
body.app-theme-viewpoint:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
    background-color: #d0e3b7;
    border-color: #acbf2d;
    color: #43282f;
}

    /*swatch b hover*/

    .app-theme-viewpoint .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-viewpoint.app-desktop .ui-btn.ui-btn-b:hover,
    .app-theme-viewpoint .app-popup .ui-content .ui-checkbox .ui-btn:hover,
    .app-theme-viewpoint .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
        background-color: #c9dfad;
        border-color: #acbf2d;
        color: #43282f !important;
    }

.app-theme-viewpoint .app-nav-panel .ui-btn.ui-btn-b {
    border-color: #acbf2d !important;
}

.app-theme-viewpoint .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
.app-theme-viewpoint.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
.app-theme-viewpoint .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
    border-color: #acbf2d !important;
}

.app-theme-viewpoint .ui-btn.ui-btn-b.ui-btn-active,
.app-theme-viewpoint.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
    color: #fff !important;
}


/*swatch b divider*/
.app-theme-viewpoint .ui-bar-b,
.app-theme-viewpoint .ui-bar-b .ui-bar-inherit,
html .app-theme-viewpoint.ui-body-b .ui-bar-inherit,
html body.app-theme-viewpoint .ui-group-theme-b .ui-bar-inherit {
    border-color: #acbf2d;
    background-color: #cddb6b;
}

/*fix for lookups/inputs*/
.app-theme-viewpoint .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
.app-theme-viewpoint .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
.app-theme-viewpoint .ui-input-text:not(.ui-btn-active),
.app-theme-viewpoint .app-form-editing .ui-input-text:not(.ui-btn-active),
.app-theme-viewpoint .ui-input-search.ui-body-inherit {
    background-color: #fff;
    border-color: #cddb6b;
    text-shadow: none;
    /*color: #fff;*/
}

    .app-theme-viewpoint .ui-btn.app-lookup.ui-focus,
    .app-theme-viewpoint .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
    .app-theme-viewpoint .ui-input-text.ui-focus,
    .app-theme-viewpoint .app-form-editing .ui-input-text.ui-focus,
    .app-theme-viewpoint .ui-input-search.ui-body-inherit.ui-focus,
    .app-theme-viewpoint .ui-checkbox label.ui-focus,
    .app-theme-viewpoint .ui-datepicker .ui-state-active {
        border-color: #acbf2d !important;
    }

.app-theme-viewpoint .ui-slider {
    border-color: #cddb6b !important;
}

.app-theme-viewpoint .ui-slider-label.ui-btn-active {
    background-color: #3c232a !important;
}

/* background bleed under form in editing mode*/
.app-theme-viewpoint .ui-body-a.ui-collapsible-content {
    background-color: #fff;
}

.app-theme-viewpoint .app-bar-tools .ui-input-search.ui-body-inherit {
    background-color: #fff;
}

.app-theme-viewpoint .ui-btn.app-lookup,
.app-theme-viewpoint .ui-btn.ui-btn-active.app-lookup {
    border-color: #acbf2d;
}

.app-theme-viewpoint .app-lookup-input {
    background-color: transparent;
    /*color: #fff;*/
}

.app-theme-viewpoint .app-grid-header {
    color: #999;
}

@media (min-width: 20em) {

    .app-theme-viewpoint .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-black.png);
    }
}

.app-theme-viewpoint .app-listview li .app-li-corner {
    color: #fff;
    background-color: #3c232a;
}

.app-theme-viewpoint .dataview-busy-indicator {
    background-color: #3c232a;
}


/*********************************/
/* THEME: whitesmoke            */
/*******************************/

.app-theme-whitesmoke,
.app-theme-whitesmoke .ui-page-theme-a,
.app-theme-whitesmoke .app-page-header {
    background-color: #fff;
}

    .app-theme-whitesmoke .app-page-header {
        color: #000;
    }

    .app-theme-whitesmoke .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-whitesmoke .ui-panel,
    .app-theme-whitesmoke .app-page-header,
    .app-theme-whitesmoke .app-status-bar {
        background-color: #dddddd;
        border-color: #a7a7a7;
    }

    .app-theme-whitesmoke .app-status-bar {
        color: #000;
    }

    .app-theme-whitesmoke .app-form-editing.app-formview .app-static-text div,
    .app-theme-whitesmoke .app-page-menu-desc,
    .app-theme-whitesmoke .ui-checkbox label {
        text-shadow: none !important;
    }

    /*popup*/
    .app-theme-whitesmoke .app-popup-message,
    .app-theme-whitesmoke .ui-content.app-map-info {
        background-color: #dddddd;
        border-color: #d9d9d9;
        text-shadow: none;
        color: #000;
    }

        .app-theme-whitesmoke .app-popup-message .ui-popup-arrow {
            background-color: #dddddd;
        }

        .app-theme-whitesmoke .app-popup-message div {
            color: #d9d9d9;
        }

    /* page header */
    .app-theme-whitesmoke .app-bar-tools.ui-bar-a,
    .app-theme-whitesmoke :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-whitesmoke .ui-header {
        background-color: #dddddd;
        border-color: #a7a7a7;
        text-shadow: none;
    }

    .app-theme-whitesmoke .app-popup-listview .ui-popup-arrow,
    .app-theme-whitesmoke .app-popup-listview {
        background-color: #dddddd !important;
        border-color: #dddddd !important;
    }

    .app-theme-whitesmoke .ui-body-a:not(.ui-popup) .ui-btn-b,
    .app-theme-whitesmoke .app-page-header {
        border-color: #a7a7a7 !important;
    }

    /* list dividers*/
    .app-theme-whitesmoke .ui-li-divider {
        background-color: #d9d9d9;
        border-color: #a7a7a7;
        color: #555;
        text-shadow: none;
    }


    /* view descriptions*/
    .app-theme-whitesmoke .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-whitesmoke .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-whitesmoke .app-presenter-instruction,
    .app-theme-whitesmoke .app-grid-header .app-frozen-spacer {
        background-color: #dddddd !important;
        border-color: #d9d9d9 !important;
        color: #747474;
    }

    body:not(.app-sidebar-undocked).app-theme-whitesmoke .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-whitesmoke .app-sidebar,
    .app-theme-whitesmoke .app-divider:not(.ui-collapsible):not(.app-calculated),
    .app-theme-whitesmoke .app-echo,
    .app-theme-whitesmoke .app-header {
        border-color: #a7a7a7 !important;
    }

    .app-theme-whitesmoke .app-bar-heading {
        background-color: #eeeeee;
        color: #747474;
        text-shadow: none;
    }

    .app-theme-whitesmoke .ui-body-a,
    .app-theme-whitesmoke .app-li-card,
    .app-theme-whitesmoke .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-whitesmoke .app-li-card {
        background-color: #fff;
        border-color: #d9d9d9;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-whitesmoke .ui-panel .ui-body-a {
        border-color: #a7a7a7 !important;
    }

    .app-theme-whitesmoke .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    .app-theme-whitesmoke .ui-body-a.app-sidebar {
        background-color: #eeeeee;
    }

    .app-theme-whitesmoke.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-whitesmoke .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #d9d9d9;
    }

    .app-theme-whitesmoke .ui-li-divider.app-info {
        background-color: #eeeeee !important;
    }

        .app-theme-whitesmoke .ui-li-divider.app-info .appname {
            color: #2cb4e8;
        }

    /* fix for form "card" */
    .app-theme-whitesmoke .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #d9d9d9;
        border-left-color: #d9d9d9;
        border-right-color: #d9d9d9;
    }

    .app-theme-whitesmoke .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }


    /*buttons*/
    .app-theme-whitesmoke .app-page-header,
    .app-theme-whitesmoke .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-whitesmoke .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-whitesmoke .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-whitesmoke .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-whitesmoke .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-whitesmoke .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-whitesmoke .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-whitesmoke .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-whitesmoke .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-whitesmoke .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-whitesmoke .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-whitesmoke:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-whitesmoke .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-whitesmoke .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-whitesmoke .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-whitesmoke .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-whitesmoke .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-whitesmoke .app-tabs.ui-header,
    .app-theme-whitesmoke #app-welcome .ui-btn,
    .app-theme-whitesmoke #app-popup-login .ui-btn,
    .app-theme-whitesmoke .ui-datepicker .ui-state-highlight,
    .app-theme-whitesmoke .ui-datepicker .ui-datepicker-prev,
    .app-theme-whitesmoke .ui-datepicker .ui-datepicker-next,
    .app-theme-whitesmoke .ui-listview .app-frozen-spacer {
        border-color: #d9d9d9;
    }

    .app-theme-whitesmoke .ui-body-b .ui-btn-a,
    .app-theme-whitesmoke .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #dddddd !important;
    }

    .app-theme-whitesmoke.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #dddddd !important;
    }

    .app-theme-whitesmoke .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-whitesmoke .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-whitesmoke .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-whitesmoke .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-whitesmoke .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-whitesmoke .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-whitesmoke .app-tabs.ui-header:not(.app-lookup),
    .app-theme-whitesmoke .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-whitesmoke .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-whitesmoke .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-whitesmoke .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-whitesmoke .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-whitesmoke .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-whitesmoke .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-whitesmoke #app-welcome .ui-btn:not(:hover),
    .app-theme-whitesmoke #app-popup-login .ui-btn:not(:hover),
    .app-theme-whitesmoke .app-map-info .ui-popup-arrow,
    .app-theme-whitesmoke .ui-datepicker .ui-datepicker-prev,
    .app-theme-whitesmoke .ui-datepicker .ui-datepicker-next,
    .app-theme-whitesmoke .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-whitesmoke .ui-datepicker .ui-datepicker-next:hover,
    .app-theme-whitesmoke .ui-listview .app-frozen-spacer {
        /*color: #000;*/
        background-color: #eeeeee;
    }

    /* top border of Info button in sidebar */
    .app-theme-whitesmoke .app-sidebar .ui-btn.ui-icon-info {
        border-color: #a7a7a7 !important;
    }

    /* navigation panel selected item color fix*/
    .app-theme-whitesmoke .app-nav-panel .ui-btn-a {
        color: #1f1f1f !important;
    }

    /* subtext coloring*/
    .app-theme-whitesmoke .app-field-label-after,
    .app-theme-whitesmoke .app-field-label-before,
    .app-theme-whitesmoke .app-field-label,
    .app-theme-whitesmoke .ui-panel .app-item-desc,
    .app-theme-whitesmoke .app-item-number {
        color: #777777 !important;
    }

    .app-theme-whitesmoke .ui-page-theme-b a:not(.ui-btn),
    .app-theme-whitesmoke .ui-bar-b a:not(.ui-btn),
    .app-theme-whitesmoke .ui-body-b a:not(.ui-btn),
    .app-theme-whitesmoke .ui-group-theme-b a:not(.ui-btn) {
        color: #777777 !important;
    }

        .app-theme-whitesmoke .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-whitesmoke .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-whitesmoke .ui-body-b a:not(.ui-btn):hover,
        .app-theme-whitesmoke .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-whitesmoke .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-whitesmoke .ui-bar-b a:not(.ui-btn):active,
        .app-theme-whitesmoke .ui-body-b a:not(.ui-btn):active,
        .app-theme-whitesmoke .ui-group-theme-b a:not(.ui-btn):active {
            color: #000 !important;
        }

    .app-theme-whitesmoke .ui-btn p {
        color: #000 !important;
    }

    .app-theme-whitesmoke .ui-li-aside,
    .app-theme-whitesmoke .ui-btn .ui-li-aside,
    .app-theme-whitesmoke .app-grid-header,
    .app-theme-whitesmoke .app-panel-info-view .app-list-instruction,
    .app-theme-whitesmoke .app-calculated .app-static-text {
        color: #58585a !important;
    }

    .app-theme-whitesmoke .app-filter {
    }

    .app-theme-whitesmoke .app-bar-heading .app-bar-label,
    .app-theme-whitesmoke .app-static-text div,
    .app-theme-whitesmoke .app-form-editing.app-formview label {
        color: #58585a;
    }

    .app-theme-whitesmoke .app-wrapper,
    .app-theme-whitesmoke .app-echo-instruction {
        color: #747474;
        text-shadow: none;
    }

    /* hover */
    .app-theme-whitesmoke .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    .app-desktop.app-theme-whitesmoke .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-whitesmoke .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-whitesmoke .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-whitesmoke .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-whitesmoke .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-whitesmoke #app-welcome .ui-btn:hover:not(.ui-btn-active),
    .app-theme-whitesmoke #app-popup-login .ui-btn:hover:not(.ui-btn-active),
    .app-desktop.app-theme-whitesmoke .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #e7e7e7;
        border-color: #d9d9d9;
    }

    .app-theme-whitesmoke.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-whitesmoke.app-desktop .ui-datepicker td a:hover {
        background-color: #e7e7e7;
    }

    /*selected button*/
    .app-theme-whitesmoke .app-selected:not(.ui-btn-active),
    .app-theme-whitesmoke .app-selected:hover,
    .app-theme-whitesmoke .app-selected:visited,
    .app-theme-whitesmoke .app-selected .app-frozen-spacer {
        background-color: #cfe9f3 !important;
        border-color: #d9d9d9 !important;
        color: #000 !important;
    }

    .app-theme-whitesmoke .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-whitesmoke .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-whitesmoke .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-whitesmoke .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-whitesmoke .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #c5e3ef !important;
        border-color: #d9d9d9 !important;
        color: #000 !important;
    }

    /* click */

    .app-theme-whitesmoke .app-grid-header .ui-btn-active,
    .app-theme-whitesmoke .dv-item .app-btn-more.ui-btn-active {
        background-color: #33b5e6 !important;
        color: #000 !important;
    }

    .app-theme-whitesmoke .app-listview .ui-btn.app-selected::before {
        background-color: #33b5e6;
    }

    .app-theme-whitesmoke .ui-title.ui-btn-active,
    html body.app-theme-whitesmoke .ui-btn.ui-btn-active,
    .app-theme-whitesmoke .ui-btn.ui-btn-active .app-frozen-spacer {
        background-color: #33b5e6 !important;
        border-color: #d9d9d9 !important;
        color: #fff !important;
    }

    .app-theme-whitesmoke .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-whitesmoke .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-whitesmoke #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-whitesmoke .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-whitesmoke .ui-btn-active p,
    .app-theme-whitesmoke .ui-btn-active p.ui-li-aside,
    .app-theme-whitesmoke .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }

    .app-theme-whitesmoke .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-whitesmoke .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #33B5E6;
        color: #fff;
    }

    .app-theme-whitesmoke .app-btn-check:not(.app-btn-check-selected) {
        border-color: #D9D9D9 !important;
        background-color: transparent !important;
    }

    .app-theme-whitesmoke .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #D9D9D9 !important;
    }

    .app-theme-whitesmoke .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #D9D9D9 !important;
    }

    .app-theme-whitesmoke .app-btn-check.app-btn-check-selected {
        border-color: #33B5E6 !important;
        background-color: #33B5E6 !important;
    }

    .app-theme-whitesmoke .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */
    /*.app-theme-whitesmoke .app-tabs {
    background-color: #fff !important;
    padding-bottom: 4px !important;
}

.app-theme-whitesmoke .ui-header .ui-btn {
    background-color: #fff !important;
    border-color: #fff !important;
    border-radius: 0 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    color: #000;
}

.app-theme-whitesmoke .ui-header .ui-btn-active {
    background-color: #fff !important;
    box-shadow: 0 5px 0 0 #7b7b7d !important;
    color: #000 !important;
    font-weight: bold;
}

.app-theme-whitesmoke.app-desktop .ui-header .ui-btn:hover {
    background-color: rgba(0,0,0,0.05) !important;
}


.app-theme-whitesmoke .app-tabs ul li:last-child .ui-btn.ui-btn-active,
.app-theme-whitesmoke .app-tabs ul li .ui-btn.ui-last-child.ui-btn-active {
    border-left-width: 0;
}*/

    .app-theme-whitesmoke .app-tabs a.ui-btn,
    html body.app-theme-whitesmoke .app-tabs a.ui-btn.ui-btn-active {
        border-color: #33b5e6 !important;
    }

    /*button on header bar*/

    .app-theme-whitesmoke .ui-btn.ui-btn-icon-notext.ui-btn-active {
        /*border-color: #585858 !important;*/
    }

    .app-theme-whitesmoke .app-bar-tools .ui-btn.ui-btn-icon-notext,
    .app-theme-whitesmoke .app-map-info-toolbar .ui-btn.ui-btn-icon-notext,
    .app-theme-whitesmoke .app-btn {
        border-color: transparent !important;
        background-color: transparent !important;
    }

    .app-theme-whitesmoke .app-bar-tools .ui-btn-active.ui-btn-icon-notext,
    .app-theme-whitesmoke .app-map-info-toolbar .ui-btn-active.ui-btn-icon-notext {
        background-color: transparent !important;
    }

    .app-theme-whitesmoke .ui-btn.ui-btn-icon-notext:hover::after,
    .app-theme-whitesmoke .ui-datepicker .ui-datepicker-prev span,
    .app-theme-whitesmoke .ui-datepicker .ui-datepicker-next span {
        background-color: #333 !important;
    }

    .app-theme-whitesmoke .app-bar-actions .ui-btn,
    .app-theme-whitesmoke .app-bar-actions .ui-btn.ui-btn-active,
    .app-theme-whitesmoke .app-bar-actions .ui-btn.app-selected {
        border-color: #a7a7a7 !important;
    }


    .app-theme-whitesmoke .ui-btn.ui-btn-icon-notext::after,
    .app-theme-whitesmoke .ui-btn.ui-btn-icon-left:not(.ui-radio-on)::after,
    .app-theme-whitesmoke .ui-btn.ui-btn-icon-right:not(.ui-radio-on):not(.app-btn-icon-transparent)::after,
    .app-theme-whitesmoke .ui-btn.ui-btn-icon-top:not(.ui-radio-on)::after,
    .app-theme-whitesmoke .ui-btn.ui-btn-icon-bottom:not(.ui-radio-on)::after,
    .app-theme-whitesmoke .ui-datepicker .ui-datepicker-prev span,
    .app-theme-whitesmoke .ui-datepicker .ui-datepicker-next span,
    .app-theme-whitesmoke .ui-checkbox-on:after,
    .app-theme-whitesmoke .ui-flipswitch-active,
    .app-theme-whitesmoke .ui-slider-track .ui-btn-active {
        box-shadow: 0 0 0 2px #595959 inset;
        background-color: #585858 !important;
    }

    .app-theme-whitesmoke .ui-btn .glyphicon {
        color: #585858;
    }

    .app-theme-whitesmoke .app-icon-themed {
        fill: #585858;
    }

    .app-theme-whitesmoke .ui-radio-on:after,
    .app-theme-whitesmoke .ui-slider-track .ui-btn-active,
    .app-theme-whitesmoke .ui-flipswitch-active {
        border-color: #585858 !important;
    }

    .app-theme-whitesmoke .ui-btn.ui-btn-icon-notext.ui-btn-active::after,
    .app-theme-whitesmoke .ui-btn.ui-btn-icon-left.ui-btn-active::after,
    .app-theme-whitesmoke .ui-btn.ui-btn-icon-right.ui-btn-active:not(.app-btn-icon-transparent)::after,
    .app-theme-whitesmoke .ui-btn.ui-btn-icon-top.ui-btn-active::after,
    .app-theme-whitesmoke .ui-btn.ui-btn-icon-bottom.ui-btn-active::after {
        box-shadow: none !important;
    }

    .app-theme-whitesmoke .ui-btn.ui-btn-icon-notext.ui-btn-active.app-btn-promo::after {
        background-color: #33b5e6 !important;
    }

    .app-theme-whitesmoke .app-bar-tools .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-whitesmoke .app-map-info-toolbar .ui-btn.ui-btn-active.ui-btn-icon-notext::after,
    .app-theme-whitesmoke .ui-btn-right.ui-btn.ui-btn-active.ui-btn-icon-notext::after {
        background-color: #33b5e6 !important;
        box-shadow: none;
    }

    /*swatch b*/
    .app-theme-whitesmoke .ui-btn.ui-btn-b,
    .app-theme-whitesmoke .ui-btn.ui-btn-b:visited,
    body.app-theme-whitesmoke:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #fff;
        border-color: #dddddd;
        color: #747474;
    }

        /*swatch b hover*/

        .app-theme-whitesmoke .ui-btn.ui-btn-b.ui-btn-active,
        .app-theme-whitesmoke.app-desktop .ui-btn.ui-btn-b:hover,
        .app-theme-whitesmoke .app-popup .ui-content .ui-checkbox .ui-btn:hover,
        .app-theme-whitesmoke .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover {
            background-color: #f5f5f5;
            border-color: #dddddd;
            color: #747474 !important;
        }

    .app-theme-whitesmoke .app-nav-panel .ui-btn.ui-btn-b {
        border-color: #dddddd !important;
    }

    .app-theme-whitesmoke .ui-btn.ui-btn-b.ui-btn-active,
    .app-theme-whitesmoke.app-desktop .ui-btn.ui-btn-b.ui-btn-active:hover {
        color: #fff !important;
    }

    .app-theme-whitesmoke .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-whitesmoke.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-whitesmoke .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #dddddd !important;
    }

    /*swatch b divider*/
    .app-theme-whitesmoke .ui-bar-b,
    .app-theme-whitesmoke .ui-bar-b .ui-bar-inherit,
    html .app-theme-whitesmoke.ui-body-b .ui-bar-inherit,
    html body.app-theme-whitesmoke .ui-group-theme-b .ui-bar-inherit {
        border-color: #d9d9d9;
        background-color: #dddddd;
    }

    /*fix for lookups/inputs*/
    .app-theme-whitesmoke .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-whitesmoke .app-form-editing .ui-input-text:not(.ui-btn-active):not(.app-static-text),
    .app-theme-whitesmoke #app-popup-login .ui-input-text:not(.ui-btn-active),
    .app-theme-whitesmoke .ui-input-search.ui-body-inherit {
        border-radius: 0 !important;
        border-color: transparent !important;
        background-color: #fff;
        outline: none;
        border: none;
        background: linear-gradient(#a9a9a9, #a9a9a9) bottom left/1px 6px no-repeat, linear-gradient(#a9a9a9, #a9a9a9) bottom center/1px 1px repeat-x, linear-gradient(#a9a9a9, #a9a9a9) bottom right/1px 6px no-repeat !important;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-whitesmoke .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-whitesmoke #app-popup-login .ui-input-text.ui-focus:not(.app-static-text),
        .app-theme-whitesmoke .app-form-editing .ui-input-text.ui-focus:not(.app-static-text),
        .app-theme-whitesmoke .ui-input-search.ui-body-inherit.ui-focus {
            background: linear-gradient(#09c, #09c) bottom left/1px 6px no-repeat, linear-gradient(#09c, #09c) bottom center/1px 1px repeat-x, linear-gradient(#09c, #09c) bottom right/1px 6px no-repeat !important;
            border: none !important;
        }

    .app-theme-whitesmoke .app-bar-tools .ui-input-search.ui-body-inherit,
    .app-theme-whitesmoke .app-bar-tools .ui-input-search.ui-body-inherit.ui-focus {
        background-color: #dddddd !important;
    }

    .app-theme-whitesmoke .ui-select .ui-btn,
    .app-theme-whitesmoke .ui-select .ui-btn.ui-focus,
    .app-theme-whitesmoke .ui-select .ui-btn.ui-btn-active {
        border-radius: 0 !important;
        border-width: 0 !important;
        background: linear-gradient(#09c, #09c) bottom left/1px 6px no-repeat, linear-gradient(#09c, #09c) bottom center/1px 1px repeat-x, linear-gradient(#09c, #09c) bottom right/1px 6px no-repeat !important;
        background-color: transparent !important;
    }

        .app-theme-whitesmoke .ui-select .ui-btn span.app-lookup {
            color: #000 !important;
        }


    .app-theme-whitesmoke .ui-slider {
        border-color: #a7a7a7 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-whitesmoke .ui-body-a.ui-collapsible-content,
    .app-theme-whitesmoke .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-whitesmoke .ui-btn.app-lookup,
    .app-theme-whitesmoke .ui-btn.ui-btn-active.app-lookup {
        border-color: #a7a7a7;
    }

    .app-theme-whitesmoke .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-whitesmoke .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-whitesmoke .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
    }
}

.app-theme-whitesmoke .app-listview li .app-li-corner {
    color: #fff;
    background-color: #33b5e6;
}

.app-theme-whitesmoke .dataview-busy-indicator {
    background-color: #33b5e6;
}

/*********************************/
/* THEME: yoshi                 */
/*******************************/

.app-theme-yoshi,
.app-theme-yoshi .ui-page-theme-a {
    background-color: #fff;
}

    .app-theme-yoshi .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-yoshi .ui-panel,
    .app-theme-yoshi .app-status-bar {
        /*background-color: #333;*/
        border-color: #a8551c;
    }

    .app-theme-yoshi .app-page-header {
        color: #1f1f1f;
        background-color: #fae2cf;
    }

    .app-theme-yoshi .app-status-bar {
        color: #000;
    }

    .app-theme-yoshi .app-form-editing.app-formview .app-static-text div,
    .app-theme-yoshi .app-page-menu-desc,
    .app-theme-yoshi .ui-checkbox label {
        text-shadow: none !important;
        /*color: #fff;*/
    }

    /*popup*/
    .app-theme-yoshi .app-popup-message,
    .app-theme-yoshi .ui-content.app-map-info {
        background-color: #333;
        border-color: #111;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-yoshi .app-popup-message .ui-popup-arrow {
            background-color: #333;
            border-color: #111;
        }

        .app-theme-yoshi .app-popup-message div,
        .app-theme-yoshi .ui-flipswitch-active a {
            color: #fff !important;
        }

    /* page header */
    .app-theme-yoshi .app-bar-tools.ui-bar-a,
    .app-theme-yoshi :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-yoshi .ui-header {
        background-color: #333;
        border-color: #a8551c;
        text-shadow: none;
        color: #fff;
    }

    .app-theme-yoshi .app-bar-actions {
        background-color: #fae2cf !important;
        border-color: #db7018 !important;
    }

    .app-theme-yoshi .app-popup-listview .ui-popup-arrow,
    .app-theme-yoshi .app-popup-listview {
        background-color: #333 !important;
        border-color: #333 !important;
    }

    .app-theme-yoshi .app-page-header,
    .app-theme-yoshi .app-echo,
    .app-theme-yoshi .app-header {
        border-color: #db7018 !important;
    }

    .app-theme-yoshi .app-menu-strip a.ui-btn,
    .app-theme-yoshi.app-desktop .app-menu-strip a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        color: #fff !important;
    }

    .app-theme-yoshi .app-menu-strip ul li a.ui-btn.app-selected:not(:hover):not(.ui-btn-active),
    .app-theme-yoshi.app-has-popup-open .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active) {
        background-color: rgba(0,0,0, 0.25) !important;
    }

    .app-theme-yoshi.app-desktop .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
        background-color: rgba(255,255,255, .07) !important;
    }

    /* list dividers*/
    .app-theme-yoshi .ui-li-divider {
        background-color: #f2af79;
        border-color: #db7018;
        /*color: #ccc;*/
        text-shadow: none;
    }

    .app-theme-yoshi ui-li-divider,
    .app-theme-yoshi .ui-content.app-page-tasks .app-listview .ui-li-divider:not(.ui-bar-b) {
        background-color: #fcefe4;
        /*border-color: #db7018;*/
        /*color: #fff;*/
        text-shadow: none;
    }

    /* view descriptions*/
    .app-theme-yoshi .ui-listview .app-list-instruction.ui-li-divider,
    .app-theme-yoshi .ui-content:not(.app-page-tasks) .app-listview .ui-li-divider:not(.ui-bar-b):not(.ui-bar-inherit),
    .app-theme-yoshi .app-presenter-instruction,
    .app-theme-yoshi .app-grid-header .app-frozen-spacer {
        background-color: #fae2cf !important;
        border-color: #f2af79 !important;
        color: #ca5b00;
        /*border-bottom-width:1px;*/ /* added border to list/grid header to add color separation*/
    }

    body:not(.app-sidebar-undocked).app-theme-yoshi .ui-header-fixed .ui-title,
    .app-theme-yoshi .app-divider:not(.ui-collapsible):not(.app-calculated) {
        border-color: #111 !important;
        color: #fff;
    }

    .app-theme-yoshi .app-bar-heading {
        background-color: #fae2cf;
        color: #ca5b00;
        text-shadow: none;
    }

    .app-theme-yoshi .ui-body-a,
    .app-theme-yoshi .ui-page-theme-a .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
        border-color: #db7018;
        /*color: #fff;*/
        text-shadow: none;
    }

    .app-theme-yoshi ul:not(.app-form-editing) .ui-field-contain {
        border-color: #f2af79 !important;
    }


    .app-theme-yoshi .ui-page-theme-a .app-formview .ui-body-inherit:not(.ui-focus) {
        background-color: #fff;
    }


    /*sidebar customizations*/
    body:not(.app-sidebar-undocked).app-theme-yoshi .app-sidebar,
    .app-theme-yoshi .ui-body-a.app-sidebar {
        /*background-color: rgb(205, 221, 155);*/
        border-color: #db7018;
    }

    .app-theme-yoshi.app-sidebar-undocked .app-form-grid .ui-collapsible-set,
    .app-theme-yoshi .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-color: #f2af79;
    }

    .app-theme-yoshi .ui-li-divider.app-info {
        background-color: rgb(246, 250, 225) !important;
        color: #000;
    }

    .app-theme-yoshi .appname {
        color: #333 !important;
    }

    /* fix for form "card" */
    .app-theme-yoshi .ui-page-theme-a .ui-body-inherit.app-li-card {
        border-top-color: #f2af79;
        border-left-color: #f2af79;
        border-right-color: #f2af79;
    }

    /*.app-theme-yoshi .ui-listview-inset {
        background-color: #ebf3ff;
    }*/

    .app-theme-yoshi .app-form-editing.app-formview .ui-field-contain {
        border-top-color: transparent;
    }

    .app-theme-yoshi .ui-panel-position-left .ui-btn-active .app-item-desc,
    .app-theme-yoshi .ui-panel-position-right .ui-btn-active .app-item-desc,
    .app-theme-yoshi #app-sidebar .ui-btn-active .app-item-desc,
    .app-theme-yoshi .app-listview-static .ui-btn-active .app-item-desc,
    .app-theme-yoshi .ui-btn-active p,
    .app-theme-yoshi .ui-btn-active p.ui-li-aside,
    .app-theme-yoshi .ui-btn.ui-btn-active span:not(.ui-li-count) {
        color: #fff !important;
    }


    /*buttons*/
    .app-theme-yoshi .ui-page-theme-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-yoshi .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-yoshi .ui-body-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html body.app-theme-yoshi .ui-group-theme-a .ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    html head + body.app-theme-yoshi .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.app-lookup):not(.ui-btn-b),
    .app-theme-yoshi .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-yoshi .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-yoshi .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-yoshi .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-yoshi .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-yoshi .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-yoshi:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-yoshi .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-yoshi .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-yoshi .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-yoshi .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-yoshi .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    .app-theme-yoshi .ui-datepicker .ui-state-highlight,
    .app-theme-yoshi .ui-datepicker .ui-datepicker-prev,
    .app-theme-yoshi .ui-datepicker .ui-datepicker-next,
    .app-theme-yoshi .ui-listview .app-frozen-spacer {
        border-color: #f2af79;
    }

    .app-theme-yoshi .app-tabs.ui-header {
        border-color: #db7018 !important;
    }

    .app-theme-yoshi .ui-body-b .ui-btn-a,
    .app-theme-yoshi .ui-body-b .ui-btn-a.ui-btn-active {
        border-color: #333 !important;
    }

    .app-theme-yoshi.app-has-popup-open .app-menu-strip .ui-btn:hover {
        background-color: #333 !important;
    }

    .app-theme-yoshi .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-yoshi .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-yoshi .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-theme-yoshi .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-yoshi .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-yoshi .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-yoshi .app-tabs.ui-header:not(.app-lookup),
    .app-theme-yoshi .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-yoshi .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-yoshi .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-yoshi .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-yoshi .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-yoshi .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-yoshi .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-yoshi .ui-datepicker .ui-datepicker-prev,
    .app-theme-yoshi .ui-datepicker .ui-datepicker-next,
    .app-theme-yoshi .ui-listview .app-frozen-spacer {
        color: #000;
        background-color: #fff;
    }

    .app-theme-yoshi .ui-popup-arrow {
        background-color: #333 !important;
    }

    /* top border of Info button in sidebar */
    .app-theme-yoshi .app-sidebar .ui-btn.ui-icon-info {
        border-color: #db7018 !important;
    }


    /* navigation panel selected item color fix*/
    .app-theme-yoshi .app-nav-panel .ui-btn-a {
        color: rgb(209, 0, 0) !important;
    }

    /* subtext coloring*/
    .app-theme-yoshi .app-field-label-after,
    .app-theme-yoshi .app-field-label-before,
    .app-theme-yoshi .app-field-label,
    .app-theme-yoshi .ui-panel .app-item-desc,
    .app-theme-yoshi .app-item-number {
        color: #98a473 !important;
    }

    .app-theme-yoshi .ui-page-theme-b a:not(.ui-btn),
    .app-theme-yoshi .ui-bar-b a:not(.ui-btn),
    .app-theme-yoshi .ui-body-b a:not(.ui-btn),
    .app-theme-yoshi .ui-group-theme-b a:not(.ui-btn) {
        color: #ca5b00 !important;
    }

        .app-theme-yoshi .ui-page-theme-b a:not(.ui-btn):hover,
        .app-theme-yoshi .ui-bar-b a:not(.ui-btn):hover,
        .app-theme-yoshi .ui-body-b a:not(.ui-btn):hover,
        .app-theme-yoshi .ui-group-theme-b a:not(.ui-btn):hover,
        .app-theme-yoshi .ui-page-theme-b a:not(.ui-btn):active,
        .app-theme-yoshi .ui-bar-b a:not(.ui-btn):active,
        .app-theme-yoshi .ui-body-b a:not(.ui-btn):active,
        .app-theme-yoshi .ui-group-theme-b a:not(.ui-btn):active {
            color: #eebf98 !important;
        }

    .app-theme-yoshi .ui-btn p {
        color: #000 !important;
    }

    .app-theme-yoshi .ui-li-aside,
    .app-theme-yoshi .ui-btn .ui-li-aside,
    .app-theme-yoshi .app-grid-header,
    .app-theme-yoshi .app-calculated .app-static-text {
        color: #ca5b00 !important;
    }

    .app-theme-yoshi .app-filter {
        color: #6f936f;
    }

    .app-theme-yoshi .app-bar-heading .app-bar-label,
    .app-theme-yoshi .app-static-text div,
    .app-theme-yoshi .app-form-editing.app-formview label,
    .app-theme-yoshi .ui-datepicker .ui-state-default {
        color: #ca5b00;
    }

    .app-theme-yoshi .app-wrapper,
    .app-theme-yoshi .app-echo-instruction {
        color: #ca5b00;
        text-shadow: none;
    }

    /*selected button*/
    .app-theme-yoshi .app-selected:not(.ui-btn-active),
    .app-theme-yoshi .app-selected:hover,
    .app-theme-yoshi .app-selected:visited,
    .app-theme-yoshi .app-selected .app-frozen-spacer {
        background-color: #f8d7bb !important;
        border-color: #f2af79 !important;
        color: #000 !important;
    }

    .app-theme-yoshi .app-grid-header .app-selected:not(.ui-btn-active) {
        background-color: rgba(0,0,0,0.05) !important;
    }

    /* hover */
    .app-theme-yoshi .ui-btn-a:hover:not(.ui-btn-active):not(.app-selected),
    .app-desktop.app-theme-yoshi .ui-page-theme-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-yoshi .ui-bar-a .ui-btn:hover:not(.app-selected),
    html .app-desktop.app-theme-yoshi .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body.app-desktop.app-theme-yoshi .ui-group-theme-a .ui-btn:hover:not(.app-selected),
    html head + body.app-desktop.app-theme-yoshi .ui-btn-a.ui-btn:hover:not(.app-selected),
    .app-theme-yoshi .ui-datepicker .ui-datepicker-prev:hover,
    .app-theme-yoshi .ui-datepicker .ui-datepicker-next:hover,
    .app-desktop.app-theme-yoshi .ui-listview a.ui-btn:hover:not(.app-selected) .app-frozen-spacer  {
        background-color: #fcefe4;
        border-color: #f2af79;
    }

    .app-theme-yoshi.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon),
    .app-theme-yoshi.app-desktop .ui-datepicker td a:hover {
        background-color: #fcefe4;
    }

    /* selected hover*/
    html body.app-desktop.app-theme-yoshi .ui-btn.app-selected:hover:not(.ui-btn-active),
    .app-theme-yoshi .app-echo-toolbar .app-selected:not(.ui-btn-active),
    .app-theme-yoshi .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
    .app-theme-yoshi .app-listview .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
        background-color: #f9ddc6 !important;
        color: #000 !important;
    }

    /* click */
    .app-theme-yoshi .ui-title.ui-btn-active,
    .app-theme-yoshi .app-grid-header .ui-btn-active,
    html body.app-theme-yoshi .ui-btn.ui-btn-active,
    .app-theme-yoshi .dv-item .app-btn-more.ui-btn-active ,
    .app-theme-yoshi .ui-btn.ui-btn-active .app-frozen-spacer{
        background-color: #6f936f !important;
        color: #fff !important;
    }

    .app-theme-yoshi .app-listview .ui-btn.app-selected::before {
        background-color: #6f936f;
    }

    .app-theme-yoshi .dv-action-see-all .app-btn-prev.ui-btn-active,
    .app-theme-yoshi .dv-action-see-all .app-btn-next.ui-btn-active {
        background-color: #6F936F;
        color: #fff;
    }

    .app-theme-yoshi .app-echo .dv-action-see-all span {
        border-color: #F2AF79 !important;
    }

    .app-theme-yoshi .app-btn-check:not(.app-btn-check-selected) {
        border-color: #F2AF79 !important;
        background-color: transparent !important;
    }

    .app-theme-yoshi .ui-btn.app-selected:not(.ui-btn-active) .app-btn-check:not(.app-btn-check-selected) {
        border-color: #F2AF79 !important;
    }

    .app-theme-yoshi .app-grid-header .app-btn-check:not(.app-btn-check-selected) {
        background-color: transparent !important;
        border-color: #F2AF79 !important;
    }

    .app-theme-yoshi .app-btn-check.app-btn-check-selected {
        border-color: #6F936F !important;
        background-color: #6F936F !important;
    }

    .app-theme-yoshi .app-btn-check .app-icon-themed {
        fill: #fff;
    }

    /* tabs */

    .app-theme-yoshi .app-tabs .ui-btn {
        border-color: #6f936f !important;
        /*color:  #2e2406;*/
    }

        .app-theme-yoshi .app-tabs .ui-btn.ui-btn-active {
            border-color: #6f936f !important;
            background-color: #6f936f !important;
            color: #fff !important;
        }
    /*toolbar button background*/
    .app-theme-yoshi .app-bar-tools .ui-btn,
    .app-theme-yoshi .app-map-info-toolbar .ui-btn {
        background-color: #333 !important;
        border-color: #1f1f1f !important;
    }

    .app-theme-yoshi.app-desktop .app-bar-tools .ui-btn:hover,
    .app-theme-yoshi.app-desktop .app-map-info-toolbar .ui-btn:hover {
    }

        .app-theme-yoshi.app-desktop .app-bar-tools.ui-btn:hover::after,
        .app-theme-yoshi.app-desktop .bap-map-info-toolbar.ui-btn:hover::after {
            background-color: #000 !important;
        }

    .app-theme-yoshi .app-bar-tools .ui-btn.ui-btn-active,
    .app-theme-yoshi .app-map-info-toolbar .ui-btn.ui-btn-active,
    .app-theme-yoshi .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-yoshi .ui-checkbox-on:after,
    .app-theme-yoshi .ui-flipswitch-active,
    .app-theme-yoshi .ui-slider-track .ui-btn-active {
        background-color: #6f936f !important;
    }

    .app-theme-yoshi .ui-radio-on:after,
    .app-theme-yoshi .ui-slider-track .ui-btn-active,
    .app-theme-yoshi .ui-flipswitch-active {
        border-color: #6f936f !important;
    }

    /*button on header bar*/
    .app-theme-yoshi.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-yoshi.app-desktop .app-map-info-toolbar .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-yoshi .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-yoshi .app-map-info-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active,
    .app-theme-yoshi .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #000 !important;
    }


    /*swatch b*/
    .app-theme-yoshi .ui-btn.ui-btn-b:not(.ui-btn-active),
    .app-theme-yoshi .ui-btn.ui-btn-b:visited:not(.ui-btn-active),
    body.app-theme-yoshi:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
        background-color: #333 !important;
        border-color: #1f1f1f !important;
        color: #fff !important;
    }

    /*swatch b hover*/
    .app-theme-yoshi.app-desktop .ui-btn.ui-btn-b:hover,
    .app-theme-yoshi .ui-btn.ui-btn-b.ui-btn-active {
        border-color: #1f1f1f !important;
    }

        .app-theme-yoshi.app-desktop .ui-btn.ui-btn-b:hover:not(.ui-btn-active),
        .app-theme-yoshi .app-popup .ui-content .ui-checkbox .ui-btn:hover:not(.ui-btn-active),
        .app-theme-yoshi .app-popup .ui-content .ui-checkbox .ui-btn.ui-focus:hover:not(.ui-btn-active) {
            background-color: #373737 !important;
            border-color: #1f1f1f !important;
            color: #fff;
        }

    /*swatch b divider*/
    .app-theme-yoshi .ui-bar-b,
    .app-theme-yoshi .ui-bar-b .ui-bar-inherit,
    html .app-theme-yoshi.ui-body-b .ui-bar-inherit,
    html body.app-theme-yoshi .ui-group-theme-b .ui-bar-inherit {
        border-color: #111;
        background-color: #333;
    }

    .app-theme-yoshi .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b,
    .app-theme-yoshi.app-desktop .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b:hover,
    .app-theme-yoshi .ui-body-a:not(#app-welcome):not(#app-popup-login) .ui-btn-b.ui-btn-active {
        border-color: #db7018 !important;
    }

    /*fix for lookups/inputs*/
    .app-theme-yoshi .ui-btn.app-lookup:not(.ui-btn-active):not(.ui-focus),
    .app-theme-yoshi .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select:not(.ui-focus) .ui-btn:not(.ui-btn-active),
    .app-theme-yoshi .ui-input-text:not(.ui-btn-active),
    .app-theme-yoshi .app-form-editing .ui-input-text:not(.ui-btn-active),
    .app-theme-yoshi .ui-input-search.ui-body-inherit {
        background-color: #fff;
        border-color: #f2af79;
        text-shadow: none;
        /*color: #fff;*/
    }

        .app-theme-yoshi .ui-btn.app-lookup.ui-focus,
        .app-theme-yoshi .app-wrapper .app-formview.app-form-editing .ui-field-contain .ui-select.ui-focus .ui-btn:not(.ui-btn-active),
        .app-theme-yoshi .ui-input-text.ui-focus,
        .app-theme-yoshi .app-form-editing .ui-input-text.ui-focus,
        .app-theme-yoshi .ui-input-search.ui-body-inherit.ui-focus,
        .app-theme-yoshi .ui-checkbox label.ui-focus,
        .app-theme-yoshi .ui-datepicker .ui-state-active {
            border-color: #d0e3b7 !important;
        }

    .app-theme-yoshi .ui-slider {
        border-color: #f2af79 !important;
    }

    .app-theme-yoshi .ui-slider-label.ui-btn-active {
        background-color: #111 !important;
        color: #000 !important;
    }

    /* background bleed under form in editing mode*/
    .app-theme-yoshi .ui-body-a.ui-collapsible-content {
        background-color: #fff;
        border-bottom-color: #f2af79 !important;
    }

    .app-theme-yoshi .app-bar-tools .ui-input-search.ui-body-inherit {
        background-color: #fff;
    }

    .app-theme-yoshi .app-popup .ui-content .ui-checkbox .ui-btn:not(ui-btn-active):not(:hover) {
        background-color: #333;
        border-color: #333 !important;
        text-shadow: none;
        color: #fff !important;
    }

    .app-theme-yoshi .ui-btn.ui-checkbox-off:after {
        background-color: #6f936f !important;
    }

    .app-theme-yoshi .ui-btn.app-lookup,
    .app-theme-yoshi .ui-btn.ui-btn-active.app-lookup {
        border-color: #db7018;
    }


    .app-theme-yoshi .app-tabs .ui-btn.ui-btn-active,
    .app-theme-yoshi .app-tabs .ui-btn.ui-btn-active:hover,
    .app-theme-yoshi .app-tabs :not(.ui-btn-active).ui-btn,
    .app-theme-yoshi .app-tabs .ui-btn.ui-btn-active,
    .app-desktop.app-theme-yoshi .app-tabs .ui-btn.ui-btn-active:hover {
        /*background-color: rgb(205, 221, 155);*/
    }

    .app-theme-yoshi .app-lookup-input {
        background-color: transparent;
        /*color: #fff;*/
    }

    .app-theme-yoshi .app-grid-header {
        color: #999;
    }

@media (min-width: 20em) {

    .app-theme-yoshi .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-white.png);
    }
}

.app-theme-yoshi .app-listview li .app-li-corner {
    color: #fff;
    background-color: #6f936f;
}

.app-theme-yoshi .dataview-busy-indicator {
    background-color: #6f936f;
}

.app-theme-yoshi .ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active), .app-theme-yoshi .ui-bar-a .app-user-name {
    color: #ccc !important;
}

.app-theme-yoshi .ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.app-theme-yoshi .ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #fff !important;
}