/*!
 *jQuery UI Datepicker 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em;
    display: none;
    background-color: #fff;
    border: solid 1px #ddd;
    box-shadow: 0 0px 12px rgba(0,0,0,0.6);
    z-index: 1000 !important;
    min-height: 15.5em;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        width: 28px;
        height: 28px;
        background-color: #f6f6f6;
        border: solid 1px #ccc;
        border-radius: 1.8em;
        cursor: pointer;
    }

.app-desktop .ui-datepicker .ui-datepicker-prev:hover,
.app-desktop .ui-datepicker .ui-datepicker-next:hover {
    background-color: #ededed;
    border-color: #ddd;
}

.ui-datepicker .ui-datepicker-prev:active,
.ui-datepicker .ui-datepicker-next:active {
    background-color: #38c;
}

.ui-datepicker .ui-datepicker-prev {
    left: 8px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev span {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E");
}

.ui-datepicker .ui-datepicker-next span {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E") !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -11px;
    vertical-align: central;
    text-align: center;
    background-color: rgba(0,0,0,0.3);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 1em;
    height: 22px;
    width: 22px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0;
    }

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    margin: 3px 4px -3px 4px;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    text-align: right;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
    }

        .ui-datepicker td a:hover {
            background-color: #ededed;
        }

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
    }

        .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
            float: left;
        }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker .ui-datepicker-calendar th {
    width: 2.1em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-datepicker .ui-state-default {
    border: solid 1px transparent;
    border-radius: 0.3em;
    color: #38c;
}

/* current day */
.ui-datepicker .ui-state-highlight {
    border-color: #ddd;
}

/* selected day*/
.ui-datepicker .ui-state-active {
    border-color: #38c;
}

.ui-datepicker .ui-datepicker-other-month .ui-state-default {
    color: #000;
}

/* datepicker theme: dark */
.app-theme-dark .ui-datepicker {
    background-color: #333;
    border-color: #1f1f1f;
    color: #fff;
}

    .app-theme-dark .ui-datepicker td a:hover {
        background-color: #2f2f2f;
    }

    .app-theme-dark .ui-datepicker .ui-datepicker-prev span,
    .app-theme-dark .ui-datepicker .ui-datepicker-next span {
        background-color: #1f1f1f;
    }

    .app-theme-dark .ui-datepicker .ui-datepicker-prev,
    .app-theme-dark .ui-datepicker .ui-datepicker-next {
        background-color: #222;
        border-color: #333;
    }

        .app-theme-dark .ui-datepicker .ui-datepicker-prev:hover,
        .app-theme-dark .ui-datepicker .ui-datepicker-next:hover {
            background-color: #1f1f1f;
            border-color: #1f1f1f;
        }

    .app-theme-dark .ui-datepicker .ui-state-highlight {
        border-color: #1f1f1f;
    }

    .app-theme-dark .ui-datepicker .ui-datepicker-other-month .ui-state-default {
        color: #fff;
    }

.app-clear-fix {
    height: 0;
    clear: both;
}

.app-scrollbar-info {
    width: 100px;
    height: 100px;
    overflow: auto;
    position: absolute;
    top: -200px;
    left: -200px;
    -ms-overflow-style: scrollbar;
    z-index: 4000;
}

    .app-scrollbar-info div {
        width: 200px;
        height: 200px;
    }

/* spin animation */

.app-animation-spin::after {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* extended grid styles */
.ui-grid-e,
.ui-grid-f,
.ui-grid-g,
.ui-grid-h,
.ui-grid-i,
.ui-grid-j,
.ui-grid-k,
.ui-grid-l,
.ui-grid-m,
.ui-grid-n,
.ui-grid-o,
.ui-grid-p,
.ui-grid-q,
.ui-grid-r,
.ui-grid-s,
.ui-grid-t,
.ui-grid-u,
.ui-grid-v,
.ui-grid-w,
.ui-grid-x,
.ui-grid-y {
    overflow: hidden;
}

.ui-block-f,
.ui-block-g,
.ui-block-h,
.ui-block-i,
.ui-block-j,
.ui-block-k,
.ui-block-l,
.ui-block-m,
.ui-block-n,
.ui-block-o,
.ui-block-p,
.ui-block-q,
.ui-block-r,
.ui-block-s,
.ui-block-t,
.ui-block-u,
.ui-block-v,
.ui-block-w,
.ui-block-x,
.ui-block-y,
.ui-block-z {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.ui-grid-e,
ul.ui-grid-f,
ul.ui-grid-g,
ul.ui-grid-h,
ul.ui-grid-i,
ul.ui-grid-j,
ul.ui-grid-k,
ul.ui-grid-l,
ul.ui-grid-m,
ul.ui-grid-n,
ul.ui-grid-o,
ul.ui-grid-p,
ul.ui-grid-q,
ul.ui-grid-r,
ul.ui-grid-s,
ul.ui-grid-t,
ul.ui-grid-u,
ul.ui-grid-v,
ul.ui-grid-w,
ul.ui-grid-x,
ul.ui-grid-y,
ul.ui-block-f,
ul.ui-block-g,
ul.ui-block-h,
ul.ui-block-i,
ul.ui-block-j,
ul.ui-block-k,
ul.ui-block-l,
ul.ui-block-m,
ul.ui-block-n,
ul.ui-block-o,
ul.ui-block-p,
ul.ui-block-q,
ul.ui-block-r,
ul.ui-block-s,
ul.ui-block-t,
ul.ui-block-u,
ul.ui-block-v,
ul.ui-block-w,
ul.ui-block-x,
ul.ui-block-y,
ul.ui-block-z {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    list-style: none;
}

.ui-grid-e > .ui-block-a,
.ui-grid-e > .ui-block-b,
.ui-grid-e > .ui-block-c,
.ui-grid-e > .ui-block-d,
.ui-grid-e > .ui-block-e,
.ui-grid-e > .ui-block-f {
    width: 16.667%;
}

.ui-grid-f > .ui-block-a,
.ui-grid-f > .ui-block-b,
.ui-grid-f > .ui-block-c,
.ui-grid-f > .ui-block-d,
.ui-grid-f > .ui-block-e,
.ui-grid-f > .ui-block-f,
.ui-grid-f > .ui-block-g {
    width: 14.285%;
}

.ui-grid-g > .ui-block-a,
.ui-grid-g > .ui-block-b,
.ui-grid-g > .ui-block-c,
.ui-grid-g > .ui-block-d,
.ui-grid-g > .ui-block-e,
.ui-grid-g > .ui-block-f,
.ui-grid-g > .ui-block-g,
.ui-grid-g > .ui-block-h {
    width: 12.5%;
}

.ui-grid-h > .ui-block-a,
.ui-grid-h > .ui-block-b,
.ui-grid-h > .ui-block-c,
.ui-grid-h > .ui-block-d,
.ui-grid-h > .ui-block-e,
.ui-grid-h > .ui-block-f,
.ui-grid-h > .ui-block-g,
.ui-grid-h > .ui-block-h,
.ui-grid-h > .ui-block-i {
    width: 11.111%;
}

.ui-grid-i > .ui-block-a,
.ui-grid-i > .ui-block-b,
.ui-grid-i > .ui-block-c,
.ui-grid-i > .ui-block-d,
.ui-grid-i > .ui-block-e,
.ui-grid-i > .ui-block-f,
.ui-grid-i > .ui-block-g,
.ui-grid-i > .ui-block-h,
.ui-grid-i > .ui-block-i,
.ui-grid-i > .ui-block-j {
    width: 10%;
}

.ui-grid-j > .ui-block-a,
.ui-grid-j > .ui-block-b,
.ui-grid-j > .ui-block-c,
.ui-grid-j > .ui-block-d,
.ui-grid-j > .ui-block-e,
.ui-grid-j > .ui-block-f,
.ui-grid-j > .ui-block-g,
.ui-grid-j > .ui-block-h,
.ui-grid-j > .ui-block-i,
.ui-grid-j > .ui-block-j,
.ui-grid-j > .ui-block-k {
    width: 9.091%;
}

.ui-grid-k > .ui-block-a,
.ui-grid-k > .ui-block-b,
.ui-grid-k > .ui-block-c,
.ui-grid-k > .ui-block-d,
.ui-grid-k > .ui-block-e,
.ui-grid-k > .ui-block-f,
.ui-grid-k > .ui-block-g,
.ui-grid-k > .ui-block-h,
.ui-grid-k > .ui-block-i,
.ui-grid-k > .ui-block-j,
.ui-grid-k > .ui-block-k,
.ui-grid-k > .ui-block-l {
    width: 8.333%;
}

.ui-grid-l > .ui-block-a,
.ui-grid-l > .ui-block-b,
.ui-grid-l > .ui-block-c,
.ui-grid-l > .ui-block-d,
.ui-grid-l > .ui-block-e,
.ui-grid-l > .ui-block-f,
.ui-grid-l > .ui-block-g,
.ui-grid-l > .ui-block-h,
.ui-grid-l > .ui-block-i,
.ui-grid-l > .ui-block-j,
.ui-grid-l > .ui-block-k,
.ui-grid-l > .ui-block-l,
.ui-grid-l > .ui-block-m {
    width: 7.692%;
}

.ui-grid-m > .ui-block-a,
.ui-grid-m > .ui-block-b,
.ui-grid-m > .ui-block-c,
.ui-grid-m > .ui-block-d,
.ui-grid-m > .ui-block-e,
.ui-grid-m > .ui-block-f,
.ui-grid-m > .ui-block-g,
.ui-grid-m > .ui-block-h,
.ui-grid-m > .ui-block-i,
.ui-grid-m > .ui-block-j,
.ui-grid-m > .ui-block-k,
.ui-grid-m > .ui-block-l,
.ui-grid-m > .ui-block-m,
.ui-grid-m > .ui-block-n {
    width: 7.145%;
}

.ui-grid-n > .ui-block-a,
.ui-grid-n > .ui-block-b,
.ui-grid-n > .ui-block-c,
.ui-grid-n > .ui-block-d,
.ui-grid-n > .ui-block-e,
.ui-grid-n > .ui-block-f,
.ui-grid-n > .ui-block-g,
.ui-grid-n > .ui-block-h,
.ui-grid-n > .ui-block-i,
.ui-grid-n > .ui-block-j,
.ui-grid-n > .ui-block-k,
.ui-grid-n > .ui-block-l,
.ui-grid-n > .ui-block-m,
.ui-grid-n > .ui-block-n,
.ui-grid-n > .ui-block-o {
    width: 6.667%;
}

.ui-grid-o > .ui-block-a,
.ui-grid-o > .ui-block-b,
.ui-grid-o > .ui-block-c,
.ui-grid-o > .ui-block-d,
.ui-grid-o > .ui-block-e,
.ui-grid-o > .ui-block-f,
.ui-grid-o > .ui-block-g,
.ui-grid-o > .ui-block-h,
.ui-grid-o > .ui-block-i,
.ui-grid-o > .ui-block-j,
.ui-grid-o > .ui-block-k,
.ui-grid-o > .ui-block-l,
.ui-grid-o > .ui-block-m,
.ui-grid-o > .ui-block-n,
.ui-grid-o > .ui-block-o,
.ui-grid-o > .ui-block-p {
    width: 6.25%;
}

.ui-grid-p > .ui-block-a,
.ui-grid-p > .ui-block-b,
.ui-grid-p > .ui-block-c,
.ui-grid-p > .ui-block-d,
.ui-grid-p > .ui-block-e,
.ui-grid-p > .ui-block-f,
.ui-grid-p > .ui-block-g,
.ui-grid-p > .ui-block-h,
.ui-grid-p > .ui-block-i,
.ui-grid-p > .ui-block-j,
.ui-grid-p > .ui-block-k,
.ui-grid-p > .ui-block-l,
.ui-grid-p > .ui-block-m,
.ui-grid-p > .ui-block-n,
.ui-grid-p > .ui-block-o,
.ui-grid-p > .ui-block-p,
.ui-grid-p > .ui-block-q {
    width: 5.882%;
}

.ui-grid-q > .ui-block-a,
.ui-grid-q > .ui-block-b,
.ui-grid-q > .ui-block-c,
.ui-grid-q > .ui-block-d,
.ui-grid-q > .ui-block-e,
.ui-grid-q > .ui-block-f,
.ui-grid-q > .ui-block-g,
.ui-grid-q > .ui-block-h,
.ui-grid-q > .ui-block-i,
.ui-grid-q > .ui-block-j,
.ui-grid-q > .ui-block-k,
.ui-grid-q > .ui-block-l,
.ui-grid-q > .ui-block-m,
.ui-grid-q > .ui-block-n,
.ui-grid-q > .ui-block-o,
.ui-grid-q > .ui-block-p,
.ui-grid-q > .ui-block-q,
.ui-grid-q > .ui-block-r {
    width: 5.556%;
}

.ui-grid-r > .ui-block-a,
.ui-grid-r > .ui-block-b,
.ui-grid-r > .ui-block-c,
.ui-grid-r > .ui-block-d,
.ui-grid-r > .ui-block-e,
.ui-grid-r > .ui-block-f,
.ui-grid-r > .ui-block-g,
.ui-grid-r > .ui-block-h,
.ui-grid-r > .ui-block-i,
.ui-grid-r > .ui-block-j,
.ui-grid-r > .ui-block-k,
.ui-grid-r > .ui-block-l,
.ui-grid-r > .ui-block-m,
.ui-grid-r > .ui-block-n,
.ui-grid-r > .ui-block-o,
.ui-grid-r > .ui-block-p,
.ui-grid-r > .ui-block-q,
.ui-grid-r > .ui-block-r,
.ui-grid-r > .ui-block-s {
    width: 5.263%;
}

.ui-grid-s > .ui-block-a,
.ui-grid-s > .ui-block-b,
.ui-grid-s > .ui-block-c,
.ui-grid-s > .ui-block-d,
.ui-grid-s > .ui-block-e,
.ui-grid-s > .ui-block-f,
.ui-grid-s > .ui-block-g,
.ui-grid-s > .ui-block-h,
.ui-grid-s > .ui-block-i,
.ui-grid-s > .ui-block-j,
.ui-grid-s > .ui-block-k,
.ui-grid-s > .ui-block-l,
.ui-grid-s > .ui-block-m,
.ui-grid-s > .ui-block-n,
.ui-grid-s > .ui-block-o,
.ui-grid-s > .ui-block-p,
.ui-grid-s > .ui-block-q,
.ui-grid-s > .ui-block-r,
.ui-grid-s > .ui-block-s,
.ui-grid-s > .ui-block-t {
    width: 5%;
}

.ui-grid-t > .ui-block-a,
.ui-grid-t > .ui-block-b,
.ui-grid-t > .ui-block-c,
.ui-grid-t > .ui-block-d,
.ui-grid-t > .ui-block-e,
.ui-grid-t > .ui-block-f,
.ui-grid-t > .ui-block-g,
.ui-grid-t > .ui-block-h,
.ui-grid-t > .ui-block-i,
.ui-grid-t > .ui-block-j,
.ui-grid-t > .ui-block-k,
.ui-grid-t > .ui-block-l,
.ui-grid-t > .ui-block-m,
.ui-grid-t > .ui-block-n,
.ui-grid-t > .ui-block-o,
.ui-grid-t > .ui-block-p,
.ui-grid-t > .ui-block-q,
.ui-grid-t > .ui-block-r,
.ui-grid-t > .ui-block-s,
.ui-grid-t > .ui-block-t,
.ui-grid-t > .ui-block-u {
    width: 4.762%;
}

.ui-grid-u > .ui-block-a,
.ui-grid-u > .ui-block-b,
.ui-grid-u > .ui-block-c,
.ui-grid-u > .ui-block-d,
.ui-grid-u > .ui-block-e,
.ui-grid-u > .ui-block-f,
.ui-grid-u > .ui-block-g,
.ui-grid-u > .ui-block-h,
.ui-grid-u > .ui-block-i,
.ui-grid-u > .ui-block-j,
.ui-grid-u > .ui-block-k,
.ui-grid-u > .ui-block-l,
.ui-grid-u > .ui-block-m,
.ui-grid-u > .ui-block-n,
.ui-grid-u > .ui-block-o,
.ui-grid-u > .ui-block-p,
.ui-grid-u > .ui-block-q,
.ui-grid-u > .ui-block-r,
.ui-grid-u > .ui-block-s,
.ui-grid-u > .ui-block-t,
.ui-grid-u > .ui-block-u,
.ui-grid-u > .ui-block-v {
    width: 4.545%;
}

.ui-grid-v > .ui-block-a,
.ui-grid-v > .ui-block-b,
.ui-grid-v > .ui-block-c,
.ui-grid-v > .ui-block-d,
.ui-grid-v > .ui-block-e,
.ui-grid-v > .ui-block-f,
.ui-grid-v > .ui-block-g,
.ui-grid-v > .ui-block-h,
.ui-grid-v > .ui-block-i,
.ui-grid-v > .ui-block-j,
.ui-grid-v > .ui-block-k,
.ui-grid-v > .ui-block-l,
.ui-grid-v > .ui-block-m,
.ui-grid-v > .ui-block-n,
.ui-grid-v > .ui-block-o,
.ui-grid-v > .ui-block-p,
.ui-grid-v > .ui-block-q,
.ui-grid-v > .ui-block-r,
.ui-grid-v > .ui-block-s,
.ui-grid-v > .ui-block-t,
.ui-grid-v > .ui-block-u,
.ui-grid-v > .ui-block-v,
.ui-grid-v > .ui-block-w {
    width: 4.348%;
}

.ui-grid-w > .ui-block-a,
.ui-grid-w > .ui-block-b,
.ui-grid-w > .ui-block-c,
.ui-grid-w > .ui-block-d,
.ui-grid-w > .ui-block-e,
.ui-grid-w > .ui-block-f,
.ui-grid-w > .ui-block-g,
.ui-grid-w > .ui-block-h,
.ui-grid-w > .ui-block-i,
.ui-grid-w > .ui-block-j,
.ui-grid-w > .ui-block-k,
.ui-grid-w > .ui-block-l,
.ui-grid-w > .ui-block-m,
.ui-grid-w > .ui-block-n,
.ui-grid-w > .ui-block-o,
.ui-grid-w > .ui-block-p,
.ui-grid-w > .ui-block-q,
.ui-grid-w > .ui-block-r,
.ui-grid-w > .ui-block-s,
.ui-grid-w > .ui-block-t,
.ui-grid-w > .ui-block-u,
.ui-grid-w > .ui-block-v,
.ui-grid-w > .ui-block-w,
.ui-grid-w > .ui-block-x {
    width: 4.167%;
}

.ui-grid-x > .ui-block-a,
.ui-grid-x > .ui-block-b,
.ui-grid-x > .ui-block-c,
.ui-grid-x > .ui-block-d,
.ui-grid-x > .ui-block-e,
.ui-grid-x > .ui-block-f,
.ui-grid-x > .ui-block-g,
.ui-grid-x > .ui-block-h,
.ui-grid-x > .ui-block-i,
.ui-grid-x > .ui-block-j,
.ui-grid-x > .ui-block-k,
.ui-grid-x > .ui-block-l,
.ui-grid-x > .ui-block-m,
.ui-grid-x > .ui-block-n,
.ui-grid-x > .ui-block-o,
.ui-grid-x > .ui-block-p,
.ui-grid-x > .ui-block-q,
.ui-grid-x > .ui-block-r,
.ui-grid-x > .ui-block-s,
.ui-grid-x > .ui-block-t,
.ui-grid-x > .ui-block-u,
.ui-grid-x > .ui-block-v,
.ui-grid-x > .ui-block-w,
.ui-grid-x > .ui-block-x,
.ui-grid-x > .ui-block-y {
    width: 4%;
}

.ui-grid-y > .ui-block-a,
.ui-grid-y > .ui-block-b,
.ui-grid-y > .ui-block-c,
.ui-grid-y > .ui-block-d,
.ui-grid-y > .ui-block-e,
.ui-grid-y > .ui-block-f,
.ui-grid-y > .ui-block-g,
.ui-grid-y > .ui-block-h,
.ui-grid-y > .ui-block-i,
.ui-grid-y > .ui-block-j,
.ui-grid-y > .ui-block-k,
.ui-grid-y > .ui-block-l,
.ui-grid-y > .ui-block-m,
.ui-grid-y > .ui-block-n,
.ui-grid-y > .ui-block-o,
.ui-grid-y > .ui-block-p,
.ui-grid-y > .ui-block-q,
.ui-grid-y > .ui-block-r,
.ui-grid-y > .ui-block-s,
.ui-grid-y > .ui-block-t,
.ui-grid-y > .ui-block-u,
.ui-grid-y > .ui-block-v,
.ui-grid-y > .ui-block-w,
.ui-grid-y > .ui-block-x,
.ui-grid-y > .ui-block-y,
.ui-grid-y > .ui-block-z {
    width: 3.846%;
}

@media (min-width: 20em) {

    .ui-header.ui-header-fixed.app-bar-tools {
        background-image: url(logo-color.png);
        background-size: 65px auto;
        background-repeat: no-repeat;
        background-position: 2em 0.5em;
    }

    body[dir="rtl"] .ui-header.ui-header-fixed.app-bar-tools {
        background-position: top 0.5em right 2.5em;
    }

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

.ui-corner-all {
    background-clip: border-box;
}

a {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

* {
    text-shadow: none !important;
}

.app-desktop .ui-panel-animate {
    -webkit-font-smoothing: subpixel-antialiased;
}

.ui-li-thumb {
    left: .7em !important;
    top: 50% !important;
    margin-top: -40px;
}

.app-thumb-person .ui-li-thumb {
    border-radius: 2.5em;
    -webkit-border-radius: 2.5em;
}

body,
input,
select,
textarea,
button,
.ui-btn {
    font-family: -apple-system, 'Segoe UI', sans-serif;
}

    body[dir="rtl"],
    body[dir="rtl"] input,
    body[dir="rtl"] select,
    body[dir="rtl"] textarea,
    body[dir="rtl"] button,
    body[dir="rtl"] .ui-btn,
    body[dir="rtl"] .ui-listview > .ui-li-static,
    body[dir="rtl"] .ui-listview > .ui-li-divider,
    body[dir="rtl"] .ui-listview > li > a.ui-btn {
        text-align: right;
    }

        body[dir="rtl"] .ui-listview > .ui-li-has-count > .ui-btn,
        body[dir="rtl"] .ui-listview > .ui-li-static.ui-li-has-count,
        body[dir="rtl"] .ui-listview > .ui-li-divider.ui-li-has-count {
            padding-left: 2.8125em;
            padding-right: 1em;
        }

        body[dir="rtl"] .ui-navbar .ui-btn {
            text-align: center;
        }

        body[dir="rtl"] .ui-btn.ui-btn-icon-left {
            padding-left: 1em;
            padding-right: 3em !important;
        }

        body[dir="rtl"] .ui-btn-icon-left:after {
            right: .5625em;
            left: auto;
        }

        body[dir="rtl"] .ui-btn.ui-btn-icon-right {
            padding-left: 3em;
            padding-right: 1em;
        }

        body[dir="rtl"] .ui-btn-icon-right:after {
            left: .5625em;
            right: auto;
        }

        body[dir="rtl"] .ui-li-count {
            right: auto !important;
            left: .8em;
        }

        body[dir="rtl"] .ui-listview .ui-btn-icon-right .ui-li-count {
            left: 3.2em;
        }

        body[dir="rtl"] .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
        body[dir="rtl"] .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
            right: auto;
            left: 0;
        }

        body[dir="rtl"] .ui-input-has-clear {
            padding-right: .4em;
            padding-left: 2.375em;
        }

        /* Panel positioning (for overlay and push) */

        body[dir="rtl"] .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
        body[dir="rtl"] .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
            box-shadow: rgba(0, 0, 0, 0.14902) 5px 0px 5px 0px;
        }

        body[dir="rtl"] .ui-panel-dismiss-open.ui-panel-dismiss-position-right {
            left: 17em;
            right: 0;
        }

        body[dir="rtl"] .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
        body[dir="rtl"] .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
            box-shadow: rgba(0, 0, 0, 0.14902) -5px 0px 5px 0px;
        }

        body[dir="rtl"] .ui-panel-dismiss-open.ui-panel-dismiss-position-left {
            right: 17em;
            left: 0;
        }

        body[dir="rtl"] .ui-panel-position-right {
            left: -17em;
            right: auto !important;
        }

        body[dir="rtl"] .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
        body[dir="rtl"] .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
            left: 0;
            -webkit-transform: translate3d(-17em,0,0);
            -moz-transform: translate3d(-17em,0,0);
            transform: translate3d(-17em,0,0);
        }

        body[dir="rtl"] .ui-panel-position-right.ui-panel-display-reveal,
        body[dir="rtl"] .ui-panel-open.ui-panel-position-right {
            left: 0;
            right: auto !important;
        }

        body[dir="rtl"] .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay,
        body[dir="rtl"] .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            -moz-transform: none;
        }

        body[dir="rtl"] .ui-panel-position-left {
            right: -17em;
            left: auto !important;
        }

        body[dir="rtl"] .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
        body[dir="rtl"] .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
            right: 0;
            -webkit-transform: translate3d(17em,0,0);
            -moz-transform: translate3d(17em,0,0);
            transform: translate3d(17em,0,0);
        }

        body[dir="rtl"] .ui-panel-position-left.ui-panel-display-reveal,
        body[dir="rtl"] .ui-panel-position-left.ui-panel-open {
            right: 0;
            left: auto !important;
        }

        body[dir="rtl"] .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay,
        body[dir="rtl"] .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            -moz-transform: none;
        }

    .ui-btn.ui-btn-icon-notext {
        overflow: visible;
    }

    .ui-btn .glyphicon,
    .ui-btn .app-event {
        margin-right: .25em;
        margin-left: -.25em;
        margin-top: -1px;
        margin-bottom: -1px;
        font-size: 18px;
        vertical-align: text-bottom;
    }

    .ui-btn .app-event {
        height: 16px;
        width: 16px;
    }

.ui-listview .ui-btn .glyphicon,
.ui-listview .ui-btn .app-event {
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -9px;
}

.app-popup-icon-left .ui-listview .ui-btn .glyphicon,
.app-popup-icon-left .ui-listview .ui-btn .app-event {
    left: 16px;
    right: auto;
}

.app-sidebar .ui-listview .ui-btn .glyphicon,
.ui-content.app-page-tasks .ui-listview .ui-btn .glyphicon {
    right: auto;
    left: 15px;
}

.app-sidebar .ui-listview li.app-has-glyphicon .ui-btn,
.ui-content.app-page-tasks .ui-listview li.app-has-glyphicon .ui-btn {
    padding-left: 2.5em;
}

.ui-btn:not(.ui-btn-active) .glyphicon {
    color: #acacac;
}

.app-theme-dark .ui-btn:not(.ui-btn-active) .glyphicon {
    color: #fff;
}

textarea {
    -webkit-appearance: none;
}

.ui-shadow-inset,
.app-wrapper .ui-btn:focus,
.app-wrapper .ui-btn.ui-btn-b:focus,
.app-wrapper .ui-focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

div.ui-slider-switch {
    box-sizing: border-box;
    height: 34px;
    background-color: transparent !important;
    /*border-radius: 1em !important;*/
}


.ui-slider-switch .ui-slider-label {
    text-shadow: none;
    font-weight: normal;
}

.ui-mini {
    font-size: 12px;
}

    .ui-mini.ui-btn {
    }

.ui-listview > .ui-li-divider {
    padding-top: 5px;
    padding-bottom: 5px;
}

.app-wrapper .ui-listview > li p {
    font-size: .9em;
    margin-top: .3em;
    margin-bottom: .3em;
    line-height: normal;
}

.app-listview-stub {
    display: block !important;
    background-color: transparent !important;
}

.app-listview.app-onecolumnview.app-listview-multiselect .ui-btn,
.app-listview.app-cardcolumn.app-listview-multiselect .ui-btn,
.app-listview.app-cardview.app-listview-multiselect .ui-btn {
    padding-left: 48px;
}

.app-listview.app-onecolumnview.app-listview-multiselect > .ui-li-has-thumb > .ui-btn,
.app-listview.app-cardcolumn.app-listview-multiselect > .ui-li-has-thumb > .ui-btn,
.app-listview.app-cardview.app-listview-multiselect > .ui-li-has-thumb > .ui-btn {
    padding-left: 136px;
}

.app-density-compact .app-listview.app-onecolumnview.app-listview-multiselect > .ui-li-has-thumb > .ui-btn,
.app-density-compact .app-listview.app-cardcolumn.app-listview-multiselect > .ui-li-has-thumb > .ui-btn,
.app-density-compact .app-listview.app-cardview.app-listview-multiselect > .ui-li-has-thumb > .ui-btn {
    padding-left: 125px;
}

.app-density-condensed .app-listview.app-onecolumnview.app-listview-multiselect > .ui-li-has-thumb > .ui-btn,
.app-density-condensed .app-listview.app-cardcolumn.app-listview-multiselect > .ui-li-has-thumb > .ui-btn,
.app-density-condensed .app-listview.app-cardview.app-listview-multiselect > .ui-li-has-thumb > .ui-btn {
    padding-left: 114px;
}

.app-listview.app-onecolumnview.app-listview-multiselect .ui-li-thumb,
.app-listview.app-cardcolumn.app-listview-multiselect .ui-li-thumb,
.app-listview.app-cardview.app-listview-multiselect .ui-li-thumb {
    left: 48px !important;
}


.app-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini) {
    line-height: normal;
    padding-top: 11px;
    padding-bottom: 11px;
}

html {
    -ms-touch-action: none;
    touch-action: none;
    -ms-overflow-style: none;
}

.app-wrapper, .app-echo-inner {
    outline: none;
}

.app-wrapper, .ui-panel-inner {
    -ms-touch-action: cross-slide-y;
    touch-action: cross-slide-y;
}


body:not(.app-desktop) {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    overflow: hidden !important;
}

.app-wrapper {
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1;
    top: 45px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /*border:solid 1px red;*/
}

body[dir="rtl"] .app-wrapper {
    right: 0;
    overflow-x: hidden;
}

/*.app-scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}*/

.app-wrapper > *, .app-wrapper .ui-collapsible {
    margin: 0 !important;
}


.app-page-scrollable .app-wrapper > *:not(.app-page-header):not(.app-echo):not(.app-page-menu):not(.app-tabs):not(.app-stub):not(.app-stub-main):not(.app-content-framework):not(.app-bar-actions):not(.app-bar-header):not(.app-bar-footer) {
    margin: 1em !important;
}

.ui-panel.ui-panel-open {
    position: fixed;
}

.ui-panel-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
}


body:not(.app-ms-tablet) .app-wrapper, body:not(.app-ms-tablet) .ui-panel-inner, body:not(.app-ms-tablet) .app-echo-inner {
    -ms-overflow-style: auto;
}


.ui-panel-inner .app-scroller {
    margin: -1em;
}

li.app-info, li.app-copy {
    padding-top: .75em !important;
    padding-bottom: .75em !important;
    text-shadow: none;
}

    li.app-info .appname {
        color: #38c;
        display: inline-block;
        white-space: nowrap;
        font-size: 1em;
        text-transform: uppercase;
    }

    li.app-info p {
        white-space: normal;
        font-size: 1em;
        margin-bottom: 0 !important;
    }

li.app-copy {
    border-bottom-width: 0 !important;
    border-top-width: 1px !important;
    background-color: transparent !important;
}

li.app-depth1 > * {
    padding-left: 1em !important;
}

li.app-depth2 > * {
    padding-left: 2.5em !important;
}

li.app-depth3 > * {
    padding-left: 5em !important;
}

li.app-depth4 > * {
    padding-left: 7.5em !important;
}

li.app-depth5 > * {
    padding-left: 10em !important;
}

.level1 .menu-item .ui-btn, .level2 .menu-item .ui-btn, .level3 .menu-item .ui-btn, .menu-item .level4 .ui-btn, .menu-item .level5 .ui-btn {
    padding-left: 2em;
}

.app-text-collapsible {
    max-height: 240px;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

    .app-text-collapsible + .app-btn-toggle {
        min-height: 0 !important;
        font-weight: normal;
    }

.app-listview.app-grid .dv-item .ui-btn .app-text-collapsible + .app-btn-toggle {
    padding: 0 !important;
}

.ui-btn-active .app-text-collapsible + .app-btn-toggle {
    background-color: transparent;
    border-color: transparent;
}

.app-text-collapsible.app-text-expanded {
    max-height: none;
}

.app-null {
    text-transform: lowercase;
}

.ui-btn:not(.ui-btn-active) .app-null, .app-group .app-null {
    color: #808080;
}

.app-item-desc {
    line-height: normal;
    font-weight: normal;
}

    .app-item-desc.app-item-desc-before {
        display: none;
    }

.app-labelsinlist-displayedabove .app-item-desc.app-item-desc-before {
    display: block;
}

.app-labelsinlist-displayedabove .app-item-desc.app-item-desc-after {
    display: none;
}

.app-listview.ui-listview li .app-item-desc {
    padding: 0;
    margin: 0;
}

.app-listview.ui-listview li .app-item-desc {
    display: inline-block;
    padding-right: 1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

body[dir="rtl"] .app-listview.ui-listview li .app-item-desc {
    padding-right: 0;
    padding-left: 1em;
}

.app-listview.ui-listview.app-listview-static li:not(.app-li-card) .app-item-desc {
    display: block;
}

.app-field-label-before, .app-field-label-after {
    display: none;
    font-size: 10.5px;
    color: #999;
    margin-top: 0;
    max-width: 15em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-field-label-after {
    display: block;
    margin-top: -1px;
}

.app-field-label-before {
    margin-bottom: -1px;
}

body.app-labelsinlist-displayedabove .app-field-label-before {
    display: block;
}

body.app-labelsinlist-displayedabove .app-field-label-after {
    display: none;
}



.app-field-label {
    padding-right: .25em;
    color: #999;
}

    .app-field-label:after {
        content: ":";
    }


.app-theme-light .app-selected:not(.ui-btn-active),
.app-theme-light .app-selected:not(.ui-btn-active) .app-frozen-spacer,
.app-theme-light .app-selected:not(.ui-btn-active):hover,
.app-theme-light .app-selected:not(.ui-btn-active):hover .app-frozen-spacer {
    background-color: #D4E7FE !important;
    /*background-color: #cfe9f3 !important;*/
}

.app-desktop.app-theme-light .ui-btn.app-selected:not(.ui-btn-active):hover,
.app-desktop.app-theme-light .ui-btn.app-selected:not(.ui-btn-active):hover .app-frozen-spacer,
.app-desktop.app-theme-light .app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-desktop.app-theme-light .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
.app-desktop.app-theme-light .app-bar-controls .app-selected:not(.ui-btn-active),
.app-desktop.app-theme-light .app-bar-strip .app-selected:not(.ui-btn-active),
.app-desktop.app-theme-light .app-bar-controls .app-selected:not(.ui-btn-active):hover,
.app-desktop.app-theme-light .app-bar-strip .app-selected:not(.ui-btn-active):hover {
    background-color: #CDE2FB !important;
}


.ui-btn-active .app-field-label-after,
.ui-btn-active .app-field-label-before,
.app-listview.ui-listview .ui-btn-active .ui-li-aside,
.app-listview.ui-listview .ui-btn-active .ui-li-aside .app-field-label {
    color: #fff;
}


.ui-panel-position-left .app-item-desc, .ui-panel-position-right .app-item-desc, #app-sidebar .app-item-desc, .app-listview-static .ui-btn .app-item-desc {
    color: #999;
    margin: 0;
}

.ui-panel-position-left .ui-btn-active .app-item-desc, .ui-panel-position-right .ui-btn-active .app-item-desc, #app-sidebar .ui-btn-active .app-item-desc, .app-listview-static .ui-btn-active .app-item-desc {
    color: #fff;
    margin: 0;
}


.app-presenter-instruction {
    padding: 1em 1.14em .4em 1.14em;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}



.ui-listview > .ui-li-divider.app-list-instruction, .app-presenter-instruction {
    background-color: #f1f1f1;
    color: #808080;
    font-weight: normal;
    white-space: normal;
    border-top-width: 0;
    padding-top: 1em;
    text-shadow: none !important;
}


.ui-panel-inner .ui-listview > .ui-li-divider.app-list-instruction, .ui-listview.app-listview-static > .ui-li-divider.app-list-instruction {
    border-top-width: 1px;
}

.app-image-thumb {
    border: 1px solid #c0c0c0;
    border-width: 1px !important;
    background-color: #fff;
}

.app-btn-promo {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    right: 18px;
    bottom: 9px;
    position: fixed;
    z-index: 1000;
    border-width: 0;
    box-shadow: 1px 1px 6px rgba(0,0,0,.30) !important;
}

    .app-btn-promo.ui-btn.ui-btn-icon-notext::after {
        /*background-size: 20px;*/
        border-radius: 28px;
        width: 56px;
        height: 56px;
        margin-left: -28px;
        margin-top: -28px;
        border-color: transparent !important;
    }

    .app-btn-promo.ui-btn.ui-btn-icon-notext.ui-btn-active {
    }

        .app-btn-promo.ui-btn.ui-btn-icon-notext.ui-btn-active::after {
            background-color: transparent !important;
        }

.app-desktop .app-btn-promo {
    right: 27px;
}

.app-btn-promo-cancel {
    z-index: 1100;
}

.app-bar-tools {
    border-bottom-color: #ccc;
    height: 43px;
}

    .app-bar-tools .ui-title {
        text-shadow: none;
        height: 21px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
    }

    .app-bar-tools .ui-btn-icon-notext {
        top: 7px;
    }

body[dir="rtl"] .app-bar-tools .ui-btn-left {
    left: auto;
    right: .325em;
}

.app-bar {
    border-top: solid 1px #ddd;
    margin: 0;
}

    .app-bar a.ui-btn {
        background-color: rgb(241, 241, 241);
        margin: 0 0%;
        text-align: left;
        border-width: 0;
        font-weight: normal;
        padding-left: 3em;
        color: #808080;
        display: block;
    }

    .app-bar .ui-btn-icon-left:after {
        left: 0.75em;
    }

.app-btn-cluster-right .ui-btn {
}

.app-btn-cluster-right .app-user-name {
    display: inline-block;
    font-size: 12px;
    position: absolute;
    top: 0;
    line-height: 44px;
    font-weight: normal;
    padding: 0 1em 0 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
    color: #777;
    cursor: default;
}

@media (min-width:992px) {
    .app-btn-cluster-right .app-user-name {
        max-width: 100px;
        display: block;
    }
}

@media (min-width:1200px) {
    .app-btn-cluster-right .app-user-name {
        max-width: none;
    }
}


.app-btn-cluster-right .app-btn {
    display: none;
}

.app-bar-heading {
    left: 0;
    top: 0;
    right: 0;
    position: fixed;
    font-size: 14px;
    color: #808080;
    padding: .5em 0.25em 0.5em 1.1em;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    z-index: 2;
    padding-top: .25em;
    box-shadow: 0 5px 12px -5px rgba(0,0,0,.6);
}

body[dir="rtl"] .app-bar-heading {
    padding-right: 1.1em;
    padding-left: 0.25em;
}

.app-bar-heading .app-bar-label {
    margin: 0;
    font-weight: bold;
    font-size: .75em;
    color: #000;
    max-width: 40%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.app-bar-search {
    padding: 0 2.5em 0 2.25em;
    margin-top: 2px;
}

    .app-bar-search .ui-input-search {
        padding-left: .5em;
    }

    .app-bar-search .ui-btn-right {
        right: 0.56em;
    }

    .app-bar-search .app-btn-options {
        display: inline-block;
        width: 24px;
        height: 24px;
        border: solid 1px transparent;
        position: absolute;
        left: 0;
        top: 2px;
        cursor: pointer;
        background-color: transparent;
        z-index: 10;
    }

.ui-btn-right.app-btn {
    right: 0.56em;
}

.dv-object-identifier {
    font-weight: bold;
}

    .dv-object-identifier::before {
        content: ' - ';
    }

/*.dv-load-at-bottom:after, .dv-load-at-top:after, */

.dv-load-at-bottom, .dv-load-at-top {
    text-align: center !important;
    vertical-align: middle;
}

/*.app-transition:after,*/ .ui-icon-busy:after {
    background-image: url(images/ajax-loader.gif);
    background-size: contain;
    filter: Alpha(Opacity=.55);
    opacity: .55;
}

.app-static-text {
    border-color: transparent !important;
}

.app-static-label {
    text-overflow: ellipsis;
    overflow: hidden;
}

.app-formview.app-form-editing .app-static-label.app-required:after {
    content: " *";
}


.app-static-text div {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.45em 0.4em;
    color: #808080;
    max-width: 800px;
}

.app-form-page .ui-content {
    padding-top: 0;
}

    .app-form-page .ui-content .ui-collapsible-set {
        margin-top: 0;
        margin-bottom: -1px !important;
    }

    .app-form-page .ui-content .ui-collapsible-inset {
        margin-top: 0.5em;
    }

        .app-form-page .ui-content .ui-collapsible-inset .ui-collapsible-heading .ui-btn svg {
            right: 1.25em;
        }

    .app-form-page .ui-content .ui-listview-inset {
        margin-top: 1em !important;
        margin-left: 0.75em !important;
        margin-right: 0.75em !important;
    }

.app-popup {
    min-width: 280px;
    max-width: 500px;
}

    .app-popup .app-popup-text {
        padding: 0 0 .5em 0;
        overflow: auto;
    }

.app-popup-panel {
    border-radius: 0;
    left: 0;
    right: 0;
}

.app-popup-message {
    background-color: #fff;
    border: 1px solid #CCCCCC;
    z-index: 1002;
}

.app-popup-buttons {
    text-align: right;
    margin-bottom: -.5em;
}

    .app-popup-buttons .ui-btn {
        line-height: normal;
        min-width: 6em;
        display: inline-block;
        text-transform: uppercase;
        margin-left: .62em;
        margin-right: 0;
        overflow: initial;
    }

.app-popup-listview {
    min-width: 12em;
}

.app-popup .ui-title {
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
}

.app-popup-listview .ui-panel-inner {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: -1em;
}

    .app-popup-listview .ui-panel-inner li {
        line-height: normal !important;
    }

    .app-popup-listview .ui-panel-inner .ui-listview > .ui-li-divider.app-list-instruction {
        padding-top: .5em !important;
        padding-bottom: .5em !important;
        text-transform: uppercase;
    }

        .app-popup-listview .ui-panel-inner .ui-listview > .ui-li-divider.app-list-instruction:first-child {
            border-top-width: 0;
        }


.app-popup-listview .ui-content {
    margin-top: 4px;
    margin-bottom: 4px;
}

.app-popup-listview .ui-header {
    margin-bottom: -4px;
}

    .app-popup-listview .ui-header .ui-title {
        font-weight: normal;
    }

.app-popup-listview .app-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini) {
    padding: 11px 3em 11px 1em;
}

.app-popup-listview.app-popup-menu .app-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini) {
    font-weight: normal;
}

.app-popup-listview .app-listview .ui-li-divider {
    background-color: transparent !important;
}

.app-popup-icon-left.app-popup-listview .app-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini) {
    padding: 11px 1em 11px 3em;
}

.app-popup-icon-left .ui-btn-icon-right::after {
    left: .5625em;
}

.app-popup-icon-left .app-icon-check {
    left: 1em;
}

.app-status-bar {
    background-color: #fff;
    padding: .25em .25em .25em .75em;
    white-space: nowrap;
    margin: 0 -1em 0 -1em;
    overflow-x: hidden;
    border-bottom: solid 1px #ddd;
    line-height: 16px;
}

    .app-status-bar ul {
        margin: 0;
        padding: 0;
    }

    .app-status-bar .Segment, .app-status-bar span {
        vertical-align: middle;
        font-size: 12px;
    }


    .app-status-bar .Segment {
        text-overflow: ellipsis;
        display: inline-block;
        list-style-type: none;
        padding-right: 15px;
        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%2015%2029%22%20enable-background%3D%22new%200%200%2015%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20fill%3D%22%23ECECEC%22%20width%3D%2220%22%20height%3D%2229%22/%3E%0D%0A%3Crect%20fill%3D%22%2393999F%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%237D7D7D%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20x%3D%22-10.5%22%20y%3D%224.5%22%20transform%3D%22matrix%280.7071%200.7071%20-0.7071%200.7071%2010.1066%204.6005%29%22%20fill%3D%22%23ECECEC%22%20stroke%3D%22%2393999F%22%20stroke-miterlimit%3D%2210%22%20width%3D%2220%22%20height%3D%2220%22/%3E%0D%0A%3C/svg%3E%0D%0A');
        background-size: 15px 29px;
        background-position: right top;
        background-repeat: no-repeat;
    }

/* white dots*/
.app-presenter .ui-btn.ui-btn-active .app-btn-more,
.ui-icon-dots::after,
.dv-item .ui-btn.ui-btn-active .app-btn-more,
.dv-item .ui-btn .app-btn-more.ui-btn-active,
.app-bar-buttons .app-btn-more,
body.app-theme-dark .ui-btn .app-btn-more,
body.app-theme-dark .ui-btn.app-btn-icon-transparent.ui-icon-dots::after,
.ui-btn .app-btn-more.ui-btn-active,
.ui-btn-active.ui-btn-a.app-btn-icon-transparent.ui-icon-dots::after,
body.app-theme-dark .app-btn-icon-transparent.app-btn-more::after,
.app-btn-icon-transparent.app-btn-more.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%20300%20100%22%20enable-background%3D%22new%200%200%20300%20100%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Ccircle%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23FFFFFF%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%23FFFFFF%22%20stroke%3D%22%23FFFFFF%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%23FFFFFF%22%20stroke%3D%22%23FFFFFF%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');
    background-size: 15px;
}

/*black dots*/
.app-presenter .ui-btn .app-btn-more,
.dv-item .ui-btn .app-btn-more,
body:not(.app-theme-dark) .app-bar-buttons .app-btn-more:not(.ui-btn-active),
.ui-btn-a.app-btn-icon-transparent.ui-icon-dots::after,
.app-btn-icon-transparent.app-btn-more::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');
    background-size: 15px;
}

/* white vdots*/
.ui-icon-vdots::after,
body.app-android .ui-icon-dots::after,
body.app-android.app-theme-dark .ui-btn.app-btn-icon-transparent.ui-icon-dots::after,
body.app-android .ui-btn-active.ui-btn-a.app-btn-icon-transparent.ui-icon-dots::after,
body.app-android.app-theme-dark .ui-btn .app-btn-more,
body.app-android .ui-btn.ui-btn-active .app-btn-more,
body.app-android .ui-btn .app-btn-more.ui-btn-active,
body.app-android .app-bar-buttons .ui-btn-active.app-btn-more,
body.app-android.app-theme-dark .app-btn-icon-transparent.app-btn-more::after,
body.app-android .app-btn-icon-transparent.app-btn-more.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%20100%20300%22%20enable-background%3D%22new%200%200%20100%20300%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Ccircle%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23FFFFFF%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%23FFFFFF%22%20stroke%3D%22%23FFFFFF%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%23FFFFFF%22%20stroke%3D%22%23FFFFFF%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');
    background-size: 16px 15px;
}

/* black vdots*/
body.app-android .ui-btn .app-btn-more,
body.app-android:not(.app-theme-dark) .app-bar-buttons .app-btn-more:not(.ui-btn-active),
body.app-android .ui-btn-a.app-btn-icon-transparent.ui-icon-dots::after,
body.app-android .app-btn-icon-transparent.app-btn-more::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');
    background-size: 16px 15px;
}

.app-icon-check {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    top: 50%;
    margin-top: -7px;
    right: .75em;
    background-repeat: no-repeat;
}

.app-keep-open.ui-icon-check::after,
.ui-icon-check.app-btn-icon-transparent::after,
.app-popup-menu .ui-icon-check::after,
.app-nav-panel .ui-icon-check::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%22-62%2064%2014%2014%22%20enable-background%3D%22new%20-62%2064%2014%2014%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23000000%22%20points%3D%22-48%2C67%20-49.8%2C65.2%20-57%2C72.4%20-60.2%2C69.2%20-62%2C71%20-58.7%2C74.2%20-58.8%2C74.2%20-57%2C76%20-57%2C76%20-56.9%2C76%20%0D%0A%09-55.2%2C74.2%20-55.2%2C74.2%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    background-size: 15px 15px;
}

.app-theme-dark .app-keep-open.ui-icon-check::after,
.app-theme-dark .app-popup-menu .ui-icon-check::after,
.app-theme-dark .ui-icon-check.app-btn-icon-transparent::after,
.app-theme-dark .app-nav-panel .ui-icon-check::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%22-62%2064%2014%2014%22%20enable-background%3D%22new%20-62%2064%2014%2014%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22-48%2C67%20-49.8%2C65.2%20-57%2C72.4%20-60.2%2C69.2%20-62%2C71%20-58.7%2C74.2%20-58.8%2C74.2%20-57%2C76%20-57%2C76%20-56.9%2C76%20%0D%0A%09-55.2%2C74.2%20-55.2%2C74.2%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}



.app-status-bar .Outer {
    background-image: none;
}

.app-status-bar .Segment span {
    display: inline-block;
    text-shadow: none;
}

/*last segment*/
.app-status-bar .Segment.Last {
    background-position: right 0;
    background-size: 15px 29px;
    background-repeat: no-repeat;
}

.app-status-bar .Segment.Future.Last {
    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%2015%2029%22%20enable-background%3D%22new%200%200%2015%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%239F9F9F%22%20stroke-miterlimit%3D%2210%22%20points%3D%22-12.927%2C14.5%200%2C0%2012.926%2C14.5%200%2C29%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

.app-status-bar .Segment.Past.Last {
    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%2015%2029%22%20enable-background%3D%22new%200%200%2015%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23ECECEC%22%20stroke%3D%22%239F9F9F%22%20stroke-miterlimit%3D%2210%22%20points%3D%22-14.806%2C14.348%20-0.971%2C-1.171%2012.863%2C14.348%20%0D%0A%09-0.971%2C29.867%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

.app-status-bar .Segment.Current.Last {
    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%2015%2029%22%20enable-background%3D%22new%200%200%2015%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%238DCDFF%22%20stroke%3D%22%2342A1F2%22%20stroke-miterlimit%3D%2210%22%20points%3D%22-14.806%2C14.348%20-0.971%2C-1.171%2012.863%2C14.348%20%0D%0A%09-0.971%2C29.867%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

/* in-between*/
.app-status-bar .Segment.CurrentToFuture {
    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%2015%2029%22%20enable-background%3D%22new%200%200%2015%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%2220%22%20height%3D%2229%22/%3E%0D%0A%3Crect%20fill%3D%22%2393999F%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%237D7D7D%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20x%3D%22-10.5%22%20y%3D%224.5%22%20transform%3D%22matrix%280.7071%200.7071%20-0.7071%200.7071%2010.1066%204.6005%29%22%20fill%3D%22%238DCDFF%22%20stroke%3D%22%239F9F9F%22%20stroke-miterlimit%3D%2210%22%20width%3D%2220%22%20height%3D%2220%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

.app-status-bar .Segment.Future {
    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%2015%2029%22%20enable-background%3D%22new%200%200%2015%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%2220%22%20height%3D%2229%22/%3E%0D%0A%3Crect%20fill%3D%22%2393999F%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%237D7D7D%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20x%3D%22-10.5%22%20y%3D%224.5%22%20transform%3D%22matrix%28-0.7071%20-0.7071%200.7071%20-0.7071%20-11.1064%2024.3994%29%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%2393999F%22%20stroke-miterlimit%3D%2210%22%20width%3D%2220%22%20height%3D%2220%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

.app-status-bar .Segment.PastToCurrent {
    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%2015%2029%22%20enable-background%3D%22new%200%200%2015%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20fill%3D%22%238DCDFF%22%20width%3D%2220%22%20height%3D%2229%22/%3E%0D%0A%3Crect%20fill%3D%22%2347A1F0%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%2347A1F0%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20x%3D%22-10.5%22%20y%3D%224.5%22%20transform%3D%22matrix%280.7071%200.7071%20-0.7071%200.7071%2010.1066%204.6005%29%22%20fill%3D%22%23ECECEC%22%20stroke%3D%22%2347A1F0%22%20stroke-miterlimit%3D%2210%22%20width%3D%2220%22%20height%3D%2220%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

.app-status-bar .Segment.PastToFuture {
    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%2015%2029%22%20enable-background%3D%22new%200%200%2015%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%2220%22%20height%3D%2229%22/%3E%0D%0A%3Crect%20fill%3D%22%2393999F%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%237D7D7D%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20x%3D%22-10.5%22%20y%3D%224.5%22%20transform%3D%22matrix%280.7071%200.7071%20-0.7071%200.7071%2010.1066%204.6005%29%22%20fill%3D%22%23ECECEC%22%20stroke%3D%22%2393999F%22%20stroke-miterlimit%3D%2210%22%20width%3D%2220%22%20height%3D%2220%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

.app-status-bar .Segment.CurrentToCurrent {
    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%2015%2029%22%20enable-background%3D%22new%200%200%2015%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20fill%3D%22%238DCDFF%22%20width%3D%2220%22%20height%3D%2229%22/%3E%0D%0A%3Crect%20fill%3D%22%2347A1F0%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%2347A1F0%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20x%3D%22-10.5%22%20y%3D%224.5%22%20transform%3D%22matrix%280.7071%200.7071%20-0.7071%200.7071%2010.1066%204.6005%29%22%20fill%3D%22%238DCDFF%22%20stroke%3D%22%2347A1F0%22%20stroke-miterlimit%3D%2210%22%20width%3D%2220%22%20height%3D%2220%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

/*backgrounds*/
.app-status-bar .Segment span.Self {
    height: 18px;
    vertical-align: middle;
    padding: 6px 4px 5px 4px;
    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%2020%2029%22%20enable-background%3D%22new%200%200%2020%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%237D7D7D%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20fill%3D%22%2393999F%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%221%22%20fill%3D%22%23ECECEC%22%20width%3D%2220%22%20height%3D%2227%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    background-size: 20px 29px;
}

.app-status-bar .Segment.Current span.Self {
    font-weight: bold;
    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%2020%2029%22%20enable-background%3D%22new%200%200%2020%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%2341A1F3%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20fill%3D%22%2341A1F3%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%221%22%20fill%3D%22%238DCDFF%22%20width%3D%2220%22%20height%3D%2227%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

.app-status-bar .Segment.Future span.Self {
    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%2020%2029%22%20enable-background%3D%22new%200%200%2020%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%237D7D7D%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20fill%3D%22%2393999F%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%221%22%20fill%3D%22%23FFFFFF%22%20width%3D%2220%22%20height%3D%2227%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

/* first piece*/
.app-status-bar .Segment.First span.Self {
    margin-left: 8px;
    padding-left: 0;
}

.app-status-bar .Segment.First span.Inner {
    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%2020%2029%22%20enable-background%3D%22new%200%200%2020%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%237D7D7D%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20fill%3D%22%2393999F%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%221%22%20fill%3D%22%23ECECEC%22%20width%3D%2220%22%20height%3D%2227%22/%3E%0D%0A%3Crect%20y%3D%221%22%20fill%3D%22%2393999F%22%20width%3D%221%22%20height%3D%2227%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    background-size: 20px 29px;
    background-position: left 0;
}

.app-status-bar .Segment.Current.First span.Inner {
    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%2020%2029%22%20enable-background%3D%22new%200%200%2020%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%2341A1F3%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20fill%3D%22%2341A1F3%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%221%22%20fill%3D%22%238DCDFF%22%20width%3D%2220%22%20height%3D%2227%22/%3E%0D%0A%3Crect%20y%3D%221%22%20fill%3D%22%2341A1F3%22%20width%3D%221%22%20height%3D%2227%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

.app-status-bar .Segment.Future.First span.Inner {
    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%2020%2029%22%20enable-background%3D%22new%200%200%2020%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20y%3D%2228%22%20fill%3D%22%237D7D7D%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20fill%3D%22%2393999F%22%20width%3D%2220%22%20height%3D%221%22/%3E%0D%0A%3Crect%20y%3D%221%22%20fill%3D%22%23FFFFFF%22%20width%3D%2220%22%20height%3D%2227%22/%3E%0D%0A%3Crect%20y%3D%221%22%20fill%3D%22%2393999F%22%20width%3D%221%22%20height%3D%2227%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}


div.app-menu-footer {
    height: 3em;
    margin: 1em -1em 0 -1em;
}

.app-stub {
    height: 3em;
    margin: 0 !important;
}

.app-stub-main {
    height: 0;
    margin: 0 !important;
}


.app-sidebar {
    display: none;
    top: 0;
    width: 12em;
    background-color: #e9e9e9;
}

    .app-sidebar .ui-panel-inner {
        top: 44px;
    }

.ui-btn-right.app-btn-context {
    right: 0.56em;
}

body[dir="rtl"] .ui-btn-right.app-btn-context {
    left: 0.56em;
    right: auto;
}

.ui-listview textarea {
    white-space: normal;
}

.app-listview:not(.app-listview-static) li.ui-li-divider,
.app-listview:not(.app-listview-static) li.app-li-card {
    float: none !important;
    margin: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

body[dir="rtl"] .app-listview:not(.app-listview-static) li.ui-li-divider,
body[dir="rtl"] .app-listview:not(.app-listview-static) li.app-li-card {
    text-align: right;
}

.app-listview:not(.app-listview-static) li.app-li-card {
    border-top-width: 0;
    border-bottom-width: 1px;
}

.app-bar-buttons {
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
}

    .app-bar-buttons .ui-btn, .app-tabs .ui-btn {
        line-height: normal !important;
    }

    .app-bar-buttons .ui-btn {
        text-transform: uppercase;
        display: inline-block;
        min-width: 10em;
    }

        .app-bar-buttons .ui-btn.app-btn-more {
            min-width: 0;
            width: 22px;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            padding-left: 0;
            padding-right: 0;
        }

.app-buttons-text-only .app-bar-buttons .ui-btn, .app-buttons-text-only .app-popup-buttons .ui-btn {
    min-width: 3em !important;
    border-width: 0 !important;
}

    .app-desktop.app-buttons-text-only .app-bar-buttons .ui-btn:not(:hover):not(.ui-btn-active),
    .app-buttons-text-only:not(.app-desktop) .app-bar-buttons .ui-btn:not(.ui-btn-active),
    .app-buttons-text-only .app-popup-buttons .ui-btn:not(:hover):not(.ui-btn-active) {
        background-color: transparent !important;
        border-color: transparent !important;
    }

.app-bar-buttons {
    padding: 0.25em .5em;
    white-space: nowrap;
}

    .app-bar-buttons.app-bar-buttons-hidden {
        height: 2em;
        padding: 0;
    }

        .app-bar-buttons.app-bar-buttons-hidden > .ui-btn {
            display: none;
        }

.ui-header.app-tabs {
    width: auto;
    left: 0;
    padding: 0 1em;
    background-color: #fff;
    border-top-width: 0;
}

.ui-header.app-bar-actions {
    width: auto;
    left: 0;
    border-top-width: 0;
    font-weight: normal;
    padding: 0 0 0 0.85em;
    line-height: normal;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
}

    .ui-header.app-bar-actions h3 + .ui-btn {
        width: 1px;
        margin-right: -2px;
        visibility: hidden;
    }

.ui-content:not(.app-content-main) .ui-header.app-tabs:not(.ui-header-fixed) {
    border-top-width: 1px;
    margin-top: .5em !important;
    margin-bottom: -1px !important;
}

    .ui-content:not(.app-content-main) .ui-header.app-tabs:not(.ui-header-fixed).app-tabs-form {
        margin-bottom: 1em !important;
    }

.ui-header.ui-header-fixed.app-tabs,
.ui-header.ui-header-fixed.app-bar-actions,
.ui-header.ui-header-fixed.app-bar-header {
    top: 45px;
}

.app-page-scrollable .app-wrapper .ui-header.app-tabs,
.app-page-scrollable .app-wrapper .ui-header.app-bar-actions {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 16px;
    border-top-width: 1px;
}

.ui-header.app-bar-header.ui-header-fixed {
    padding: 0 !important;
    border-top-width: 0;
    line-height: normal;
    font-weight: normal;
}

.ui-footer.app-bar-footer.ui-footer-fixed {
    padding: 0 !important;
    line-height: normal;
    font-weight: normal;
    margin-left: 1px;
}

.app-tab-hidden {
    display: none;
}

.app-tabs {
    padding: 0 1em;
    overflow: hidden;
    text-align: center;
}

    .app-tabs ul {
        margin: 0;
        padding: 0;
        display: inline-block;
        white-space: nowrap;
    }

    .app-tabs li {
        display: inline-block;
    }

    .app-tabs ul li:first-child .ui-btn {
        border-top-left-radius: 0.3125em;
        border-bottom-left-radius: 0.3125em;
    }

    .app-tabs ul li:last-child .ui-btn, .app-tabs ul li .ui-btn.ui-last-child {
        border-top-right-radius: 0.3125em;
        border-bottom-right-radius: 0.3125em;
    }

    .app-tabs .ui-btn, .app-tabs .ui-btn.app-selected {
        display: inline-block;
        min-width: 10em;
        font-weight: normal;
        font-size: 13px;
        padding: 6px 2em;
        border-color: #38c !important;
        border-width: 1px 1px 1px 0;
    }

        .app-tabs .ui-btn:not(.ui-btn-active) {
            color: #38c;
            background-color: #fff;
        }


    .app-tabs ul li:first-child .ui-btn {
        border-left-width: 1px;
    }

    .app-tabs ul li:last-child .ui-btn.app-tab-active,
    .app-tabs ul li:last-child .ui-btn.app-tab-more {
        margin-left: -1px;
        border-left-width: 1px;
    }

@media (min-width:30em) {

    .app-bar-buttons > div {
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .app-bar-buttons .app-btn-grid-c.ui-grid-solo {
        max-width: 10em;
    }

    .app-bar-buttons .app-btn-grid-c.ui-grid-a {
        max-width: 20em;
    }
}

@media (min-width:40em) {

    .app-bar-buttons .app-btn-grid-d.ui-grid-solo {
        max-width: 11em;
    }

    .app-bar-buttons .app-btn-grid-d.ui-grid-a {
        max-width: 22em;
    }
}

@media (min-width:50em) {

    .app-bar-buttons .app-btn-grid-e.ui-grid-solo {
        max-width: 11em;
    }

    .app-bar-buttons .app-btn-grid-e.ui-grid-a {
        max-width: 22em;
    }

    .app-bar-buttons .app-btn-grid-e.ui-grid-b {
        max-width: 33em;
    }

    .app-bar-buttons .app-btn-grid-e.ui-grid-c {
        max-width: 44em;
    }
}


@media (min-width:65em) {

    .app-bar-buttons .app-btn-grid-e.ui-grid-solo {
        max-width: 11em;
    }

    .app-bar-buttons .app-btn-grid-e.ui-grid-a {
        max-width: 22em;
    }

    .app-bar-buttons .app-btn-grid-e.ui-grid-b {
        max-width: 33em;
    }

    .app-bar-buttons .app-btn-grid-e.ui-grid-c {
        max-width: 44em;
    }

    .app-bar-buttons .app-btn-grid-e.ui-grid-d {
        max-width: 55em;
    }
}

@media (min-width: 10em) {
    .app-btn-grid-b, .app-btn-grid-c, .app-btn-grid-d, .app-btn-grid-e {
        display: none;
    }
}

@media (min-width: 15em) {
    .app-btn-grid-a, .app-btn-grid-c, .app-btn-grid-d, .app-btn-grid-e {
        display: none;
    }

    .app-btn-grid-b {
        display: block;
    }
}

@media (min-width: 20em) {
    .app-btn-grid-a, .app-btn-grid-b, .app-btn-grid-d, .app-btn-grid-e {
        display: none;
    }

    .app-btn-grid-c {
        display: block;
    }
}

.app-sidebar {
    z-index: 999;
    border-right: solid 1px #ccc;
}

body[dir="rtl"] .app-sidebar {
    border-right-width: 0;
    border-left: solid 1px #ccc;
}

.app-sidebar .ui-btn {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    padding-top: .5em;
    padding-bottom: .5em;
}

.app-sidebar .ui-li-static {
    font-size: 14px;
    font-weight: normal;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

body[dir="rtl"] .app-sidebar .ui-li-static {
    text-align: right;
}

.app-sidebar .ui-li-static.ui-first-child {
    border-top-width: 0;
}

.app-sidebar .ui-btn.ui-icon-eye {
    /*white-space: normal;*/
    border-bottom-width: 1px;
}

.app-sidebar .ui-btn.ui-icon-info {
    border-top-width: 1px !important;
}

.app-sidebar .ui-btn {
    border-top-width: 0 !important;
}

.app-sidebar .ui-li-divider {
    border-bottom-width: 1px;
}

.ui-header .ui-title {
    padding: 8px 1em 9px 1em;
    margin-top: -1px;
}

.ui-header-fixed .ui-title {
    padding: 11px 2px 12px 2px;
    margin-top: -1px;
}


.app-popup-icon-left .ui-header .ui-title {
    text-align: left;
    padding-left: 3em;
    padding-right: 1em;
}

@media (min-width:30em) {
    .ui-header-fixed .ui-title {
        margin-left: 110px;
        margin-right: auto;
        display: inline-block;
        padding-left: .5em;
        padding-right: .5em;
    }
}


@media (min-width: 40em) {

    body:not(.app-sidebar-undocked) .app-btn-promo {
        right: auto;
        left: 164px;
    }

    body:not(.app-sidebar-undocked) .app-sidebar {
        display: block;
    }

    body:not(.app-sidebar-undocked) .app-wrapper {
        width: auto;
        left: 12em;
        right: 0;
    }

    body[dir="rtl"]:not(.app-sidebar-undocked) .app-wrapper {
        width: auto;
        left: 0;
        right: 12em;
    }

    .app-btn-grid-a, .app-btn-grid-b, .app-btn-grid-c, .app-btn-grid-e {
        display: none;
    }

    .app-btn-grid-d {
        display: block;
    }

    body:not(.app-sidebar-undocked) .app-has-summary .app-li-card {
        display: none;
    }

    body:not(.app-sidebar-undocked) .ui-header-fixed .ui-title {
        margin-left: 12em;
        text-align: left;
        padding-left: 1em;
        border-left: solid 1px #ccc;
        margin-right: auto;
        display: inline-block;
    }

    body[dir="rtl"]:not(.app-sidebar-undocked) .ui-header-fixed .ui-title {
        border-left-width: 0;
        border-right: solid 1px #ccc;
        margin-left: auto;
        margin-right: 12em;
        padding-right: 1em;
    }

    body:not(.app-sidebar-undocked) .app-bar-search {
        margin-left: 10em;
        padding-right: 2.75em;
    }

        body:not(.app-sidebar-undocked) .app-bar-search .ui-icon-back {
            left: 0.33em;
            margin-left: 0;
            right: auto;
        }


    body:not(.app-sidebar-undocked) .ui-header.ui-header-fixed {
        width: auto;
        left: 0;
    }

        body:not(.app-sidebar-undocked) .ui-header.ui-header-fixed.app-tabs,
        body:not(.app-sidebar-undocked) .ui-header.ui-header-fixed.app-bar-actions,
        body:not(.app-sidebar-undocked) .ui-header.ui-header-fixed.app-bar-header,
        body:not(.app-sidebar-undocked) .ui-header.ui-header-fixed.app-bar-footer {
            width: auto;
            left: 12em;
            margin-left: 1px;
        }



    body[dir="rtl"]:not(.app-sidebar-undocked) .ui-header.ui-header-fixed.app-tabs,
    body[dir="rtl"]:not(.app-sidebar-undocked) .ui-header.ui-header-fixed.app-bar-actions,
    body[dir="rtl"]:not(.app-sidebar-undocked) .ui-header.ui-header-fixed.app-bar-header,
    body[dir="rtl"]:not(.app-sidebar-undocked) .ui-header.ui-header-fixed.app-bar-footer {
        left: 0;
        right: 12em;
        margin-left: 0;
        margin-right: 1px;
    }

    body:not(.app-sidebar-undocked) .ui-footer.ui-footer-fixed {
        width: auto;
        left: 12em;
    }


    body:not(.app-sidebar-undocked) .app-bar-heading {
        left: 13.8em;
    }

    body[dir="rtl"]:not(.app-sidebar-undocked) .app-bar-heading {
        right: 13.8em;
        left: 0;
    }

    /*body:not(.app-sidebar-undocked) .ui-page .ui-listview.app-listview:not(.app-listview-static) {
        margin-right: 17em;
    }*/

    .ui-btn-right.app-btn {
        right: 0.85em;
    }

    body[dir="rtl"] .ui-btn-right.app-btn {
        left: 0.85em;
        right: auto;
    }

    .app-wrapper .app-listview li.ui-li-divider {
        width: auto !important;
        /*border-bottom-width: 1px;*/
    }

    .app-listview li.app-li-card {
        width: auto !important;
    }
}

body.app-promo-position-right .app-btn-promo {
    left: auto;
    right: 18px;
    margin-right: 8px;
}

@media (min-width: 40em) {

    body.app-sidebar-undocked .app-listview li.ui-li-divider {
        border-bottom-width: 0;
    }

    body.app-sidebar-undocked .app-listview.app-cardview li.ui-li-divider {
        border-bottom-width: 1px;
    }

    body.app-sidebar-undocked .app-wrapper .app-listview {
        /*
        -webkit-border-radius: .5em;
        border-radius: .5em;
            */
    }

        body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li,
        body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li.ui-first-child,
        body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li.ui-last-child {
            float: left;
            width: 50%;
            /*margin: .5em;
            -webkit-border-radius: inherit;
            border-radius: inherit;*/
        }

            body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li .ui-btn {
                /*-webkit-border-radius: inherit;
                border-radius: inherit;*/
                border-left-width: 0 !important;
                border-top-width: 0 !important;
                border-right-width: 1px !important;
                border-bottom-width: 1px !important;
            }

            body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li.dv-load-at-bottom-parent .ui-btn {
                border-bottom-width: 0 !important;
            }

    .app-listview.app-cardview li.dv-load-at-top-parent {
        float: none !important;
    }

    .app-listview.app-cardview li.dv-load-at-top-parent, .app-listview.app-cardview li.dv-load-at-bottom-parent {
        width: 100% !important;
    }
}


@media (min-width: 40em) {


    body.app-sidebar-undocked .app-wrapper .app-listview {
        /*
        -webkit-border-radius: .5em;
        border-radius: .5em;
            */
    }

        body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li,
        body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li.ui-first-child,
        body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li.ui-last-child {
            float: left;
            width: 50%;
            /*
            margin: 0.5em;
            -webkit-border-radius: inherit;
            border-radius: inherit;*/
        }

            body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li .ui-btn {
                /*
                -webkit-border-radius: inherit;
                border-radius: inherit;
                border-width: 1px !important;
                */
                border-left-width: 0 !important;
                border-top-width: 0 !important;
                border-right-width: 1px !important;
                border-bottom-width: 1px !important;
            }


            body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li.dv-load-at-bottom-parent .ui-btn {
                border-bottom-width: 0 !important;
            }
}

@media (min-width: 50em) {
    .app-btn-grid-a, .app-btn-grid-b, .app-btn-grid-c, .app-btn-grid-d {
        display: none;
    }

    .app-btn-grid-e {
        display: block;
    }
}



@media (min-width: 40em) {

    body:not(.app-sidebar-undocked) .app-listview li.ui-li-divider {
        border-bottom-width: 0;
    }

    body:not(.app-sidebar-undocked) .app-listview.app-cardview li.ui-li-divider {
        border-bottom-width: 1px;
    }



    .app-wrapper .app-listview {
        /*
        -webkit-border-radius: .5em;
        border-radius: .5em;
            */
    }

        .app-wrapper .app-listview.app-cardview li,
        .app-wrapper .app-listview.app-cardview li.ui-first-child,
        .app-wrapper .app-listview.app-cardview li.ui-last-child {
            float: left;
            width: 50%;
            /*
            margin: 0.5em;
            -webkit-border-radius: inherit;
            border-radius: inherit;*/
        }

            .app-wrapper .app-listview.app-cardview li .ui-btn {
                /*
                -webkit-border-radius: inherit;
                border-radius: inherit;
                border-width: 1px !important;
                    */
                border-left-width: 0 !important;
                border-top-width: 0 !important;
                border-right-width: 1px !important;
                border-bottom-width: 1px !important;
            }

            .app-wrapper .app-listview.app-cardview li.dv-load-at-bottom-parent .ui-btn {
                border-bottom-width: 0 !important;
            }
}

@media (min-width: 64em) {

    body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li,
    body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li.ui-first-child,
    body.app-sidebar-undocked .app-wrapper .app-listview.app-cardview li.ui-last-child {
        width: 33.333%;
    }
}

@media (min-width: 76em) {
    .app-wrapper .app-listview.app-cardview li,
    .app-wrapper .app-listview.app-cardview li.ui-first-child,
    .app-wrapper .app-listview.app-cardview li.ui-last-child {
        width: 33.333%;
    }
}

.app-sidebar.app-inactive {
    border-color: #ccc !important;
}

/* disable default hover-over background colors and shadows to speed up scrolling */


.app-theme-light:not(.app-desktop) li a.ui-btn:hover {
    background-color: #f6f6f6 !important;
}

.app-theme-light:not(.app-desktop) li a.ui-btn-b:hover {
    background-color: #333 !important;
}

.app-theme-light:not(.app-desktop) li a.ui-btn-active:hover {
    background-color: #3388cc !important;
}

.app-theme-light:not(.app-desktop) li a.app-selected:hover {
    background-color: #D4E7FE !important;
}

.app-theme-light:not(.app-desktop) li a.ui-btn-active.app-selected:hover {
    background-color: #22aadd !important;
}

/* click */
.app-theme-light .ui-page .ui-listview .ui-btn.ui-btn-active {
    border-color: #ccc !important;
}

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

.app-icon-themed {
    fill: #999;
}

.ui-btn-active svg .app-icon-themed {
    fill: #fff;
}

.app-formview {
    text-shadow: none !important;
}

.dataview-busy-indicator {
    background-color: #007AFF;
    height: 3px;
}

.app-lookup {
    text-align: left;
    font-weight: normal;
    margin: 0;
    border-width: 0;
    border-bottom-width: 1px;
}

.ui-corner-all.ui-btn.app-lookup {
    border-radius: 0;
}

body[dir="rtl"] .app-lookup {
    text-align: right;
}

.app-lookup.ui-btn {
    font-weight: normal;
    margin-top: -40px;
    line-height: normal;
}

    .app-lookup.ui-btn.ui-btn-active {
        background-color: #38c !important;
    }

.app-formview .ui-btn:not(.ui-btn-icon-notext):not(.ui-slider-handle):not(.ui-checkbox-off):not(.ui-checkbox-on):not(.ui-radio-off):not(.ui-radio-on):not(.ui-btn-icon-left) {
    padding: 0.5em 2.25em 0.5em 0.5em;
    /*border-width: 0;*/
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    /*border-radius:0;
    -webkit-border-radius:0;*/
    background-color: transparent;
    /*border-color: transparent;*/
}

body[dir="rtl"] .app-formview .ui-btn:not(.ui-btn-icon-notext):not(.ui-slider-handle):not(.ui-checkbox-off):not(.ui-checkbox-on):not(.ui-radio-off):not(.ui-radio-on) {
    padding-left: 2.25em;
    padding-right: 0.5em;
}

.app-formview .ui-btn:not(.ui-btn-icon-notext).ui-focus {
    /*background-color:#ddd;*/
}


/*.app-form-page .ui-collapsible-set :not(.ui-collapsible-inset).ui-collapsible .ui-collapsible-heading .ui-btn {
    border-top-width: 0;
}*/

.app-lookup-input {
    border-width: 0;
    padding: 0 0 0 0.5em;
    margin: 0;
    height: 40px;
    color: #000;
}

    .app-lookup-input::-ms-clear {
        display: none;
    }

    .app-lookup-input:focus {
        outline: none;
    }

    .app-lookup-input + .ui-btn {
        max-width: 768px;
    }

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

.app-listview.ui-listview > li p {
    margin: 4px 0 1px 0;
    font-size: 14px;
}

.app-listview.ui-listview > li h1, .app-listview.ui-listview > li h2, .app-listview.ui-listview > li h3, .app-listview.ui-listview > li h4, .app-listview.ui-listview > li h5, .app-listview.ui-listview > li h6 {
    margin: 0;
    text-shadow: none;
}

.app-listview.ui-listview > li p.ui-li-aside {
    color: #999;
    max-width: 35%;
    margin: 1px 0 0 0;
    right: 1.33em;
}

body[dir="rtl"] .app-listview.ui-listview > li p.ui-li-aside {
    right: auto;
    left: 1.33em;
}

.app-listview.ui-listview.app-listview-static > li p.ui-li-aside {
    right: 1em;
}

.app-listview.ui-listview > li.ui-li-has-count p.ui-li-aside {
    margin-top: -0.8em;
    max-width: none;
}

.ui-popup-arrow {
    background-color: #fff;
    z-index: 1001;
}

.app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count) h1,
.app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count) h2,
.app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count) h3,
.app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count) h4,
.app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count) h5,
.app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count) h6 {
    max-width: 65%;
}

.app-listview:not(.app-listview-static) .ui-li-divider, .app-listview:not(.app-listview-static) .ui-first-child a.ui-btn {
    border-top-width: 0;
}

.app-formview .ui-input-text:not(.ui-focus) .ui-input-clear {
    display: none;
}

.app-formview .ui-input-text .ui-input-clear:active {
    display: block;
}

.app-formview .ui-input-text:not(.ui-focus).ui-input-has-clear {
    padding-right: 0.4em;
}

.ui-icon-trash: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%20140%20140%22%20enable-background%3D%22new%200%200%20140%20140%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20x%3D%2247%22%20y%3D%2253%22%20fill%3D%22%23FFFFFF%22%20width%3D%2248%22%20height%3D%2255%22/%3E%0D%0A%3Cg%3E%0D%0A%09%3Crect%20x%3D%2238%22%20y%3D%2238%22%20fill%3D%22%23FFFFFF%22%20width%3D%2265%22%20height%3D%228%22/%3E%0D%0A%09%3Crect%20x%3D%2260%22%20y%3D%2229%22%20fill%3D%22%23FFFFFF%22%20width%3D%2221%22%20height%3D%229%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
}

.ui-icon-zoomout:after { /* zoomout*/
    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%20170%20622%20622%22%20enable-background%3D%22new%200%20170%20622%20622%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M453.1%2C566c35.6-53.4%2C53.4-124.4%2C35.6-195.4c-17.8-88.8-93.3-160-182.1-182.1%0D%0A%09c-177.7-40-333.2%2C115.4-293.3%2C293.1c17.8%2C88.8%2C93.3%2C164.3%2C182.1%2C182.1c71%2C17.8%2C142.2%2C0%2C195.4-35.6l164.3%2C164.3l62.2-62.2L453.1%2C566z%0D%0A%09%20M284.3%2C601.6C164.4%2C623.8%2C57.7%2C517.1%2C79.9%2C397.2c13.3-66.7%2C66.7-124.4%2C137.7-137.7c119.9-22.3%2C226.5%2C80%2C204.4%2C204.4%0D%0A%09C408.7%2C530.4%2C350.8%2C588.2%2C284.3%2C601.6z%22/%3E%0D%0A%3Crect%20x%3D%22118.8%22%20y%3D%22402.7%22%20fill%3D%22%23FFFFFF%22%20width%3D%22266.6%22%20height%3D%2252.2%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    background-size: 16px 16px;
}

.ui-icon-zoomin:after { /* zoomin*/
    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%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%207%2015%2015%22%20enable-background%3D%22new%200%207%2015%2015%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11%2C16.4c0.9-1.3%2C1.3-3%2C0.9-4.8c-0.4-2.2-2.3-3.9-4.5-4.5C3%2C6.2-0.8%2C10%2C0.2%2C14.4c0.4%2C2.2%2C2.3%2C4%2C4.5%2C4.5%0D%0A%09%09c1.7%2C0.4%2C3.5%2C0%2C4.8-0.9l4%2C4l1.5-1.5L11%2C16.4z%20M6.8%2C17.3c-2.9%2C0.5-5.6-2.1-5-5c0.3-1.6%2C1.6-3%2C3.4-3.4c2.9-0.5%2C5.6%2C2%2C5%2C5%0D%0A%09%09C9.9%2C15.6%2C8.4%2C17%2C6.8%2C17.3z%22/%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_2%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%229.3%2C12.4%206.6%2C12.4%206.6%2C9.6%205.4%2C9.6%205.4%2C12.4%202.8%2C12.4%202.8%2C13.7%205.4%2C13.7%205.4%2C16.2%206.6%2C16.2%20%0D%0A%09%09%096.6%2C13.7%209.3%2C13.7%20%09%09%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
    background-size: 16px 16px;
}

.ui-icon-cards: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%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20x%3D%222.3%22%20y%3D%226.6%22%20fill%3D%22%23FFFFFF%22%20width%3D%227.8%22%20height%3D%225%22/%3E%0D%0A%3Crect%20x%3D%2210.8%22%20y%3D%225.1%22%20fill%3D%22%23FFFFFF%22%20width%3D%220.9%22%20height%3D%225%22/%3E%0D%0A%3Crect%20x%3D%223.9%22%20y%3D%225.1%22%20fill%3D%22%23FFFFFF%22%20width%3D%227.8%22%20height%3D%220.8%22/%3E%0D%0A%3Crect%20x%3D%2212.3%22%20y%3D%223.7%22%20fill%3D%22%23FFFFFF%22%20width%3D%220.9%22%20height%3D%225%22/%3E%0D%0A%3Crect%20x%3D%225.3%22%20y%3D%223.7%22%20fill%3D%22%23FFFFFF%22%20width%3D%227.8%22%20height%3D%220.8%22/%3E%0D%0A%3C/svg%3E%0D%0A");
}

.ui-icon-chart: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%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20x%3D%222.6%22%20y%3D%2212.1%22%20fill%3D%22%23FFFFFF%22%20width%3D%2210.7%22%20height%3D%220.9%22/%3E%0D%0A%3Crect%20x%3D%222.6%22%20y%3D%223.5%22%20fill%3D%22%23FFFFFF%22%20width%3D%221.2%22%20height%3D%229.2%22/%3E%0D%0A%3Crect%20x%3D%225.2%22%20y%3D%226.2%22%20fill%3D%22%23FFFFFF%22%20width%3D%222%22%20height%3D%224.5%22/%3E%0D%0A%3Crect%20x%3D%228%22%20y%3D%223.6%22%20fill%3D%22%23FFFFFF%22%20width%3D%222%22%20height%3D%227.1%22/%3E%0D%0A%3Crect%20x%3D%2210.8%22%20y%3D%225%22%20fill%3D%22%23FFFFFF%22%20width%3D%222%22%20height%3D%225.7%22/%3E%0D%0A%3C/svg%3E%0D%0A");
}

.ui-icon-filter: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%22-0.5%206.5%2016%2016%22%20enable-background%3D%22new%20-0.5%206.5%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%227.5%2C15.5%2014.5%2C8.5%200.5%2C8.5%20%22/%3E%0D%0A%3Crect%20x%3D%226.2%22%20y%3D%2211.5%22%20fill%3D%22%23FFFFFF%22%20width%3D%222.6%22%20height%3D%2210%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    background-size: 16px;
}

.ui-icon-sort: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%22-1%20-1%2016%2016%22%20enable-background%3D%22new%20-1%20-1%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20display%3D%22none%22%3E%0D%0A%09%3Cpolygon%20display%3D%22inline%22%20fill%3D%22%23FFFFFF%22%20points%3D%224%2C1%201%2C4%203.1%2C4%203.1%2C7%204.9%2C7%204.9%2C4%207%2C4%20%09%22/%3E%0D%0A%09%3Crect%20x%3D%223.1%22%20y%3D%226%22%20display%3D%22inline%22%20fill%3D%22%23FFFFFF%22%20width%3D%221.7%22%20height%3D%227%22/%3E%0D%0A%3C/g%3E%0D%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%223.4%2C-0.2%20-1%2C4.9%207.9%2C4.9%20%22/%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M2.3%2C4.3%22/%3E%0D%0A%3Crect%20x%3D%222.3%22%20y%3D%224.3%22%20fill%3D%22%23FFFFFF%22%20width%3D%222.3%22%20height%3D%2210.1%22/%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.7%2C9.5%22/%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.7%2C9.8%22/%3E%0D%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2210.6%2C14.4%2015%2C9.3%206.1%2C9.3%20%22/%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M12.3%2C9.9%22/%3E%0D%0A%3Crect%20x%3D%229.4%22%20y%3D%22-0.3%22%20fill%3D%22%23FFFFFF%22%20width%3D%222.3%22%20height%3D%2210.1%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    background-size: 16px;
}

.ui-icon-group: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%22-472%20274%2014%2014%22%20style%3D%22enable-background%3Anew%20-472%20274%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-miterlimit%3A10%3B%7D%0D%0A%3C/style%3E%0D%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22-468.5%22%20cy%3D%22283%22%20r%3D%222.5%22/%3E%0D%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22-461.5%22%20cy%3D%22283%22%20r%3D%222.5%22/%3E%0D%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22-465%22%20cy%3D%22277.1%22%20r%3D%222.5%22/%3E%0D%0A%3C/svg%3E%0D%0A");
    background-size: 16px;
}

.ui-icon-downarrow: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%2010%2010%22%20enable-background%3D%22new%200%200%2010%2010%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23333333%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M1.1%2C0.8l3.7%2C7.8c0.1%2C0.2%2C0.3%2C0.2%2C0.4%2C0l3.7-7.8%0D%0A%09c0.1-0.1%2C0-0.3-0.2-0.3H1.3C1.2%2C0.5%2C1.1%2C0.7%2C1.1%2C0.8z%22/%3E%0D%0A%3C/svg%3E%0D%0A') !important;
    background-size: 8px;
    background-position: center center;
    background-repeat: no-repeat;
}

.ui-icon-duplicate: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%20220%20220%22%20enable-background%3D%22new%200%200%20220%20220%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M166.2%2C39.6H92.3h-0.5c-6.9%2C0-12.5%2C5.6-12.5%2C12.5v0.6v74.3v0.2c0%2C6.9%2C5.6%2C12.5%2C12.5%2C12.5h0.6h73.9h0.6%0D%0A%09c6.9%2C0%2C12.5-5.6%2C12.5-12.5v-0.5V52.3v-0.2c0-6.9-5.6-12.5-12.5-12.5H166.2z%20M92.4%2C114.1v-49c0-6.9%2C5.6-12.5%2C12.5-12.5h49%0D%0A%09c6.9%2C0%2C12.5%2C5.6%2C12.5%2C12.5v49c0%2C6.9-5.6%2C12.5-12.5%2C12.5h-49C98%2C126.6%2C92.4%2C121%2C92.4%2C114.1z%22/%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M127%2C130v24.1c0%2C6.9-5.3%2C12.9-12.2%2C12.9h-49c-6.9%2C0-12.8-6-12.8-12.9v-49C53%2C98.2%2C58.9%2C93%2C65.8%2C93H90V80%0D%0A%09H53.3h-0.5C45.9%2C80%2C40%2C85.2%2C40%2C92.1v0.6V167v0.2c0%2C6.9%2C5.9%2C12.9%2C12.8%2C12.9h0.6h73.9h0.6c6.9%2C0%2C12.2-6%2C12.2-12.9v-0.5V130H127z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    background-size: 20px;
}

body[dir="rtl"] .ui-icon-carat-l:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}

body[dir="rtl"] .ui-icon-carat-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E");
}

body[dir="rtl"] .ui-icon-arrow-l:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

body[dir="rtl"] .ui-icon-arrow-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.ui-page.app-page-tasks .ui-content {
    padding-top: 0;
}

    .ui-page.app-page-tasks .ui-content .app-listview {
        margin-bottom: 3em;
    }


.ui-listview.app-page-menu {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.app-page-menu-desc {
    display: none;
}

@media (min-width: 10em) {

    .app-page-menu-desc {
        display: block;
    }
}

.app-listview li .app-li-corner {
    right: 0;
    top: 0;
    padding: 2px .5em;
    background-color: #38c;
    color: #fff;
    position: absolute;
    text-shadow: none;
    max-width: 65%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: normal;
    overflow: hidden;
    text-transform: uppercase;
}

body[dir="rtl"] .app-listview li .app-li-corner {
    right: auto;
    left: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
}

.app-listview li.app-li-has-corner .ui-li-aside {
    top: 2px;
    left: 1.2em;
    right: auto;
    text-align: left;
}

.app-listview li.app-li-has-corner.ui-li-has-thumb .ui-li-aside {
    left: 7.25em;
}

.app-listview li.app-li-has-corner .ui-li-count {
    top: auto !important;
    bottom: .5em;
}

.app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count).app-li-has-corner h1, .app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count).app-li-has-corner h2, .app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count).app-li-has-corner h3, .app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count).app-li-has-corner h4, .app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count).app-li-has-corner h5, .app-listview.ui-listview > li.app-li-has-aside:not(.ui-li-has-count).app-li-has-corner h6 {
    max-width: 100%;
}

.app-listview li.app-li-has-corner.app-li-has-aside {
    padding-top: 1em;
}

.app-listview.app-listview-static.ui-listview > li:not(.app-li-card) p {
    font-size: 0.75em;
}

/*@media (orientation:landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 672px !important;
    }
}*/


@media screen {
    @-ms-viewport {
        width: device-width;
    }
}

.app-wrap {
    white-space: normal !important;
    border-top-width: 0 !important;
}

.app-sidebar .app-wrap, .ui-panel-inner .app-wrap {
    font-size: 14px;
    font-weight: normal;
}

    .app-sidebar .app-wrap a, .ui-panel-inner .app-wrap a {
        font-weight: normal;
    }

.app-wrap-text .ui-btn {
    white-space: normal !important;
}

.app-panel-info-view .ui-listview .ui-li-static {
    font-size: 14px;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.app-panel-info-view .app-list-instruction {
    text-transform: uppercase;
}

.ui-collapsible-heading .ui-btn, .app-echo-toolbar h3, .app-bar-actions h3 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
}

    .ui-collapsible-heading .ui-btn:not(:hover) {
        background-color: rgb(241, 241, 241);
    }

    .ui-collapsible-heading .ui-btn svg {
        right: 1.5em;
        position: absolute;
        display: none;
        top: 50%;
        margin-top: -7px;
    }

.ui-collapsible-heading:not(.ui-collapsible-heading-collapsed) .ui-btn svg.app-icon-carat-u {
    display: block;
}

.ui-collapsible-heading.ui-collapsible-heading-collapsed .ui-btn svg.app-icon-carat-d {
    display: block;
}

body:not(.app-theme-dark) .ui-collapsible-heading .ui-btn.ui-icon-carat-u::after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
}

body:not(.app-theme-dark) .ui-collapsible-heading .ui-btn.ui-icon-carat-d::after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
}


.app-formview .ui-li-divider.app-list-instruction {
    background-color: #fff;
    font-size: 14px;
}

    .app-formview .ui-li-divider.app-list-instruction > div {
        max-width: 60em;
    }

.app-divider {
    border-top: solid 1px #ddd;
}

.app-formview,
.app-formview label,
.app-formview .app-lookup.ui-btn,
.app-formview .ui-select .ui-btn,
.app-formview .ui-corner-all.ui-controlgroup {
    font-size: 16px;
    line-height: normal;
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
}

    .app-formview.app-form-editing label {
        color: #808080;
    }

    .app-formview.app-form-editing .app-static-text div {
        color: #000;
    }

.ui-input-text,
.ui-input-search,
.ui-checkbox label {
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
    /*border-color: transparent;*/
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.app-formview .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child,
.app-formview .ui-corner-all.ui-controlgroup,
.ui-checkbox label,
.ui-radio label {
    border-width: 0;
    border-bottom-width: 0;
}

.ui-checkbox .ui-corner-all {
    border-radius: 0;
}

.ui-checkbox label, .ui-radio label {
    height: 22px;
}

.app-density-compact .ui-checkbox label, .app-density-compact .ui-radio label {
    height: 19px;
}


.app-density-condensed .ui-checkbox label, .app-density-condensed .ui-radio label {
    height: 17px;
}

.app-lookup.ui-btn:hover,
.ui-select .ui-btn:hover {
    /*border-color: transparent;
        border-radius:0;*/
}

.ui-input-text.ui-focus,
.ui-input-search.ui-focus,
.app-lookup.ui-btn.ui-focus,
.ui-select .ui-btn.ui-focus,
.ui-checkbox label.ui-focus {
    border-color: #3388cc !important;
    /*border-radius:0;
        -moz-border-radius:0;*/
    /*border-color:#3388cc;*/
}

.app-formview .ui-li-static {
    padding-top: 1px;
    padding-bottom: 1px;
}

.app-formview .ui-btn-right.ui-btn-icon-notext {
    top: -0.25em;
}

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

.app-formview.app-form-editing {
    margin-bottom: 0;
}

.ui-mobile label,
.ui-controlgroup-label {
    margin: .4em 0 .2em;
}

.app-formview:not(.app-form-editing) label, .app-formview.app-form-editing:not(.app-form-editing) .ui-controlgroup-label {
    margin: .4em 0 0;
}

.app-formview .app-static-label, .app-formview .app-static-text, .app-panel-info-view .ui-li-static {
    white-space: normal;
}

@media (min-width: 10em) {


    /* 2-column form breakpoints */

    .app-form-grid.ui-grid-a .ui-block-a {
        width: 100%;
    }

    .app-form-grid.ui-grid-a .ui-block-b {
        margin-top: 1em;
        width: 100%;
    }

    /* 3-column form breakpoints */

    .app-form-grid.ui-grid-b .ui-block-a {
        width: 100%;
    }

    .app-form-grid.ui-grid-b .ui-block-b {
        margin-top: 1em;
        width: 100%;
    }

    .app-form-grid.ui-grid-b .ui-block-c {
        margin-top: 1em;
        width: 100%;
    }

    /* 4-column form breakpoints */

    .app-form-grid.ui-grid-c .ui-block-a {
        width: 100%;
    }

    .app-form-grid.ui-grid-c .ui-block-b {
        margin-top: 1em;
        width: 100%;
    }

    .app-form-grid.ui-grid-c .ui-block-c {
        margin-top: 1em;
        width: 100%;
    }

    .app-form-grid.ui-grid-c .ui-block-d {
        margin-top: 1em;
        width: 100%;
    }

    /* reset layout of form fields to "label-on-top" style */

    .app-formview .ui-field-contain:before,
    .app-formview .ui-field-contain:after {
        display: block;
    }

    .app-formview .ui-field-contain > label,
    .app-formview .ui-field-contain .ui-controlgroup-label,
    .app-formview .ui-field-contain > .ui-rangeslider > label {
        float: none;
        width: auto;
        margin-bottom: 0.2em;
        text-align: left;
    }

        .app-formview .ui-field-contain > label ~ [class*="ui-"],
        .app-formview .ui-field-contain .ui-controlgroup-controls,
        .app-formview .ui-field-contain .app-container-scrollable {
            float: none;
            width: auto;
        }

    .app-formview .ui-field-contain > textarea[class*="ui-"] {
        width: 100%;
    }
}


@media (min-width: 28em) {

    /* reset layout of form fields to "label-on-left" style */

    .app-formview .ui-field-contain:before,
    .app-formview .ui-field-contain:after {
        display: table;
    }

    .app-formview .ui-field-contain > label,
    .app-formview .ui-field-contain .ui-controlgroup-label,
    .app-formview .ui-field-contain > .ui-rangeslider > label {
        float: left;
        width: 25%;
        margin: .5em 2% 0 0;
    }

        .app-formview .ui-field-contain > label ~ [class*="ui-"],
        .app-formview .ui-field-contain .ui-controlgroup-controls,
        .app-formview .ui-field-contain .app-container-scrollable {
            float: left;
            width: 73%;
        }

    body[dir="rtl"] .app-formview .ui-field-contain > label,
    body[dir="rtl"] .app-formview .ui-field-contain .ui-controlgroup-label,
    body[dir="rtl"] .app-formview .ui-field-contain > .ui-rangeslider > label {
        float: right;
        margin-right: 0;
        margin-left: 2%;
    }

        body[dir="rtl"] .app-formview .ui-field-contain > label ~ [class*="ui-"],
        body[dir="rtl"] .app-formview .ui-field-contain .ui-controlgroup-controls,
        body[dir="rtl"] .app-formview .ui-field-contain .app-container-scrollable {
            float: right;
        }

    .app-labelsinform-alignedright .app-formview .app-static-label {
        text-align: right;
    }
}


@media (min-width: 40em) {

    /* 2-column form breakpoints */

    body.app-sidebar-undocked .app-form-grid.ui-grid-a .ui-block-a {
        width: 50%;
        margin-top: 0;
    }

    body.app-sidebar-undocked .app-form-grid.ui-grid-a .ui-block-b {
        width: 50%;
        margin-top: 0;
    }


    /* 4-column form breakpoints */

    body.app-sidebar-undocked .app-form-grid.ui-grid-c .ui-block-a {
        width: 50%;
        margin-top: 0;
    }

    body.app-sidebar-undocked .app-form-grid.ui-grid-c .ui-block-b {
        width: 50%;
        margin-top: 0;
    }

    body.app-sidebar-undocked .app-form-grid.ui-grid-c .ui-block-c {
        clear: left;
        width: 50%;
        margin-top: 1em;
    }

    body.app-sidebar-undocked .app-form-grid.ui-grid-c .ui-block-d {
        width: 50%;
        margin-top: 1em;
    }


    /* reset layout of form fields to "label-on-top" style */

    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain:before,
    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain:after {
        display: block;
    }

    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain > label,
    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain .ui-controlgroup-label,
    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain > .ui-rangeslider > label {
        float: none;
        width: auto;
        margin-bottom: 0.2em;
        text-align: left;
    }

        body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain > label ~ [class*="ui-"],
        body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain .ui-controlgroup-controls,
        body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain .app-container-scrollable {
            float: none;
            width: auto;
        }

    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain > textarea[class*="ui-"] {
        width: 100%;
    }

    /* create spacing betweel columns of multi-column form */

    body.app-sidebar-undocked .app-form-grid .ui-collapsible-set {
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        margin-left: 0.75em;
    }

    body.app-sidebar-undocked .app-form-grid {
        padding-right: 0.75em;
    }

        body.app-sidebar-undocked .app-form-grid > div {
            padding-bottom: 1px;
        }
}

@media (min-width: 52em) {

    .app-form-grid .ui-collapsible-set {
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        margin-left: 0.75em;
    }

    .app-form-grid {
        padding-right: 0.75em;
    }

        .app-form-grid > div {
            padding-bottom: 1px;
        }

        /* 2-column form breakpoints */

        .app-form-grid.ui-grid-a .ui-block-a {
            width: 50%;
            margin-top: 0;
        }

        .app-form-grid.ui-grid-a .ui-block-b {
            width: 50%;
            margin-top: 0;
        }


        /* 4-column form breakpoints */

        .app-form-grid.ui-grid-c .ui-block-a {
            width: 50%;
            margin-top: 0;
        }

        .app-form-grid.ui-grid-c .ui-block-b {
            width: 50%;
            margin-top: 0;
        }

        .app-form-grid.ui-grid-c .ui-block-c {
            clear: left;
            width: 50%;
            margin-top: 1em;
        }

        .app-form-grid.ui-grid-c .ui-block-d {
            width: 50%;
            margin-top: 1em;
        }

        /* reset layout of form fields to "label-on-top" style */

        .app-form-grid:not(.ui-grid-b) .ui-field-contain:before,
        .app-form-grid:not(.ui-grid-b) .ui-field-contain:after {
            display: block;
        }

        .app-form-grid:not(.ui-grid-b) .ui-field-contain > label,
        .app-form-grid:not(.ui-grid-b) .ui-field-contain .ui-controlgroup-label,
        .app-form-grid:not(.ui-grid-b) .ui-field-contain > .ui-rangeslider > label {
            float: none;
            width: auto;
            margin-bottom: 0.2em;
            text-align: left;
        }

            .app-form-grid:not(.ui-grid-b) .ui-field-contain > label ~ [class*="ui-"],
            .app-form-grid:not(.ui-grid-b) .ui-field-contain .ui-controlgroup-controls,
            .app-form-grid:not(.ui-grid-b) .ui-field-contain .app-container-scrollable {
                float: none;
                width: auto;
            }

        .app-form-grid:not(.ui-grid-b) .ui-field-contain > textarea[class*="ui-"] {
            width: 100%;
        }
}

@media (min-width: 62em) {

    /* 3-column form breakpoints */

    .app-form-grid.ui-grid-b .ui-block-a {
        width: 33.33%;
        margin-top: 0;
    }

    .app-form-grid.ui-grid-b .ui-block-b {
        width: 33.33%;
        margin-top: 0;
    }

    .app-form-grid.ui-grid-b .ui-block-c {
        width: 33.34%;
        margin-top: 0;
    }

    /* reset layout of multi-column form to "label-on-left" style */

    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain:before,
    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain:after,
    body:not(.app-sidebar-undocked) .app-form-grid:not(.ui-grid-b) .ui-field-contain:before,
    body:not(.app-sidebar-undocked) .app-form-grid:not(.ui-grid-b) .ui-field-contain:after {
        display: table;
    }

    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain > label,
    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain .ui-controlgroup-label,
    body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain > .ui-rangeslider > label,
    body:not(.app-sidebar-undocked) .app-form-grid:not(.ui-grid-b) .ui-field-contain > label,
    body:not(.app-sidebar-undocked) .app-form-grid:not(.ui-grid-b) .ui-field-contain .ui-controlgroup-label,
    body:not(.app-sidebar-undocked) .app-form-grid:not(.ui-grid-b) .ui-field-contain > .ui-rangeslider > label {
        float: left;
        width: 25%;
        margin: .5em 2% 0 0;
    }

        body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain > label ~ [class*="ui-"],
        body.app-sidebar-undocked .app-form-grid:not(.ui-grid-b) .ui-field-contain .ui-controlgroup-controls,
        body:not(.app-sidebar-undocked) .app-form-grid:not(.ui-grid-b) .ui-field-contain > label ~ [class*="ui-"],
        body:not(.app-sidebar-undocked) .app-form-grid:not(.ui-grid-b) .ui-field-contain .ui-controlgroup-controls,
        body:not(.app-sidebar-undocked) .app-form-grid:not(.ui-grid-b) .ui-field-contain .app-container-scrollable {
            float: left;
            width: 73%;
        }

    body.app-sidebar-undocked.app-labelsinform-alignedright .app-formview .app-static-label,
    body:not(.app-sidebar-undocked).app-labelsinform-alignedright .app-formview .app-static-label {
        text-align: right;
    }


    /* reset layout of 3-column form  to "label-on-top" style */

    .app-form-grid.ui-grid-b .ui-field-contain:before,
    .app-form-grid.ui-grid-b .ui-field-contain:after {
        display: block;
    }

    .app-form-grid.ui-grid-b .ui-field-contain > label,
    .app-form-grid.ui-grid-b .ui-field-contain .ui-controlgroup-label,
    .app-form-grid.ui-grid-b .ui-field-contain > .ui-rangeslider > label {
        float: none;
        width: auto;
        margin-bottom: 0.2em;
        text-align: left;
    }

        .app-form-grid.ui-grid-b .ui-field-contain > label ~ [class*="ui-"],
        .app-form-grid.ui-grid-b .ui-field-contain .ui-controlgroup-controls,
        .app-form-grid.ui-grid-b .ui-field-contain .app-container-scrollable {
            float: none;
            width: auto;
        }

    .app-form-grid.ui-grid-b .ui-field-contain > textarea[class*="ui-"] {
        width: 100%;
    }
}

@media (min-width: 80em) {
    .app-form-grid.ui-grid-c .ui-block-a {
        width: 25% !important;
    }

    .app-form-grid.ui-grid-c .ui-block-b {
        width: 25% !important;
    }

    .app-form-grid.ui-grid-c .ui-block-c {
        clear: none !important;
        width: 25% !important;
        margin-top: 0 !important;
    }

    .app-form-grid.ui-grid-c .ui-block-d {
        width: 25% !important;
        margin-top: 0 !important;
    }

    /* reset layout of form fields to "label-on-top" style */

    .app-form-grid.ui-grid-c .ui-field-contain:before,
    .app-form-grid.ui-grid-c .ui-field-contain:after {
        display: block !important;
    }

    .app-form-grid.ui-grid-c .ui-field-contain > label,
    .app-form-grid.ui-grid-c .ui-field-contain .ui-controlgroup-label,
    .app-form-grid.ui-grid-c .ui-field-contain > .ui-rangeslider > label {
        float: none !important;
        width: auto !important;
        margin-bottom: 0.2em !important;
        text-align: left;
    }

        .app-form-grid.ui-grid-c .ui-field-contain > label ~ [class*="ui-"],
        .app-form-grid.ui-grid-c .ui-field-contain .ui-controlgroup-controls,
        .app-form-grid.ui-grid-c .ui-field-contain .app-container-scrollable {
            float: none !important;
            width: auto !important;
        }

    .app-form-grid.ui-grid-c .ui-field-contain > textarea[class*="ui-"] {
        width: 100% !important;
    }
}

.app-listview.app-grid .dv-item .ui-btn {
    padding: 0 !important;
    font-weight: normal;
    text-overflow: clip;
}

.app-listview.app-grid .dv-item .ui-btn, .app-listview.app-grid .app-grid-header, .app-bar-heading .app-grid-header {
    font-size: 0;
}

    .app-listview.app-grid .dv-item .ui-btn span {
        font-size: 16px;
    }

    .app-listview .app-btn-more,
    .app-bar-heading .app-grid-header .app-btn-more {
        display: inline-block;
        margin: 0 !important;
        width: 22px;
        background-color: transparent;
        min-height: 1em;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .app-listview .app-btn-check,
    .app-bar-heading .app-grid-header .app-btn-check {
        display: inline-block;
        margin: 0 !important;
        width: 20px;
        height: 20px;
        padding: 0 !important;
        background-color: transparent;
        min-height: 20px;
        min-width: 20px;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        z-index: 2;
    }

.app-listview .app-field span[data-href],
.app-listview .app-field[data-href],
.app-formview .app-field[data-href] {
    text-decoration: underline;
    cursor: pointer;
}

/* conditionally show checkbox/more button */


/*body.app-desktop .app-listview .ui-btn:not(.app-selected):not(:hover) .app-btn-check:not(.app-btn-check-selected),
body.app-desktop .app-listview .ui-btn:not(.app-selected):not(:hover) .app-btn-more {
    visibility: hidden;
}*/


.app-btn-check {
    border-radius: 11px;
    position: relative;
    border: solid 1px #ccc !important;
    background-color: #fff !important;
}

    .app-btn-check.app-btn-check-selected {
        border: solid 1px #38c !important;
        background-color: #38c !important;
    }

    .app-btn-check .app-icon-check {
        right: auto;
        bottom: auto;
        left: 50%;
        top: 50%;
        margin-left: -6px;
        margin-top: -6px;
        width: 12px;
        height: 12px;
        visibility: hidden;
    }

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

    .app-btn-check.app-btn-check-selected .app-icon-check {
        visibility: visible;
    }

.ui-btn-active .app-btn-check {
    border-color: #fff !important;
}

.app-grid-header .app-btn-check,
.app-bar-heading .app-grid-header .app-btn-check {
    margin-top: 2px !important;
}

.app-listview.app-grid .app-btn-check,
.app-bar-heading .app-grid-header .app-btn-check {
    margin-left: 16px !important;
}

.app-bar-heading .app-grid-header .app-btn-check {
    margin-left: 15px !important;
    margin-right: 1px !important;
}

.ui-btn-active .app-btn-check:not(.app-btn-check-selected),
.ui-btn.app-selected.ui-btn-active .app-btn-check:not(.app-btn-check-selected) {
    border-color: transparent !important;
    background-color: transparent !important;
}

.app-calculated .app-btn-check, .app-calculated .app-btn-check .app-icon-check {
    visibility: hidden;
}

.app-listview.app-onecolumnview .app-btn-check,
.app-listview.app-cardcolumn .app-btn-check,
.app-listview.app-cardview .app-btn-check {
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -10px !important;
}

.app-grid-header .app-btn-more:hover {
    background-color: transparent !important;
}

.app-grid-header > span .glyphicon {
    padding-left: 2px;
}

    .app-grid-header > span .glyphicon:first-child {
        padding-left: 4px;
    }

.app-grid .app-divider .app-btn-more {
    visibility: hidden;
}

.app-grid .app-followed-by-aggregates .ui-btn {
    border-style: dashed;
}

.app-grid .app-divider.app-calculated {
    border-bottom-style: dashed;
    border-top-style: dashed;
}

.app-calculated .app-static-text {
    font-size: 12px;
    color: #808080;
}


.app-listview:not(.app-grid) .app-btn-more {
    height: 30px;
    width: 30px;
    /*margin: -5px 0 0 0 !important;*/
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

/* default */
.app-listview:not(.app-grid) li.app-li-has-aside .app-btn-more,
.app-listview:not(.app-grid) li.ui-li-has-count .app-btn-more {
    top: auto;
    bottom: 0;
}

/* has-count */
.app-listview:not(.app-grid) li.ui-li-has-count .ui-li-count {
    top: 30%;
}

.app-listview:not(.app-grid) li.ui-li-has-count .ui-btn,
.app-listview:not(.app-grid) li.app-li-has-aside .ui-btn {
    min-height: 3em;
}

.app-grid-header .app-btn-more {
    cursor: auto !important;
}

.app-group .app-group-title.ui-btn-active, .app-group .app-group-path.ui-btn-active {
    padding: 4px;
    margin: -4px;
    color: #fff;
}

.dv-action-see-all .app-btn-prev.ui-btn-active,
.dv-action-see-all .app-btn-next.ui-btn-active {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: -4px;
    margin-bottom: -4px;
    color: #fff;
}


.dv-item .app-btn-more.ui-btn-active,
.app-bar-buttons .app-btn-more.ui-btn-active,
.dv-action-see-all .app-btn-prev.ui-btn-active,
.dv-action-see-all .app-btn-next.ui-btn-active,
.app-group .app-group-path.ui-btn-active,
.app-group .app-group-title.ui-btn-active {
    background-color: #38c;
}

.dv-action-see-all .app-btn-disabled {
    color: #777;
}


.app-desktop.app-theme-light .app-listview.app-grid .ui-btn:not(.ui-btn-b):not(.ui-btn-active):not(:hover):not(.app-selected) {
    background-color: #fff;
}

.app-theme-light: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-grid-header > span {
    cursor: pointer;
    position: relative;
}

.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon):not(.app-frozen-spacer) {
    background-color: #eaeaea;
}

.app-list-instruction .app-grid-desc {
    display: inline-block;
    overflow: hidden;
    max-height: 4em;
}

.app-listview .ui-btn .app-field-type-bool {
    padding: 0 !important;
}


.app-listview .ui-btn .app-field .glyphicon {
    margin: 0 !important;
    padding: 0 !important;
    position: static;
    line-height: 22px;
}

.app-formview .glyphicon {
    cursor: default;
}

.app-density-compact .app-listview .ui-btn .app-field .glyphicon {
    line-height: 20px;
}

.app-density-condensed .app-listview .ui-btn .app-field .glyphicon {
    line-height: 16px;
    font-size: 14px !important;
}

.app-density-condensed .app-formview .glyphicon {
    font-size: 14px !important;
}


.app-grid-header .app-field-type-bool,
.app-grid .app-field-type-bool {
    text-align: center;
}

.app-grid-header .app-field-type-numeric,
.app-grid .app-field-type-numeric {
    text-align: right;
}

.app-grid .app-field:first-child,
.app-grid-header [data-field-name]:first-child {
    text-align: left;
}



.app-grid-header .ui-btn-active:not(.app-scroll),
.app-grid-header .app-selected:not(.app-scroll) {
    margin-left: 10px !important;
    padding-left: 6px !important;
    margin-right: -6px !important;
    padding-right: 6px !important;
}

body[dir="rtl"] .app-grid-header .ui-btn-active:not(.app-scroll),
body[dir="rtl"] .app-grid-header .app-selected:not(.app-scroll) {
    margin-right: 10px !important;
    padding-right: 6px !important;
    margin-left: -6px !important;
    padding-left: 6px !important;
}

body.app-desktop:not([dir="rtl"]) .app-grid-header span:hover:not(.app-btn-more):not(.app-icon):not(.app-btn-check):not(.app-scroll) {
    margin-left: 10px !important;
    padding-left: 6px !important;
}

body.app-desktop:not([dir="rtl"]) .app-grid-header span.app-field-type-numeric:hover,
body.app-desktop:not([dir="rtl"]) .app-grid-header span.app-field-type-bool:hover {
    margin-right: -6px !important;
    padding-right: 6px !important;
}

body[dir="rtl"].app-desktop .app-grid-header span:hover:not(.app-btn-more):not(.app-icon):not(.app-btn-check):not(.app-scroll) {
    margin-right: 10px !important;
    padding-right: 6px !important;
}

.app-listview.app-grid .dv-item .ui-btn span:not(.app-icon),
.app-listview.app-grid .app-list-instruction .app-grid-header span:not(.app-icon),
.app-bar-heading .app-grid-header span:not(.app-icon) {
    padding: 8px 0 8px 0;
    margin-left: 16px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    vertical-align: middle;
}

body[dir="rtl"] .app-listview.app-grid .dv-item .ui-btn span,
body[dir="rtl"] .app-listview.app-grid .app-list-instruction .app-grid-header span,
body[dir="rtl"] .app-bar-heading .app-grid-header span {
    margin-left: 0;
    margin-right: 16px;
    text-align: right;
}

.app-listview.app-grid .dv-item .ui-btn,
.app-listview.app-grid .app-list-instruction .app-grid-header {
    padding-right: 16px !important;
}

body[dir="rtl"] .app-listview.app-grid .dv-item .ui-btn,
body[dir="rtl"] .app-listview.app-grid .app-list-instruction .app-grid-header,
body[dir="rtl"] .app-bar-heading .app-grid-header {
    padding-left: 16px !important;
    padding-right: 0 !important;
}

.ui-listview .app-grid-header {
    overflow: hidden;
    white-space: nowrap;
    margin: 0 -17px -6px -16px;
}

.app-bar-heading .app-grid-header {
    overflow: hidden;
    white-space: nowrap;
    margin: 0 -3px -5px -16px;
    padding-right: 16px;
}

body.app-desktop:not([dir="rtl"]) .app-bar-heading .app-grid-header {
    margin-left: -16px;
    /*margin-right: 14px;
    padding-right: 16px;*/
}

body[dir="rtl"].app-desktop .app-bar-heading .app-grid-header {
    margin-right: -16px;
    /*margin-left: 14px;
    padding-left: 16px;*/
}

.app-listview.app-grid .app-list-instruction .app-grid-header span:not(.app-icon),
.app-bar-heading .app-grid-header span:not(.app-icon) {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    line-height: normal;
    vertical-align: top;
}

.app-grid-header span.ui-btn-active {
    background-color: #38c;
    color: #fff;
}

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

.ui-listview > li p.app-para {
    text-overflow: clip;
}


.ui-listview:not(.app-listitem-tn) > li .app-column {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin-top: -.5em !important;
}

.app-listview:not(.app-listitem-tn) > li .app-column.app-column-first {
    /*margin-left: 3%;*/
}


.app-listview.ui-listview:not(.app-listitem-tn) li .app-column .app-item-desc {
    display: block;
    margin-top: .5em;
}

.app-listview.ui-listview:not(.app-listitem-tn):not(.app-listitem-xxs) li.app-has-column .app-item-desc .app-field-label-before {
    font-size: 1em;
    display: block;
}

/*.app-listview.ui-listview:not(.app-listitem-tn):not(.app-listitem-xxs) li h3 .app-field-label {
    font-weight: normal;
    min-width: 13.2%;
    max-width: 13.2%;
    padding: 0 .5em 0 0;
    display: inline-block;
    text-align: right;
}*/

/*.app-onecolumnview.ui-listview li h3:first-of-type,
.app-onecolumnview.ui-listview li p:first-of-type {
    display: block;
}*/

.app-onecolumnview.ui-listview.app-listitem-tn li .app-item-heading {
    display: none;
}

.app-onecolumnview:not(.app-listitem-tn).ui-listview li.dv-item h3:first-of-type,
.app-onecolumnview:not(.app-listitem-tn).ui-listview li.dv-item p:first-of-type {
    display: none;
}

/*.app-onecolumnview:not(.app-listitem-tn).ui-listview li .app-item-heading {
    display: block;
}*/

.app-listview.ui-listview:not(.app-listitem-tn):not(.app-listitem-xxs) li .app-column .app-item-desc .app-field-label-before {
    float: left;
    min-width: 40%;
    max-width: 40%;
    text-align: right;
    margin: 0;
    padding: 0 .5em 0 0;
    display: inline-block;
}

.app-onecolumnview.ui-listview li .app-item-desc .app-field-data {
    max-width: 800px;
    display: inline-block;
}

.app-onecolumnview.ui-listview li .app-item-heading .app-field-data {
    font-weight: bold;
}

.app-listview.ui-listview:not(.app-listitem-tn):not(.app-listitem-xxs) li .app-column .app-item-desc .app-field-data {
    min-width: 55%;
    max-width: 55%;
    display: inline-block;
}

.app-listview.ui-listview:not(.app-listitem-tn):not(.app-listitem-xxs) li.app-has-column .app-item-desc .app-field-label-after {
    display: none;
}



.app-cardview.ui-listview > li .app-column {
    display: list-item;
    overflow: hidden;
    float: left;
}


.app-cardview.app-listview.ui-listview li .app-column .app-item-desc {
    display: block;
    margin-top: .75em;
}


.app-item-number {
    font-weight: normal;
}

.app-onecolumnview:not(.app-listitem-tn) .app-field-data .app-item-number {
    font-weight: bold;
    color: inherit;
}

.ui-btn:not(.ui-btn-active) .app-item-number {
    color: #999;
}

.app-grid .app-item-number {
    padding: 0 !important;
    padding-right: 4px !important;
    margin: 0 !important;
    margin-top: -4px !important;
}

.app-page-header {
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    padding: 0.5em 1em;
    color: #333;
    text-shadow: none;
    white-space: nowrap;
    line-height: normal;
}

    .app-page-header h1 {
        margin: 0;
        font-size: 1.6em;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .app-page-header h2 {
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
    }

    .app-page-header.app-has-action-bar h2 {
        display: none;
    }


@media (min-width:30em) {
    .app-page-header h1 {
        font-size: 2em;
    }
}

.ui-panel .ui-li-has-thumb, .app-panel-info-view .ui-li-has-thumb {
    min-height: 6em !important;
}

.ui-panel .ui-li-thumb {
    margin-top: -50px;
}

.app-sidebar .ui-li-thumb, .app-panel-info-view .ui-li-thumb {
    left: 1em !important;
    top: .25em !important;
    margin-top: 0;
}

.ui-panel .ui-li-has-thumb .app-item-desc, .app-panel-info-view .ui-li-has-thumb .app-item-desc {
    left: 1.25em;
    position: absolute;
    bottom: .6em;
    line-height: normal;
}

.app-labelsinlist-displayedabove .app-sidebar .ui-li-thumb, .app-labelsinlist-displayedabove .app-panel-info-view .ui-li-thumb {
    top: 1.75em !important;
}

.app-labelsinlist-displayedabove .app-sidebar .ui-li-has-thumb .app-item-desc, .app-labelsinlist-displayedabove .app-panel-info-view .ui-li-has-thumb .app-item-desc {
    top: auto !important;
    bottom: auto;
}

.app-labelsinlist-displayedabove .app-sidebar .ui-li-has-thumb, .app-labelsinlist-displayedabove .app-panel-info-view .ui-li-has-thumb {
    min-height: 6.5em !important;
}

.app-sidebar .ui-li-count {
    font-weight: normal;
}

.app-onecolumnview.ui-listview > li.dv-item > a.ui-btn,
.app-onecolumnview.ui-listview > li.dv-item p,
.app-onecolumnview.ui-listview > li.dv-item .app-item-desc,
.app-onecolumnview.ui-listview > li.dv-item h1,
.app-onecolumnview.ui-listview > li.dv-item h2,
.app-onecolumnview.ui-listview > li.dv-item h3,
.app-onecolumnview.ui-listview > li.dv-item h4,
.app-onecolumnview.ui-listview > li.dv-item h5,
.app-onecolumnview.ui-listview > li.dv-item h6 {
    white-space: normal;
}

    .app-onecolumnview.ui-listview > li.dv-item .app-item-desc .app-field-label-after,
    .app-onecolumnview.ui-listview > li.dv-item .app-item-desc .app-field-label-before {
        max-width: none;
    }

.ui-listview > li.dv-item.app-para-multi .ui-li-thumb {
    top: 0 !important;
    margin-top: 1em;
}

.app-listview-multiselect > li.dv-item.app-para-multi.ui-li-has-thumb .app-btn-check {
    top: 3.5em;
}

.ui-listview > li .app-para {
    margin-top: .75em !important;
}

/* echo rules */

.app-page-header + .app-echo {
    margin-top: -1px !important;
}


.app-echo {
    border-top: solid 1px #ccc;
    padding: 1em;
}


    .app-echo .app-echo-toolbar {
        /*margin-top: -1em !important;*/
        padding-left: .95em;
        line-height: normal;
        margin: -1em -1em 0 -1em;
        vertical-align: middle;
    }

        .app-echo .app-echo-toolbar .app-btn-more {
            margin-right: .31em;
            margin-left: .31em;
            margin-top: .5em;
            margin-bottom: .5em;
        }

        .app-echo .app-echo-toolbar h3, .app-bar-actions h3 {
            display: inline-block;
            overflow: hidden;
            max-width: 50%;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: normal;
            text-transform: uppercase;
            vertical-align: middle;
            position: relative;
            cursor: pointer;
            margin: -2px 2px -2px -4px;
            padding: 2px 14px 2px 4px;
        }

            .app-echo .app-echo-toolbar h3::after, .app-bar-actions h3::after {
                content: ' ';
                width: 7px;
                height: 4px;
                background-position: 50% 50%;
                position: absolute;
                right: 4px;
                margin-top: -2px;
                top: 50%;
            }

            .app-echo .app-echo-toolbar h3.app-hidden, .app-bar-actions h3.app-hidden {
                display: none;
            }

                .app-echo .app-echo-toolbar h3.app-hidden + .ui-btn, .app-bar-actions h3.app-hidden + .ui-btn {
                    margin-left: 0 !important;
                }

body[dir="rtl"] .app-echo .app-echo-toolbar h3, body[dir="rtl"] .app-bar-actions h3 {
    margin-left: 0;
    margin-right: .5em;
}

.app-bar-header .app-bar-strip, .app-bar-footer .app-bar-strip {
    vertical-align: middle;
    white-space: nowrap;
    padding: 0.5em .25em;
    margin: 0;
    overflow: hidden;
    height: 34px;
    min-height: 34px;
}

.app-echo .app-echo-toolbar > .app-echo-controls,
.app-bar-actions > .app-bar-controls {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    width: 100px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 36px;
    min-height: 36px;
}

    .app-echo .app-echo-toolbar > .app-echo-controls > a,
    .app-bar-actions > .app-bar-controls > a,
    .app-bar-header > .app-bar-strip > a,
    .app-bar-footer > .app-bar-strip > a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 .31em;
        font-weight: normal;
    }

        .app-echo .app-echo-toolbar > .app-echo-controls > a.ui-btn-icon-notext,
        .app-bar-actions > .app-bar-controls > a.ui-btn-icon-notext {
            margin-top: 3px;
            margin-bottom: 3px;
        }

        .app-echo .app-echo-toolbar > .app-echo-controls > a.app-has-children,
        .app-bar-actions > .app-bar-controls > a.app-has-children,
        .app-bar-header > .app-bar-strip > a.app-has-children,
        .app-bar-footer > .app-bar-strip > a.app-has-children {
            font-weight: normal;
        }

    .app-echo .app-echo-toolbar > .app-echo-controls > .ui-mini,
    .app-bar-actions > .app-bar-controls > .ui-mini,
    .app-bar-header > .app-bar-strip > .ui-mini,
    .app-bar-footer > .app-bar-strip > .ui-mini {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: normal;
        font-size: 12px;
    }

.app-echo .app-echo-toolbar > .app-echo-see-all {
    position: absolute;
    right: 0;
    padding: 0 0 0 .31em;
}

body[dir="rtl"] .app-echo .app-echo-toolbar > .app-echo-see-all {
    left: 0;
    right: auto;
}

.app-echo .app-echo-toolbar .app-echo-see-all span {
    margin: -4px .21em -4px .21em;
    font-size: 14px;
    vertical-align: middle;
    padding: 4px .31em 4px .31em;
    cursor: pointer;
}

body[dir="rtl"] .app-echo .app-echo-toolbar .app-echo-see-all span {
    margin: 0 0 0 0.5em;
}

body[dir="rtl"] .app-echo .app-echo-toolbar app-echo-see-all {
    margin-left: 10px;
    margin-right: 0;
}

.app-echo .app-echo-instruction {
    color: #808080;
    font-size: 14px;
    padding: 0 0 .5em 0;
}

.app-echo .app-echo-inner {
    width: 100%;
    white-space: nowrap;
    vertical-align: top;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-touch-action: auto;
    touch-action: auto;
}

    .app-echo .app-echo-inner ul {
        width: 80%;
        display: inline-block;
        margin-top: 0;
        margin-right: 1em;
        margin-left: 0;
    }

body[dir="rtl"] .app-echo .app-echo-inner ul {
    margin-left: 1em;
    margin-right: 0;
}

.app-echo .app-echo-inner ul li a {
    border-top-width: 0;
    border-bottom-width: 1px;
}

.app-echo .app-echo-inner .app-echo-empty {
    padding: .25em 0 .25em 1em;
}

.app-echo .app-echo-inner.app-no-scrolling ul:last-child {
    margin-right: 0;
}

.app-echo .dv-action-see-all {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-weight: normal;
    white-space: nowrap !important;
}

    .app-echo .dv-action-see-all .app-btn-see-all,
    .app-echo .dv-action-see-all .app-btn-prev,
    .app-echo .dv-action-see-all .app-btn-next {
        border-left-style: solid;
        border-left-width: 1px;
        padding-left: .5em;
        padding-right: .5em;
    }

    .app-echo .dv-action-see-all span {
        border-color: #ddd;
    }

.app-echo .ui-btn-active.dv-action-see-all span {
    border-color: transparent !important;
}

    .app-echo .ui-btn-active.dv-action-see-all span:not(.ui-btn-active):not(.app-info) {
        color: transparent;
    }

.app-echo .dv-action-see-all .app-btn-see-all {
    border-left-width: 0;
    margin-left: -.5em;
}

.app-echo .app-echo-footer .dv-action-see-all .app-btn-see-all {
    margin-left: 0;
}

.dv-action-see-all .app-info {
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: .5em;
    margin-right: .5em;
}

.app-echo .app-echo-footer {
    color: #fff;
    white-space: nowrap;
}

    .app-echo .app-echo-footer .app-echo-container-see-all .dv-action-see-all {
        margin-top: .5em;
        margin-bottom: .5em;
        font-weight: normal;
        text-align: left;
        border-left-width: 0;
        border-right-width: 0;
    }

    .app-echo .app-echo-footer .app-echo-container-aggregates {
        overflow-y: hidden;
        overflow-x: auto;
    }

    .app-echo .app-echo-footer .ui-btn.app-calculated {
        display: inline-block;
        margin-right: 1em;
        margin-top: .5em;
        margin-bottom: .5em;
        font-weight: normal;
        border-width: 0;
    }

    .app-echo .app-echo-footer .app-calculated .app-static-text {
        display: inline-block;
        padding-right: .5em;
    }

    .app-echo .app-echo-footer .app-calculated .app-calculated-label {
        text-transform: uppercase;
    }

    .app-echo .app-echo-footer .app-calculated .app-calculated-value {
        display: block;
    }

.ui-btn.app-calculated {
    cursor: auto;
}

@media (min-width:52em) {
    .app-echo .app-echo-inner ul {
        width: 45%;
    }

    .app-echo .app-echo-inner.app-no-scrolling ul {
        width: 48.5%;
    }
}

@media (min-width:70em) {
    .app-echo .app-echo-inner ul {
        width: 30%;
    }

    .app-echo .app-echo-inner.app-no-scrolling ul {
        width: 32.33%;
    }
}

@media (min-width:40em) {
    body.app-sidebar-undocked .app-echo .app-echo-inner ul {
        width: 45%;
    }

    body.app-sidebar-undocked .app-echo .app-echo-inner.app-no-scrolling ul {
        width: 48.5%;
    }
}

@media (min-width:58em) {
    body.app-sidebar-undocked .app-echo .app-echo-inner ul {
        width: 30%;
    }

    body.app-sidebar-undocked .app-echo .app-echo-inner.app-no-scrolling ul {
        width: 32.33%;
    }
}


.app-echo .app-echo-inner.app-no-scrolling {
    overflow: visible;
}

    .app-echo .app-echo-inner.app-no-scrolling ul.app-grid, .app-echo ul.app-grid {
        width: 100% !important;
    }

.app-echo .app-grid .app-list-instruction {
    padding-top: .3em;
}

.app-echo .app-grid {
    margin-bottom: 0;
}

.app-echo .app-echo-inner ul.app-onecolumnview {
    width: 100% !important;
    margin-bottom: 0;
}

.app-wrapper .app-map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.app-filter {
    font-weight: bold;
    color: #38c;
    max-height: 30px;
}

.app-desktop .app-filter {
    cursor: pointer;
}

.app-map-info {
    padding-bottom: .5em;
}

    .app-map-info .app-listview {
        margin-bottom: 0;
        -webkit-border-top-left-radius: .31em;
        -webkit-border-top-right-radius: .31em;
        border-top-left-radius: .31em;
        border-top-right-radius: .31em;
    }

        .app-map-info .app-listview li {
            border-width: 0 !important;
        }

    .app-map-info .app-map-info-toolbar .ui-btn {
        margin-bottom: 0;
        margin-top: .25em;
    }

    .app-map-info .app-btn-more {
        display: none;
    }


@media (min-width: 20em) {

    .app-map-info .app-listview {
        min-width: 15em !important;
    }
}

@media (min-width: 28em) {

    .app-map-info .app-listview {
        max-width: 25em !important;
    }

    .app-map-info.app-popup-panel .app-listview {
        max-width: none !important;
    }

    .dv-action-see-all .app-info {
        position: absolute;
        right: .5em;
        display: inline-block;
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-left-width: 0;
    }
}

@media (min-width: 35em) {

    .app-map-info .app-listview {
        max-width: 30em !important;
    }
}

@media (min-width: 40em) {

    .app-map-info .app-listview {
        max-width: 35em !important;
    }
}

@media (min-width: 50em) {
    .app-map-info .app-listview {
        max-width: 45em !important;
    }
}

@media (min-width: 60em) {
    .app-map-info .app-listview {
        max-width: 40em !important;
    }
}

.in.ui-popup-screen {
    opacity: .25;
}

.app-menu-strip {
    position: absolute;
    top: 0;
    height: 45px;
    z-index: 1;
    overflow: visible;
    white-space: nowrap;
    font-size: 16px;
    text-transform: uppercase;
}

    .app-menu-strip ul {
        padding: 0 1em 0 0;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
    }

        .app-menu-strip ul li {
            list-style-type: none;
            display: inline-block;
        }

            .app-menu-strip ul li .ui-btn {
                padding: 0;
                margin: 0;
                font-size: 16px;
                border-width: 0;
                padding: 0 1em;
            }

                .app-menu-strip ul li .ui-btn:not(:hover):not(.ui-btn-active),
                body:not(.app-desktop) .app-menu-strip ul li .ui-btn:not(.ui-btn-active) {
                    background-color: transparent !important;
                }

            .app-menu-strip ul li a {
                height: 44px;
                line-height: 44px;
                display: inline-block;
                vertical-align: middle;
                font-weight: normal;
                cursor: pointer;
            }

/*.app-bar-tools .ui-title:not(.ui-btn-active):hover {
    background-color: rgba(255,255,255,.2);
}*/
/*
.app-theme-light .app-bar-tools .ui-title:not(.ui-btn-active):hover {
    background-color: rgba(255,255,255,.4);
}*/

body:not(.app-theme-dark) .app-menu-strip ul li a.ui-btn-active {
    /*height:45px;*/
}

.app-bar-tools .ui-title.app-hidden {
    width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.app-menu-strip ul li a.ui-btn.app-has-children,
.app-echo .app-echo-toolbar > .app-echo-controls > a.app-has-children,
.app-bar-actions > .app-bar-controls > .app-has-children,
.app-bar-header > .app-bar-strip > .app-has-children,
.app-bar-footer > .app-bar-strip > .app-has-children {
    padding-right: 1.5em;
}

.app-bar-footer a.ui-btn.app-has-children::after {
    transform: rotate(180deg);
}

/* grey #777777 drop arrow*/
a.ui-btn.app-has-children::after, .app-theme-dark .app-echo-toolbar h3::after, .app-theme-dark .app-bar-actions > h3::after, .app-btn-options::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');
}

a.ui-btn.app-has-children::after,
.app-btn-options::after,
.app-has-droparrow::after {
    background-color: transparent !important;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: right;
    right: .5625em;
    top: 50%;
    margin-top: -2px;
    content: "";
    position: absolute;
    display: inline-block;
    height: 4px;
    width: 7px;
}

.app-btn-options::after {
    right: 0;
}

.app-menu-strip ul li a.ui-btn.app-has-children.ui-btn-active::after,
.app-echo .app-echo-toolbar > .app-echo-controls > a.app-has-children::after,
.app-bar-actions > .app-bar-controls > .app-has-children::after,
.app-bar-header > .app-bar-strip > .app-has-children::after,
.app-bar-footer > .app-bar-strip > .app-has-children::after {
    background-color: transparent !important;
}

.app-echo-toolbar h3,
.app-bar-actions h3,
.app-echo-see-all {
    color: #000;
}

    /* black drop arrow*/
    a.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
    .app-desktop a.ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
    .app-echo-toolbar a.ui-btn.app-has-children::after,
    .app-echo-toolbar h3::after,
    .app-bar-actions a.ui-btn.app-has-children::after,
    .app-bar-actions h3::after,
    .app-has-droparrow::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%23000000%22%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');
    }

/* white drop arrow*/
a.ui-btn.app-has-children.ui-btn-active::after,
.ui-btn-active.app-has-droparrow::after,
.app-theme-dark .app-echo-controls a.ui-btn.app-has-children:after,
.app-theme-dark .app-bar-controls a.ui-btn.app-has-children:after,
.app-theme-dark .app-bar-strip a.ui-btn.app-has-children:after,
.app-desktop.app-theme-dark a.ui-btn.app-has-children:hover::after,
.app-theme-dark a.ui-btn.app-has-children.app-selected::after,
.app-theme-dark .app-has-droparrow::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');
}

.ui-bar-a .app-menu-strip .ui-btn:not(.ui-btn-active) {
    color: #777777;
}

.ui-bar-a .app-menu-strip .ui-btn:hover:not(.ui-btn-active),
.ui-bar-a .app-menu-strip .ui-btn.app-selected:not(.ui-btn-active) {
    color: #333333;
}

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

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

.app-menu-strip ul li a.ui-btn.app-selected:not(.ui-btn-active),
body.app-has-popup-open .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active),
.app-theme-light .app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-theme-light .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
.app-theme-light .app-bar-actions .app-selected:not(.ui-btn-active),
.app-theme-light .app-bar-actions .app-selected:not(.ui-btn-active):hover {
    background-image: none !important;
    background-color: rgba(0,0,0,.05) !important;
}

.app-desktop:not(.app-has-popup-open) .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
    background-image: none !important;
    background-color: rgba(255, 255, 255, .2) !important;
}


.app-theme-light.app-desktop:not(.app-has-popup-open) .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
    background-color: rgba(255, 255, 255, .4) !important;
}

.app-theme-light .app-popup-listview .ui-popup-arrow,
.app-theme-light .app-popup-listview {
    background-color: #e9e9e9;
}

.ui-li-divider[role="heading"]:not(.ui-bar-b) {
    line-height: normal;
}

.app-action-column {
    font-size: 12px;
    position: absolute;
    top: 1em;
    white-space: pre-wrap;
    left: 1em;
}

    .app-action-column .app-action-column-button {
        border-radius: .3125em;
        text-transform: uppercase;
        display: inline-block;
        border: solid 1px #38c;
        font-weight: bold;
        padding: .25em .5em;
        margin-bottom: .75em;
        margin-right: .75em;
        color: #38c;
        white-space: nowrap;
    }

.app-desktop .app-action-column .app-action-column-button:not(.ui-btn-active):hover {
    color: #fff;
    background-color: #38c;
}

.app-action-column .app-action-column-button.ui-btn-active {
    color: #000;
    background-color: #38c;
}

.ui-btn.ui-btn-active .app-action-column .app-action-column-button {
    visibility: hidden;
}

.app-bar-actions .app-group-item:not(.app-group-first),
.app-echo-controls .app-group-item:not(.app-group-first) {
    margin-left: -1px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.app-bar-actions .app-group-item:not(.app-group-last),
.app-echo-controls .app-group-item:not(.app-group-last) {
    margin-right: 0 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.app-listview .ui-btn.app-selected::before {
    display: inline-block;
    content: " ";
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background-color: #38c;
    z-index: 2;
}

.app-site-map .ui-listview > .ui-li-static {
    padding-left: 0;
}

.app-formview .ui-select, .app-formview .ui-input-text {
    max-width: 800px;
}

.app-formview .ui-field-contain > label {
    max-width: 300px;
}

body.app-desktop .ui-select .ui-btn:not(:hover),
body:not(.app-desktop) .ui-select .ui-btn {
    background-color: transparent !important;
}

/*********************************/
/* DISPLAY DENSITY: COMPACT      */
/*********************************/

.app-density-compact .app-wrapper > *,
.app-density-compact .app-wrapper label,
.app-density-compact .app-formview,
.app-density-compact .app-formview label,
.app-density-compact .app-formview .app-lookup.ui-btn,
.app-density-compact .app-formview .ui-select .ui-btn,
.app-density-compact .app-listview.app-grid .dv-item .ui-btn,
.app-density-compact .ui-btn:not(.ui-mini):not(.ui-btn-icon-notext),
.app-density-compact .app-listview.ui-listview > li h1,
.app-density-compact .app-listview.ui-listview > li h2,
.app-density-compact .app-listview.ui-listview > li h3,
.app-density-compact .app-listview.ui-listview > li h4,
.app-density-compact .app-listview.ui-listview > li h5,
.app-density-compact .app-listview.ui-listview > li h6,
.app-density-compact .ui-popup,
.app-density-compact .ui-popup label,
.app-density-compact .ui-slider-switch .ui-slider-label,
.app-density-compact .ui-panel .ui-listview .ui-li-static,
.app-density-compact .app-echo-toolbar h3,
.app-density-compact .app-bar-actions h3,
.app-density-compact .app-echo-toolbar .app-echo-see-all span,
.app-density-compact .app-echo-inner .app-echo-empty,
.app-density-compact .app-listview.app-grid .dv-item .ui-btn span,
.app-density-compact .ui-datepicker,
.app-density-compact .app-menu-strip {
    font-size: 14px;
}

.app-density-compact .ui-listview > .ui-li-divider, .app-density-compact .app-echo .ui-listview > .ui-li-divider.app-list-instruction {
    padding-top: 4px;
    padding-bottom: 4px;
}

    .app-density-compact .ui-listview > .ui-li-divider.app-list-instruction, .app-density-compact .app-presenter-instruction {
        padding-top: 14px;
    }

.app-density-compact.app-echo .ui-listview > .ui-li-divider.app-list-instruction {
    padding-top: 4px;
}

.app-density-compact .app-listview.app-grid .dv-item .ui-btn {
    font-size: 0;
}

.app-density-compact .app-listview.ui-listview > li .ui-li-aside,
.app-density-compact .app-listview.ui-listview > li .ui-li-count {
    font-size: 13px;
}

.app-density-compact .app-sidebar .app-wrap, .app-density-compact .ui-panel-inner .app-wrap,
.app-density-compact .ui-listview.app-listview .ui-li-divider:not(.app-list-instruction) {
    font-size: 12.5px;
}

.app-density-compact .app-sidebar .ui-btn:not(.ui-mini):not(.ui-btn-icon-notext) {
    font-size: 12.5px;
    padding-left: 3em;
}

.app-density-compact .app-page-header h1 {
    font-size: 28px;
}

.app-density-compact .app-listview.app-grid .dv-item .ui-btn span:not(.app-icon),
.app-density-compact .app-listview.app-grid .app-list-instruction .app-grid-header span:not(.app-icon),
.app-density-compact .app-bar-heading .app-grid-header span:not(.app-icon) {
    padding: 7px 0 7px 0;
    margin-left: 16px;
}

body[dir="rtl"].app-density-compact .app-listview.app-grid .dv-item .ui-btn span,
body[dir="rtl"].app-density-compact .app-listview.app-grid .app-list-instruction .app-grid-header span:not(.app-icon),
body[dir="rtl"].app-density-compact .app-bar-heading .app-grid-header span:not(.app-icon) {
    margin-left: 0;
    margin-right: 16px;
}

.app-density-compact .app-listview.app-grid .dv-item .ui-btn,
.app-density-compact .app-listview.app-grid .app-list-instruction .app-grid-header,
.app-density-compact .app-bar-heading .app-grid-header {
    padding-right: 14px !important;
}

.app-density-compact .app-bar-heading .app-grid-header {
    margin-bottom: -5px !important;
}

body[dir="rtl"].app-density-compact .app-listview.app-grid .dv-item .ui-btn,
body[dir="rtl"].app-density-compact .app-listview.app-grid .app-list-instruction .app-grid-header,
body[dir="rtl"].app-density-compact .app-bar-heading .app-grid-header {
    padding-left: 14px !important;
    padding-right: 0 !important;
}


.app-density-compact .ui-mini.ui-btn:not(.ui-btn-icon-top) {
    padding-top: .5em;
    padding-bottom: .5em;
}

.app-density-compact .ui-mini.ui-btn.ui-btn-icon-top {
    padding-top: 2.2em;
    padding-bottom: .5em;
}

.app-density-compact .ui-btn-icon-top:after {
    top: .3625em;
}

.app-density-compact .app-tabs .ui-btn {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12.5px;
}

.app-density-compact .app-listview.ui-listview > li p {
    margin: 2px 0 1px 0;
}

.app-density-compact .app-field-label-after {
    margin-top: -2px;
}

.app-density-compact .app-field-label-before {
    margin-bottom: -1px;
}

.app-density-compact .app-formview .ui-btn-icon-notext.ui-btn-right {
    font-size: 14px;
}

.app-density-compact .ui-content .ui-btn.ui-input-clear {
    font-size: 14px;
    right: 0.15em;
    top: 55%;
}

body[dir="rtl"].app-density-compact .ui-content .ui-btn.ui-input-clear {
    left: 0.15em;
    right: auto;
}

.app-density-compact div.ui-slider-switch {
    height: 30px;
}

.app-density-compact .ui-mini .ui-flipswitch-on,
.app-density-compact .ui-mini .ui-flipswitch-off {
    height: 21px;
}

.app-density-compact div.ui-slider-switch .ui-slider-handle {
    width: 24px;
    height: 24px;
    margin-left: -13.125px;
}

.app-density-compact div.ui-slider-switch .ui-slider-inneroffset {
    margin: 0 14px;
}

.app-density-compact .app-listview li.app-li-has-corner.ui-li-has-thumb .ui-li-aside {
    left: 6.8em;
}

.app-density-compact .ui-li-thumb {
    margin-top: -35px;
}

.app-density-compact .ui-panel .ui-li-thumb {
    margin-top: -45px;
}


.app-density-compact .app-sidebar .ui-li-thumb, .app-density-compact .app-panel-info-view .ui-li-thumb {
    margin-top: 0;
}

.app-density-compact .ui-datepicker {
    min-height: 15.75em;
}

    .app-density-compact .ui-datepicker select.ui-datepicker-month,
    .app-density-compact .ui-datepicker select.ui-datepicker-year {
        margin: 4px 4px -4px 4px;
    }


.app-density-compact .app-echo .app-echo-toolbar > .app-echo-controls,
.app-density-compact .app-bar-actions > .app-bar-controls,
.app-density-compact .app-bar-header > .app-bar-strip,
.app-density-compact .app-bar-footer > .app-bar-strip {
    height: 30px;
}

.app-density-compact .app-popup-listview .app-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini),
.app-density-compact .app-popup-icon-left.app-popup-listview .app-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini) {
    padding-top: 10px;
    padding-bottom: 10px;
}

.app-density-compact .app-lookup.ui-btn {
    margin-top: -35px;
}

.app-density-compact .app-lookup-input {
    height: 35px;
}

.app-density-compact:not(.app-sidebar-undocked) .ui-header-fixed .ui-title {
    padding-left: 14px;
    padding-right: 14px;
}

.app-density-compact .app-grid .app-divider.app-calculated .app-static-text {
    font-size: 11px;
}

.app-density-compact .ui-listview .ui-btn .glyphicon {
    right: 6px;
}

.app-density-compact .app-popup-icon-left .ui-listview .ui-btn .glyphicon {
    left: 15px;
}

.app-density-compact .app-sidebar .ui-listview .ui-btn .glyphicon,
.app-density-compact .ui-content.app-page-tasks .ui-listview .ui-btn .glyphicon {
    left: 14px;
}

.app-density-compact .app-echo .app-echo-toolbar > .app-echo-controls > .ui-mini,
.app-density-compact .app-bar-actions > .app-bar-controls > .ui-mini,
.app-density-compact .app-bar-header > .app-bar-strip > .ui-mini,
.app-density-compact .app-bar-footer > .app-bar-strip > .ui-mini {
    padding-top: 6px;
    padding-bottom: 6px;
}

.app-density-compact .app-bar-header .app-bar-strip,
.app-density-compact .app-bar-footer .app-bar-strip {
    height: 30px;
    min-height: 30px;
}


/*********************************/
/* DISPLAY DENSITY: CONDENSED    */
/*********************************/

.app-density-condensed .app-wrapper > *,
.app-density-condensed .app-wrapper label,
.app-density-condensed .app-formview,
.app-density-condensed .app-formview label,
.app-density-condensed .app-formview .app-lookup.ui-btn,
.app-density-condensed .app-formview .ui-select .ui-btn,
.app-density-condensed .app-listview.app-grid .dv-item .ui-btn,
.app-density-condensed .ui-btn:not(.ui-mini):not(.ui-btn-icon-notext),
.app-density-condensed .app-listview.ui-listview > li h1,
.app-density-condensed .app-listview.ui-listview > li h2,
.app-density-condensed .app-listview.ui-listview > li h3,
.app-density-condensed .app-listview.ui-listview > li h4,
.app-density-condensed .app-listview.ui-listview > li h5,
.app-density-condensed .app-listview.ui-listview > li h6,
.app-density-condensed .app-listview.ui-listview > li .ui-li-aside,
.app-density-condensed .ui-li-count,
.app-density-condensed .app-listview.ui-listview > li p,
.app-density-condensed .app-sidebar .app-wrap,
.app-density-condensed .ui-panel-inner .app-wrap,
.app-density-condensed .app-sidebar .ui-li-static,
.app-density-condensed .app-panel-info-view .ui-listview .ui-li-static,
.app-density-condensed .ui-panel .ui-listview .ui-li-static,
.app-density-condensed .ui-popup,
.app-density-condensed .ui-popup label,
.app-density-condensed .ui-slider-switch .ui-slider-label,
.app-density-condensed .app-echo-toolbar h3,
.app-density-condensed .app-bar-actions h3,
.app-density-condensed .app-echo-toolbar .app-echo-see-all span,
.app-density-condensed .app-echo-inner .app-echo-empty,
.app-density-condensed .app-listview.app-grid .dv-item .ui-btn span,
.app-density-condensed .ui-datepicker,
.app-density-condensed .app-menu-strip,
.app-density-condensed .app-wrapper .app-page-content .ui-listview > li p {
    font-size: 12px;
}

.app-density-condensed .ui-listview > .ui-li-divider, .app-density-condensed .app-echo .ui-listview > .ui-li-divider.app-list-instruction {
    padding-top: 3px;
    padding-bottom: 3px;
}

    .app-density-condensed .ui-listview > .ui-li-divider.app-list-instruction, .app-density-condensed .app-presenter-instruction {
        padding-top: 12px;
    }

.app-density-condensed.app-echo .ui-listview > .ui-li-divider.app-list-instruction {
    padding-top: 3px;
}

.app-density-condensed .app-echo .app-grid.ui-listview > .ui-li-divider.app-list-instruction {
    padding-top: 3px;
}


.app-density-condensed .app-listview.app-grid .dv-item .ui-btn {
    font-size: 0;
}

.app-density-condensed .app-sidebar .ui-btn:not(.ui-mini):not(.ui-btn-icon-notext) {
    font-size: 12px;
    padding-left: 3em;
}


.app-density-condensed .app-bar-heading {
    line-height: normal;
}

    .app-density-condensed .ui-listview .ui-li-divider,
    .app-density-condensed .app-bar-heading .app-grid-desc,
    .app-density-condensed .app-bar-heading .app-bar-text,
    .app-density-condensed .app-presenter-instruction,
    .app-density-condensed .app-echo-instruction {
        font-size: 11px;
    }

    .app-density-condensed .app-bar-heading .app-bar-label,
    .app-density-condensed .ui-listview > li p.app-item-desc,
    .app-density-condensed .app-field-label-after,
    .app-density-condensed .app-field-label-before {
        font-size: 10px;
    }

.app-density-condensed .app-listview li.app-li-has-corner.app-li-has-aside h3 {
    margin-top: 8px;
}

.app-density-condensed .app-listview li.app-li-card:not(.app-li-has-corner) .ui-li-aside {
    top: 9px;
}

.app-density-condensed ul .ui-btn-icon-left {
    padding-left: 3em;
}

.app-density-condensed .app-list-instruction .app-grid-desc {
    padding-left: 4px;
}

.app-density-condensed .app-page-header h1 {
    font-size: 24px;
}

.app-density-condensed .app-page-header h2 {
    font-size: 12px;
}

.app-density-condensed .ui-listview .app-grid-header {
    margin-left: -12px;
    margin-right: -13px;
}

.app-density-condensed .app-grid-header {
    margin-top: 2px;
    margin-bottom: -4px;
}

.app-density-condensed .app-bar-heading .app-grid-header {
    margin-left: -15px !important;
    margin-top: 4px !important;
}

    .app-density-condensed .app-listview.app-grid .dv-item .ui-btn span:not(.app-icon),
    .app-density-condensed .app-listview.app-grid .app-list-instruction .app-grid-header span:not(.app-icon),
    .app-density-condensed .app-bar-heading .app-grid-header span:not(.app-icon) {
        padding: 5px 0 5px 0px;
        margin-left: 16px;
    }

.app-density-condensed .app-bar-heading .app-grid-header {
    margin-bottom: -5px !important;
}

.app-density-condensed .app-listview.app-grid .dv-item .ui-btn,
.app-density-condensed .app-listview.app-grid .app-list-instruction .app-grid-header,
.app-density-condensed .app-bar-heading .app-grid-header {
    padding-right: 12px !important;
}

body[dir="rtl"].app-density-condensed .app-listview.app-grid .dv-item .ui-btn,
body[dir="rtl"].app-density-condensed .app-listview.app-grid .app-list-instruction .app-grid-header,
body[dir="rtl"].app-density-condensed .app-bar-heading .app-grid-header {
    padding-left: 12px !important;
    padding-right: 0 !important;
}

.app-density-condensed .ui-mini.ui-btn,
.app-density-condensed .ui-mini .ui-flipswitch-on,
.app-density-condensed .ui-mini .ui-flipswitch-off {
    font-size: 11px;
    line-height: 1.5em;
}

    .app-density-condensed .ui-mini.ui-btn:not(.ui-btn-icon-top) {
        padding-top: .5em;
        padding-bottom: .5em;
    }

    .app-density-condensed .ui-mini.ui-btn.ui-btn-icon-top {
        padding-top: 2.3em;
        padding-bottom: .5em;
    }

.app-density-condensed .ui-btn-icon-top:after {
    top: .2625em;
}

.app-density-condensed .app-tabs .ui-btn {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px !important;
}

.app-density-condensed .app-listview.ui-listview > li p {
    margin: 2px 0 1px 0;
}

.app-density-condensed .app-field-label-after {
    margin-top: -2px;
    font-size: 10px;
}

.app-density-condensed .app-field-label-before {
    margin-bottom: -1px;
    font-size: 10px;
}

.app-density-condensed .app-formview .ui-btn-icon-notext.ui-btn-right {
    font-size: 14px;
    top: -5px;
}

.app-density-condensed li.app-info .appname {
    font-size: 14px;
}

.app-density-condensed .ui-content .ui-btn.ui-input-clear {
    font-size: 12.5px;
    right: 0.25em;
    top: 60%;
}

body[dir="rtl"].app-density-condensed .ui-content .ui-btn.ui-input-clear {
    right: auto;
    left: 0.25em;
}

.app-density-condensed div.ui-slider-switch {
    height: 26px;
}

.app-density-condensed div.ui-flipswitch-on.ui-mini a,
.app-density-condensed div.ui-flipswitch-off.ui-mini a {
    height: 21px;
}

.app-density-condensed div.ui-slider-switch .ui-slider-handle {
    width: 20px;
    height: 20px;
    margin-left: -11.25px;
}

.app-density-condensed div.ui-slider-switch .ui-slider-inneroffset {
    margin: 0 12px;
}

.app-density-condensed .app-listview li.app-li-has-corner.ui-li-has-thumb .ui-li-aside {
    left: 6.35em;
}

.app-density-condensed .ui-li-thumb {
    margin-top: -30px;
}

.app-density-condensed .ui-panel .ui-li-thumb {
    margin-top: -40px;
}


.app-density-condensed .app-sidebar .ui-li-thumb, .app-density-condensed .app-panel-info-view .ui-li-thumb {
    margin-top: 0;
}

.app-density-condensed .ui-datepicker {
    min-height: 16em;
}

    .app-density-condensed .ui-datepicker select.ui-datepicker-month,
    .app-density-condensed .ui-datepicker select.ui-datepicker-year {
        margin: 5px 4px -5px 4px;
    }

.app-density-condensed .app-echo .app-echo-toolbar > .app-echo-controls,
.app-density-condensed .app-bar-actions > .app-bar-controls,
.app-density-condensed .app-bar-header > .app-bar-strip,
.app-density-condensed .app-bar-footer > .app-bar-strip {
    height: 30px;
}

.app-density-condensed .app-popup-listview .app-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini),
.app-density-condensed .app-popup-icon-left.app-popup-listview .app-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini) {
    padding-top: 8px;
    padding-bottom: 8px;
}

.app-density-condensed .app-lookup-input {
    height: 30px;
}

.app-density-condensed .app-lookup.ui-btn {
    margin-top: -30px;
}

.app-density-condensed:not(.app-sidebar-undocked) .ui-header-fixed .ui-title {
    padding-left: 10px;
    padding-right: 10px;
}

.app-density-condensed .app-grid .app-divider.app-calculated .app-static-text {
    font-size: 10px;
}


.app-density-condensed .ui-listview .ui-btn .glyphicon {
    right: 5px;
}

.app-density-condensed .app-popup-icon-left .ui-listview .ui-btn .glyphicon {
    left: 13px;
}

.app-density-condensed .app-sidebar .ui-listview .ui-btn .glyphicon,
.app-density-condensed .ui-content.app-page-tasks .ui-listview .ui-btn .glyphicon {
    left: 13px;
}

.ui-content.app-page-tasks .ui-listview li.app-has-glyphicon .ui-btn {
    padding-left: 3em;
}

/* default webkit scrollbars on desktop */

.app-desktop ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.app-desktop ::-webkit-scrollbar-track {
    background-color: #F1F1F1;
}

.app-desktop ::-webkit-scrollbar-thumb {
    background-color: #BCBCBC;
    border: solid 1px #A8A8A8;
}

    .app-desktop ::-webkit-scrollbar-thumb:hover {
        background-color: #909090;
    }

.app-density-condensed .app-echo .app-echo-toolbar > .app-echo-controls > .ui-mini,
.app-density-condensed .app-bar-actions > .app-bar-controls > .ui-mini,
.app-density-condensed .app-bar-header > .app-bar-strip > .ui-mini,
.app-density-condensed .app-bar-footer > .app-bar-strip > .ui-mini {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
    line-height: normal;
}

.app-density-condensed .app-bar-header .app-bar-strip,
.app-density-condensed .app-bar-footer .app-bar-strip {
    height: 30px;
    min-height: 30px;
}


.app-density-condensed .app-grid-header .app-btn-check {
    margin-left: 15px !important;
}

.app-density-condensed .app-bar-heading .app-grid-header .app-btn-check {
    margin-left: 14px !important;
    margin-right: 2px !important;
}

.app-density-condensed .app-action-column {
    font-size: 11px;
}

/*********************************/
/* THEME: DARK                   */
/*********************************/

.app-theme-dark {
    background-color: #1f1f1f;
    scrollbar-base-color: #333;
    scrollbar-track-color: #111;
    scrollbar-arrow-color: #fff;
}

    .app-theme-dark.app-desktop ::-webkit-scrollbar-track {
        background-color: #111;
    }

    .app-theme-dark.app-desktop ::-webkit-scrollbar-thumb {
        background-color: #333;
        border: solid 1px #111;
    }

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

    .app-theme-dark .ui-page-theme-a,
    .app-theme-dark .ui-page-theme-a .ui-panel-wrapper,
    .app-theme-dark .ui-panel,
    .app-theme-dark .app-page-header,
    .app-theme-dark .app-status-bar {
        background-color: #1f1f1f;
        border-color: #111;
    }

    .app-theme-dark .app-page-header,
    .app-theme-dark .app-echo-toolbar h3,
    .app-theme-dark .app-bar-actions h3,
    .app-theme-dark .app-echo-toolbar .app-echo-see-all,
    .app-theme-dark .ui-collapsible-heading-toggle.ui-btn {
        color: #bbb !important;
    }

        .app-theme-dark .app-bar-actions h3.app-selected {
            background-color: #222 !important;
        }

    .app-theme-dark .app-icon-themed {
        fill: #bbb;
    }

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

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

    /*popup*/
    .app-theme-dark .app-popup-message {
        background-color: #000;
        border-color: #1f1f1f;
        text-shadow: none;
        color: #fff;
    }

        .app-theme-dark .app-popup-message .ui-popup-arrow {
            background-color: #000;
        }

        .app-theme-dark .app-popup-message div {
            color: #1f1f1f;
        }

    /* dividers and text list items*/
    .app-theme-dark .ui-listview .ui-li-divider:not(.ui-bar-b),
    .app-theme-dark .ui-body-a,
    .app-theme-dark .ui-page-theme-a .ui-body-inherit:not(.ui-focus),
    .app-theme-dark .ui-bar-a,
    .app-theme-dark .ui-listview > .app-list-instruction.ui-li-divider,
    .app-theme-dark :not(.app-tabs).ui-header-fixed.ui-header,
    .app-theme-dark .ui-footer-fixed.ui-footer,
    .app-theme-dark .app-presenter-instruction {
        background-color: #333;
        border-color: #111;
        color: #fff;
        text-shadow: none;
    }

    .app-theme-dark .ui-listview > .app-list-instruction.ui-li-divider,
    .app-theme-dark .app-echo-instruction,
    .app-theme-dark .app-presenter-instruction {
        color: #999;
    }

    .app-theme-dark.app-sidebar-undocked .app-form-grid .ui-collapsible-set {
        border-left-color: #333;
        border-right-color: #333;
    }

    .app-theme-dark .ui-li-divider.app-info, .app-theme-dark .ui-li-divider.app-copy {
        background-color: #1f1f1f !important;
    }

    .app-theme-dark .ui-page-theme-a .ui-body-inherit.app-li-card, .app-theme-dark .ui-li-divider[role="heading"]:not(.ui-bar-b) {
        border-top-color: #333;
        border-left-color: #333;
        border-right-color: #333;
    }

    .app-theme-dark .ui-listview-inset .ui-li-divider:not(.ui-bar-a) {
        border-left-color: #333;
        border-right-color: #333;
    }

    .app-theme-dark .ui-listview-inset {
        background-color: #333;
    }

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

    body:not(.app-sidebar-undocked).app-theme-dark .ui-header-fixed .ui-title,
    body:not(.app-sidebar-undocked).app-theme-dark .app-sidebar,
    .app-theme-dark .app-divider,
    .app-theme-dark .app-echo {
        border-color: #111;
    }

    .app-theme-dark .app-bar-heading {
        background-color: #333;
        color: #999;
        text-shadow: none;
    }

        .app-theme-dark .app-bar-heading .app-bar-label,
        .app-theme-dark .app-static-text div,
        .app-theme-dark .app-form-editing.app-formview label, .app-theme-dark .app-wrapper {
            color: #bbb;
            text-shadow: none;
        }


    /*buttons*/
    .app-theme-dark .app-page-header,
    .app-theme-dark .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-dark .ui-bar-a .ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    html .app-theme-dark .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-dark .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-dark .ui-btn-a.ui-btn:not(.app-selected):not(:hover):not(.ui-btn-active):not(.app-lookup):not(.ui-btn-b),
    .app-theme-dark .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-dark .ui-bar-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html .app-theme-dark .ui-body-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html body.app-theme-dark .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    html head + body.app-theme-dark .ui-btn-a.ui-btn:visited:not(.app-selected):not(.ui-btn-b),
    .app-theme-dark .app-form-grid .ui-collapsible-set,
    /* button overrides to remove "hover" on touch screens */
    body.app-theme-dark:not(.app-desktop) li a:hover:not(.app-selected):not(.ui-btn-b),
    body:not(.app-desktop).app-theme-dark .ui-page-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-dark .ui-bar-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-dark .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-radio-on):not(.ui-radio-off):not(.ui-checkbox-on):not(.ui-checkbox-off):not(.ui-btn-b),
    html body:not(.app-desktop).app-theme-dark .ui-group-theme-a .ui-btn:hover:not(.app-selected):not(.ui-btn-b),
    html head + body:not(.app-desktop).app-theme-dark .ui-btn-a.ui-btn:hover:not(.app-selected):not(.ui-btn-b) {
        border-color: #333;
    }

    .app-theme-dark .app-bar-actions .ui-btn:not(.ui-btn-active) {
        background-color: #222 !important;
        border-color: #1c1c1c !important;
    }

        .app-theme-dark .app-bar-actions .ui-btn:not(.ui-btn-active):hover {
            background-color: #1f1f1f !important;
            border-color: #111 !important;
        }

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

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

    .app-theme-dark .ui-page-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-dark .ui-bar-a .ui-btn:not(.app-selected):not(.app-lookup),
    html .app-theme-dark .ui-body-a .ui-btn:not(.app-selected):not(.app-lookup):not(.ui-radio-on):not(.ui-radio-off):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html body.app-theme-dark .ui-group-theme-a .ui-btn:not(.app-selected):not(.app-lookup),
    html head + body.app-theme-dark .ui-btn-a.ui-btn:not(.app-selected):not(.app-lookup),
    .app-theme-dark .ui-panel-page-container-a:not(.app-lookup),
    .app-theme-dark .app-tabs.ui-header:not(.app-lookup),
    .app-theme-dark .ui-page-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-dark .ui-bar-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html .app-theme-dark .ui-body-a .ui-btn:visited:not(.app-selected):not(.app-lookup),
    html body.app-theme-dark .ui-group-theme-a .ui-btn:visited:not(.app-selected):not(.app-lookup):not(.ui-radio-on):not(.ui-radio-off):not(.ui-checkbox-on):not(.ui-checkbox-off),
    html head + body.app-theme-dark .ui-btn-a.ui-btn:visited:not(.app-selected),
    .app-theme-dark .app-tabs .ui-btn:not(.ui-btn-active):not(.app-selected),
    body.app-desktop.app-theme-dark .app-grid.app-listview :not(.app-selected):not(:hover):not(.ui-btn-active).ui-btn,
    .app-theme-dark .ui-slider-handle {
        color: #fff;
        background-color: #222;
    }

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

    .app-theme-dark .app-selected,
    .app-theme-dark .app-selected .app-frozen-spacer,
    .app-theme-dark .app-selected:hover,
    .app-theme-dark .app-selected:hover .app-frozen-spacer,
    .app-theme-dark .app-selected:visited,
    .app-theme-dark .app-selected:visited .app-frozen-spacer {
        background-color: #0E2941 !important;
        border-color: #333 !important;
        color: #fff !important;
    }

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

.app-desktop.app-theme-dark .ui-btn.app-selected:not(.ui-btn-active):hover,
.app-desktop.app-theme-dark .ui-btn.app-selected:not(.ui-btn-active):hover .app-frozen-spacer,
.app-desktop.app-theme-dark .app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-desktop.app-theme-dark .app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
.app-desktop.app-theme-dark .app-bar-controls .app-selected:not(.ui-btn-active),
.app-desktop.app-theme-dark .app-bar-strip .app-selected:not(.ui-btn-active),
.app-desktop.app-theme-dark .app-bar-controls .app-selected:not(.ui-btn-active):hover,
.app-desktop.app-theme-dark .app-bar-strip .app-selected:not(.ui-btn-active):hover {
    background-color: #10304C !important;
    border-color: #333 !important;
    color: #fff !important;
}


/*special buttons*/
.app-theme-dark #app-welcome .ui-btn:not(:hover) {
    background-color: #222;
    border-color: #333;
    color: #fff;
}

.app-theme-dark .ui-btn.ui-checkbox-off:after, .app-theme-dark .ui-btn.ui-radio-off:after {
    background-color: #000;
}

.app-theme-dark #app-welcome .ui-btn:hover,
.app-theme-dark #app-popup-login .ui-btn:hover {
    background-color: #1f1f1f;
    border-color: #333;
}

.app-theme-dark #app-welcome .ui-btn.app-selected,
.app-theme-dark #app-welcome .ui-btn.app-selected:hover,
.app-theme-dark #app-welcome .ui-btn.app-selected:visited {
    background-color: #333 !important;
    border-color: #1f1f1f !important;
    color: #fff !important;
}

.app-theme-dark .app-popup.ui-body-a .app-popup-buttons .ui-btn:not(.ui-btn-active) {
    border-color: #1f1f1f !important;
}

/* hover */
body.app-desktop.app-theme-dark .ui-page-theme-a .ui-btn:hover:not(.app-selected),
body.app-desktop.app-theme-dark .ui-page-theme-a .ui-btn:hover:not(.app-selected) .app-frozen-spacer,
html .app-desktop.app-theme-dark .ui-bar-a .ui-btn:hover:not(.app-selected),
html .app-desktop.app-theme-dark .ui-body-a .ui-btn:hover:not(.app-selected):not(.ui-radio-on):not(.ui-radio-off):not(.ui-checkbox-on):not(.ui-checkbox-off),
html body.app-desktop.app-theme-dark .ui-group-theme-a .ui-btn:hover:not(.app-selected),
html head + body.app-desktop.app-theme-dark .ui-btn-a.ui-btn:hover:not(.app-selected) {
    background-color: #1c1c1c;
    border-color: #333;
}

.app-theme-dark.app-desktop .app-grid-header span:hover:not(.ui-btn-active):not(.app-icon) {
    background-color: #1f1f1f;
}

.app-theme-dark .app-bar-tools .ui-btn.ui-btn-icon-notext {
    border-color: #1f1f1f !important;
}

    .app-theme-dark.app-desktop .app-bar-tools .ui-btn.ui-btn-icon-notext:hover,
    .app-theme-dark .app-bar-tools .ui-btn.ui-btn-icon-notext.ui-btn-active {
        border-color: #000 !important;
    }

.app-theme-dark.app-desktop .app-echo-toolbar .ui-btn.ui-btn-icon-notext:hover,
.app-theme-dark .app-echo-toolbar .ui-btn.ui-btn-icon-notext.ui-btn-active,
.app-theme-dark.app-desktop .app-bar-actions .ui-btn.ui-btn-icon-notext:hover,
.app-theme-dark .app-bar-actions .ui-btn.ui-btn-icon-notext.ui-btn-active {
    border-color: #3c3c3c !important;
}

/* click */
.app-theme-dark .ui-btn.ui-btn-active,
.app-theme-dark .ui-btn.ui-btn-active .app-frozen-spacer {
    background-color: #38c !important;
    color: #fff !important;
}

/*blue tab */
.app-theme-dark .ui-header .ui-navbar .ui-btn {
    border-color: #38c !important;
}

/*btn no icon highlight*/
.app-desktop.app-theme-dark .ui-btn.ui-btn-icon-notext:hover,
.app-theme-dark .ui-btn.ui-btn-icon-notext.ui-btn-active {
    border-color: #1f1f1f !important;
}

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

.app-theme-dark .app-input-text {
    color: #fff;
}

    .app-theme-dark .app-input-text:-ms-input-placeholder {
        color: #777;
    }

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


.app-theme-dark .app-popup .ui-content .ui-checkbox .ui-btn:not(.ui-btn-active) {
    background-color: #333;
    border-color: #1f1f1f !important;
    text-shadow: none;
    color: #fff;
}

.app-theme-dark .ui-slider {
    border-color: #1f1f1f !important;
}

.app-theme-dark .ui-slider-label {
    color: #fff !important;
}

/*.app-theme-dark .app-popup .ui-content .ui-checkbox .ui-btn.ui-btn-active {
    background-color: red !important;
}*/

.app-theme-dark .ui-btn.app-lookup,
.app-theme-dark .ui-btn.ui-btn-active.app-lookup {
    border-color: #1f1f1f;
}

/*fix for tabs*/
.app-theme-dark .app-tabs.ui-header {
    border-color: #333;
}

.app-theme-dark .app-tabs .ui-btn.ui-btn-active,
.app-theme-dark .app-tabs .ui-btn.ui-btn-active:hover,
.app-theme-dark .app-tabs :not(.ui-btn-active).ui-btn,
.app-theme-dark .app-tabs .ui-btn.ui-btn-active,
.app-desktop.app-theme-dark .app-tabs .ui-btn.ui-btn-active:hover {
    background-color: #38c;
}

.app-theme-dark .app-lookup-input {
    background-color: transparent;
    color: #fff;
}

.app-theme-dark .app-grid-header, .app-theme-dark .app-panel-info-view .ui-listview > .app-list-instruction.ui-li-divider,
.app-theme-dark .app-calculated .app-static-text {
    color: #999;
}

.app-theme-dark .app-menu-strip ul li a.ui-btn.app-selected:not(.ui-btn-active),
.app-theme-dark.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,.2) !important;
}

.app-theme-dark.app-desktop:not(.app-has-popup-open) .app-menu-strip ul li a.ui-btn:hover:not(.ui-btn-active) {
    background-color: rgba(255,255,255,.05) !important;
}

/* mobile hover in "home" menu with swatch "b" */
body.app-theme-dark:not(.app-desktop) li a.ui-btn-b:not(.ui-btn-active):hover {
    background-color: #333 !important;
}

.app-theme-dark .ui-input-search::after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5%20s2.463%2C5.5%2C5.5%2C5.5c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E");
}

.app-has-promo::after {
    content: " ";
    font-size: 1px;
    padding-top: 88px;
    clear: left;
    float: none;
    display: block;
}

.app-theme-dark .app-btn-promo {
    border-width: 1px;
    border-color: #1f1f1f;
}

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

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

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

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

.app-theme-dark .app-echo .dv-action-see-all span {
    border-color: #333;
}

.app-theme-dark .app-bar-actions .app-group-item:not(.app-group-first) {
    border-left-color: #000 !important;
}

/*********************************/
/* END THEME: DARK               */
/*********************************/

/* experimental - partially visible previous page */
/*
.app-history-preview {
    left: 0;
    width: 30%;
    bottom: 0;
    top: 44px;
    background-color: transparent;
    z-index: 2;
    position: absolute;
    display: none;
}

body.app-has-history {
}

    body.app-has-history .app-history-preview {
    }

    body.app-has-history .ui-page:not(.app-history) .app-wrapper {
        left: 30% !important;
        border-left: solid 1px #ddd;
        background-color: #fff;
        box-shadow: -5px 0px 5px rgba(0,0,0,0.15);
    }

    body.app-has-history .ui-page.app-history {
        display: block;
        overflow:hidden!important;
    }

    body.app-has-history .app-bar-heading {
        left: 30% !important;
    }

    body.app-has-history .app-sidebar {
        box-shadow: 0px 0px 12px rgba(0,0,0,0.6);
    }
    */

.app-wrapper.app-wrapper-external {
    overflow: hidden;
}

    .app-wrapper.app-wrapper-external .app-page-header {
        display: none;
    }

    .app-wrapper.app-wrapper-external iframe {
        width: 100%;
        margin: 0 !important;
        height: 100%;
        border-width: 0;
    }


/* extended grid styles */
.ui-grid-e,
.ui-grid-f,
.ui-grid-g,
.ui-grid-h,
.ui-grid-i,
.ui-grid-j,
.ui-grid-k,
.ui-grid-l,
.ui-grid-m,
.ui-grid-n,
.ui-grid-o,
.ui-grid-p,
.ui-grid-q,
.ui-grid-r,
.ui-grid-s,
.ui-grid-t,
.ui-grid-u,
.ui-grid-v,
.ui-grid-w,
.ui-grid-x,
.ui-grid-y {
    overflow: hidden;
}

.ui-block-f,
.ui-block-g,
.ui-block-h,
.ui-block-i,
.ui-block-j,
.ui-block-k,
.ui-block-l,
.ui-block-m,
.ui-block-n,
.ui-block-o,
.ui-block-p,
.ui-block-q,
.ui-block-r,
.ui-block-s,
.ui-block-t,
.ui-block-u,
.ui-block-v,
.ui-block-w,
.ui-block-x,
.ui-block-y,
.ui-block-z {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.ui-grid-e,
ul.ui-grid-f,
ul.ui-grid-g,
ul.ui-grid-h,
ul.ui-grid-i,
ul.ui-grid-j,
ul.ui-grid-k,
ul.ui-grid-l,
ul.ui-grid-m,
ul.ui-grid-n,
ul.ui-grid-o,
ul.ui-grid-p,
ul.ui-grid-q,
ul.ui-grid-r,
ul.ui-grid-s,
ul.ui-grid-t,
ul.ui-grid-u,
ul.ui-grid-v,
ul.ui-grid-w,
ul.ui-grid-x,
ul.ui-grid-y,
ul.ui-block-f,
ul.ui-block-g,
ul.ui-block-h,
ul.ui-block-i,
ul.ui-block-j,
ul.ui-block-k,
ul.ui-block-l,
ul.ui-block-m,
ul.ui-block-n,
ul.ui-block-o,
ul.ui-block-p,
ul.ui-block-q,
ul.ui-block-r,
ul.ui-block-s,
ul.ui-block-t,
ul.ui-block-u,
ul.ui-block-v,
ul.ui-block-w,
ul.ui-block-x,
ul.ui-block-y,
ul.ui-block-z {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    list-style: none;
}

.ui-grid-e > .ui-block-a,
.ui-grid-e > .ui-block-b,
.ui-grid-e > .ui-block-c,
.ui-grid-e > .ui-block-d,
.ui-grid-e > .ui-block-e,
.ui-grid-e > .ui-block-f {
    width: 16.667%;
}

.ui-grid-f > .ui-block-a,
.ui-grid-f > .ui-block-b,
.ui-grid-f > .ui-block-c,
.ui-grid-f > .ui-block-d,
.ui-grid-f > .ui-block-e,
.ui-grid-f > .ui-block-f,
.ui-grid-f > .ui-block-g {
    width: 14.285%;
}

.ui-grid-g > .ui-block-a,
.ui-grid-g > .ui-block-b,
.ui-grid-g > .ui-block-c,
.ui-grid-g > .ui-block-d,
.ui-grid-g > .ui-block-e,
.ui-grid-g > .ui-block-f,
.ui-grid-g > .ui-block-g,
.ui-grid-g > .ui-block-h {
    width: 12.5%;
}

.ui-grid-h > .ui-block-a,
.ui-grid-h > .ui-block-b,
.ui-grid-h > .ui-block-c,
.ui-grid-h > .ui-block-d,
.ui-grid-h > .ui-block-e,
.ui-grid-h > .ui-block-f,
.ui-grid-h > .ui-block-g,
.ui-grid-h > .ui-block-h,
.ui-grid-h > .ui-block-i {
    width: 11.111%;
}

.ui-grid-i > .ui-block-a,
.ui-grid-i > .ui-block-b,
.ui-grid-i > .ui-block-c,
.ui-grid-i > .ui-block-d,
.ui-grid-i > .ui-block-e,
.ui-grid-i > .ui-block-f,
.ui-grid-i > .ui-block-g,
.ui-grid-i > .ui-block-h,
.ui-grid-i > .ui-block-i,
.ui-grid-i > .ui-block-j {
    width: 10%;
}

.ui-grid-j > .ui-block-a,
.ui-grid-j > .ui-block-b,
.ui-grid-j > .ui-block-c,
.ui-grid-j > .ui-block-d,
.ui-grid-j > .ui-block-e,
.ui-grid-j > .ui-block-f,
.ui-grid-j > .ui-block-g,
.ui-grid-j > .ui-block-h,
.ui-grid-j > .ui-block-i,
.ui-grid-j > .ui-block-j,
.ui-grid-j > .ui-block-k {
    width: 9.091%;
}

.ui-grid-k > .ui-block-a,
.ui-grid-k > .ui-block-b,
.ui-grid-k > .ui-block-c,
.ui-grid-k > .ui-block-d,
.ui-grid-k > .ui-block-e,
.ui-grid-k > .ui-block-f,
.ui-grid-k > .ui-block-g,
.ui-grid-k > .ui-block-h,
.ui-grid-k > .ui-block-i,
.ui-grid-k > .ui-block-j,
.ui-grid-k > .ui-block-k,
.ui-grid-k > .ui-block-l {
    width: 8.333%;
}

.ui-grid-l > .ui-block-a,
.ui-grid-l > .ui-block-b,
.ui-grid-l > .ui-block-c,
.ui-grid-l > .ui-block-d,
.ui-grid-l > .ui-block-e,
.ui-grid-l > .ui-block-f,
.ui-grid-l > .ui-block-g,
.ui-grid-l > .ui-block-h,
.ui-grid-l > .ui-block-i,
.ui-grid-l > .ui-block-j,
.ui-grid-l > .ui-block-k,
.ui-grid-l > .ui-block-l,
.ui-grid-l > .ui-block-m {
    width: 7.692%;
}

.ui-grid-m > .ui-block-a,
.ui-grid-m > .ui-block-b,
.ui-grid-m > .ui-block-c,
.ui-grid-m > .ui-block-d,
.ui-grid-m > .ui-block-e,
.ui-grid-m > .ui-block-f,
.ui-grid-m > .ui-block-g,
.ui-grid-m > .ui-block-h,
.ui-grid-m > .ui-block-i,
.ui-grid-m > .ui-block-j,
.ui-grid-m > .ui-block-k,
.ui-grid-m > .ui-block-l,
.ui-grid-m > .ui-block-m,
.ui-grid-m > .ui-block-n {
    width: 7.145%;
}

.ui-grid-n > .ui-block-a,
.ui-grid-n > .ui-block-b,
.ui-grid-n > .ui-block-c,
.ui-grid-n > .ui-block-d,
.ui-grid-n > .ui-block-e,
.ui-grid-n > .ui-block-f,
.ui-grid-n > .ui-block-g,
.ui-grid-n > .ui-block-h,
.ui-grid-n > .ui-block-i,
.ui-grid-n > .ui-block-j,
.ui-grid-n > .ui-block-k,
.ui-grid-n > .ui-block-l,
.ui-grid-n > .ui-block-m,
.ui-grid-n > .ui-block-n,
.ui-grid-n > .ui-block-o {
    width: 6.667%;
}

.ui-grid-o > .ui-block-a,
.ui-grid-o > .ui-block-b,
.ui-grid-o > .ui-block-c,
.ui-grid-o > .ui-block-d,
.ui-grid-o > .ui-block-e,
.ui-grid-o > .ui-block-f,
.ui-grid-o > .ui-block-g,
.ui-grid-o > .ui-block-h,
.ui-grid-o > .ui-block-i,
.ui-grid-o > .ui-block-j,
.ui-grid-o > .ui-block-k,
.ui-grid-o > .ui-block-l,
.ui-grid-o > .ui-block-m,
.ui-grid-o > .ui-block-n,
.ui-grid-o > .ui-block-o,
.ui-grid-o > .ui-block-p {
    width: 6.25%;
}

.ui-grid-p > .ui-block-a,
.ui-grid-p > .ui-block-b,
.ui-grid-p > .ui-block-c,
.ui-grid-p > .ui-block-d,
.ui-grid-p > .ui-block-e,
.ui-grid-p > .ui-block-f,
.ui-grid-p > .ui-block-g,
.ui-grid-p > .ui-block-h,
.ui-grid-p > .ui-block-i,
.ui-grid-p > .ui-block-j,
.ui-grid-p > .ui-block-k,
.ui-grid-p > .ui-block-l,
.ui-grid-p > .ui-block-m,
.ui-grid-p > .ui-block-n,
.ui-grid-p > .ui-block-o,
.ui-grid-p > .ui-block-p,
.ui-grid-p > .ui-block-q {
    width: 5.882%;
}

.ui-grid-q > .ui-block-a,
.ui-grid-q > .ui-block-b,
.ui-grid-q > .ui-block-c,
.ui-grid-q > .ui-block-d,
.ui-grid-q > .ui-block-e,
.ui-grid-q > .ui-block-f,
.ui-grid-q > .ui-block-g,
.ui-grid-q > .ui-block-h,
.ui-grid-q > .ui-block-i,
.ui-grid-q > .ui-block-j,
.ui-grid-q > .ui-block-k,
.ui-grid-q > .ui-block-l,
.ui-grid-q > .ui-block-m,
.ui-grid-q > .ui-block-n,
.ui-grid-q > .ui-block-o,
.ui-grid-q > .ui-block-p,
.ui-grid-q > .ui-block-q,
.ui-grid-q > .ui-block-r {
    width: 5.556%;
}

.ui-grid-r > .ui-block-a,
.ui-grid-r > .ui-block-b,
.ui-grid-r > .ui-block-c,
.ui-grid-r > .ui-block-d,
.ui-grid-r > .ui-block-e,
.ui-grid-r > .ui-block-f,
.ui-grid-r > .ui-block-g,
.ui-grid-r > .ui-block-h,
.ui-grid-r > .ui-block-i,
.ui-grid-r > .ui-block-j,
.ui-grid-r > .ui-block-k,
.ui-grid-r > .ui-block-l,
.ui-grid-r > .ui-block-m,
.ui-grid-r > .ui-block-n,
.ui-grid-r > .ui-block-o,
.ui-grid-r > .ui-block-p,
.ui-grid-r > .ui-block-q,
.ui-grid-r > .ui-block-r,
.ui-grid-r > .ui-block-s {
    width: 5.263%;
}

.ui-grid-s > .ui-block-a,
.ui-grid-s > .ui-block-b,
.ui-grid-s > .ui-block-c,
.ui-grid-s > .ui-block-d,
.ui-grid-s > .ui-block-e,
.ui-grid-s > .ui-block-f,
.ui-grid-s > .ui-block-g,
.ui-grid-s > .ui-block-h,
.ui-grid-s > .ui-block-i,
.ui-grid-s > .ui-block-j,
.ui-grid-s > .ui-block-k,
.ui-grid-s > .ui-block-l,
.ui-grid-s > .ui-block-m,
.ui-grid-s > .ui-block-n,
.ui-grid-s > .ui-block-o,
.ui-grid-s > .ui-block-p,
.ui-grid-s > .ui-block-q,
.ui-grid-s > .ui-block-r,
.ui-grid-s > .ui-block-s,
.ui-grid-s > .ui-block-t {
    width: 5%;
}

.ui-grid-t > .ui-block-a,
.ui-grid-t > .ui-block-b,
.ui-grid-t > .ui-block-c,
.ui-grid-t > .ui-block-d,
.ui-grid-t > .ui-block-e,
.ui-grid-t > .ui-block-f,
.ui-grid-t > .ui-block-g,
.ui-grid-t > .ui-block-h,
.ui-grid-t > .ui-block-i,
.ui-grid-t > .ui-block-j,
.ui-grid-t > .ui-block-k,
.ui-grid-t > .ui-block-l,
.ui-grid-t > .ui-block-m,
.ui-grid-t > .ui-block-n,
.ui-grid-t > .ui-block-o,
.ui-grid-t > .ui-block-p,
.ui-grid-t > .ui-block-q,
.ui-grid-t > .ui-block-r,
.ui-grid-t > .ui-block-s,
.ui-grid-t > .ui-block-t,
.ui-grid-t > .ui-block-u {
    width: 4.762%;
}

.ui-grid-u > .ui-block-a,
.ui-grid-u > .ui-block-b,
.ui-grid-u > .ui-block-c,
.ui-grid-u > .ui-block-d,
.ui-grid-u > .ui-block-e,
.ui-grid-u > .ui-block-f,
.ui-grid-u > .ui-block-g,
.ui-grid-u > .ui-block-h,
.ui-grid-u > .ui-block-i,
.ui-grid-u > .ui-block-j,
.ui-grid-u > .ui-block-k,
.ui-grid-u > .ui-block-l,
.ui-grid-u > .ui-block-m,
.ui-grid-u > .ui-block-n,
.ui-grid-u > .ui-block-o,
.ui-grid-u > .ui-block-p,
.ui-grid-u > .ui-block-q,
.ui-grid-u > .ui-block-r,
.ui-grid-u > .ui-block-s,
.ui-grid-u > .ui-block-t,
.ui-grid-u > .ui-block-u,
.ui-grid-u > .ui-block-v {
    width: 4.545%;
}

.ui-grid-v > .ui-block-a,
.ui-grid-v > .ui-block-b,
.ui-grid-v > .ui-block-c,
.ui-grid-v > .ui-block-d,
.ui-grid-v > .ui-block-e,
.ui-grid-v > .ui-block-f,
.ui-grid-v > .ui-block-g,
.ui-grid-v > .ui-block-h,
.ui-grid-v > .ui-block-i,
.ui-grid-v > .ui-block-j,
.ui-grid-v > .ui-block-k,
.ui-grid-v > .ui-block-l,
.ui-grid-v > .ui-block-m,
.ui-grid-v > .ui-block-n,
.ui-grid-v > .ui-block-o,
.ui-grid-v > .ui-block-p,
.ui-grid-v > .ui-block-q,
.ui-grid-v > .ui-block-r,
.ui-grid-v > .ui-block-s,
.ui-grid-v > .ui-block-t,
.ui-grid-v > .ui-block-u,
.ui-grid-v > .ui-block-v,
.ui-grid-v > .ui-block-w {
    width: 4.348%;
}

.ui-grid-w > .ui-block-a,
.ui-grid-w > .ui-block-b,
.ui-grid-w > .ui-block-c,
.ui-grid-w > .ui-block-d,
.ui-grid-w > .ui-block-e,
.ui-grid-w > .ui-block-f,
.ui-grid-w > .ui-block-g,
.ui-grid-w > .ui-block-h,
.ui-grid-w > .ui-block-i,
.ui-grid-w > .ui-block-j,
.ui-grid-w > .ui-block-k,
.ui-grid-w > .ui-block-l,
.ui-grid-w > .ui-block-m,
.ui-grid-w > .ui-block-n,
.ui-grid-w > .ui-block-o,
.ui-grid-w > .ui-block-p,
.ui-grid-w > .ui-block-q,
.ui-grid-w > .ui-block-r,
.ui-grid-w > .ui-block-s,
.ui-grid-w > .ui-block-t,
.ui-grid-w > .ui-block-u,
.ui-grid-w > .ui-block-v,
.ui-grid-w > .ui-block-w,
.ui-grid-w > .ui-block-x {
    width: 4.167%;
}

.ui-grid-x > .ui-block-a,
.ui-grid-x > .ui-block-b,
.ui-grid-x > .ui-block-c,
.ui-grid-x > .ui-block-d,
.ui-grid-x > .ui-block-e,
.ui-grid-x > .ui-block-f,
.ui-grid-x > .ui-block-g,
.ui-grid-x > .ui-block-h,
.ui-grid-x > .ui-block-i,
.ui-grid-x > .ui-block-j,
.ui-grid-x > .ui-block-k,
.ui-grid-x > .ui-block-l,
.ui-grid-x > .ui-block-m,
.ui-grid-x > .ui-block-n,
.ui-grid-x > .ui-block-o,
.ui-grid-x > .ui-block-p,
.ui-grid-x > .ui-block-q,
.ui-grid-x > .ui-block-r,
.ui-grid-x > .ui-block-s,
.ui-grid-x > .ui-block-t,
.ui-grid-x > .ui-block-u,
.ui-grid-x > .ui-block-v,
.ui-grid-x > .ui-block-w,
.ui-grid-x > .ui-block-x,
.ui-grid-x > .ui-block-y {
    width: 4%;
}

.ui-grid-y > .ui-block-a,
.ui-grid-y > .ui-block-b,
.ui-grid-y > .ui-block-c,
.ui-grid-y > .ui-block-d,
.ui-grid-y > .ui-block-e,
.ui-grid-y > .ui-block-f,
.ui-grid-y > .ui-block-g,
.ui-grid-y > .ui-block-h,
.ui-grid-y > .ui-block-i,
.ui-grid-y > .ui-block-j,
.ui-grid-y > .ui-block-k,
.ui-grid-y > .ui-block-l,
.ui-grid-y > .ui-block-m,
.ui-grid-y > .ui-block-n,
.ui-grid-y > .ui-block-o,
.ui-grid-y > .ui-block-p,
.ui-grid-y > .ui-block-q,
.ui-grid-y > .ui-block-r,
.ui-grid-y > .ui-block-s,
.ui-grid-y > .ui-block-t,
.ui-grid-y > .ui-block-u,
.ui-grid-y > .ui-block-v,
.ui-grid-y > .ui-block-w,
.ui-grid-y > .ui-block-x,
.ui-grid-y > .ui-block-y,
.ui-grid-y > .ui-block-z {
    width: 3.846%;
}

.ui-checkbox .ui-btn, .ui-radio .ui-btn {
    font-weight: normal;
}

.app-container-scrollable {
    overflow-y: hidden;
    overflow-x: auto;
}

    .app-container-scrollable > .app-controlgroup-vertical {
        margin-right: 1em !important;
        margin-top: .33em !important;
        margin-bottom: .33em !important;
    }

    .app-container-scrollable .app-controlgroup-vertical .ui-btn {
        white-space: nowrap;
    }


.app-controlgroup-vertical {
    display: inline-block;
    vertical-align: top;
}

    .app-controlgroup-vertical .ui-controlgroup-controls {
        width: auto !important;
    }

        .app-controlgroup-vertical .ui-controlgroup-controls input {
            display: none;
        }

.ui-shadow, .ui-focus {
    box-shadow: none !important;
}

iframe {
    background-color: #fff;
}

.ui-btn.app-keep-open {
    font-weight: normal;
}

@media (max-width: 40em) and (min-width: 0) {

    .ui-header.ui-header-fixed.app-bar-tools.app-logo-hidden {
        background-image: none !important;
    }
}

.app-sidebar-undocked .ui-header.ui-header-fixed.app-bar-tools.app-logo-hidden {
    background-image: none !important;
}

/* drop box */

.app-drop-box-input {
    padding: .5em;
}

.app-drop-box {
    border: 4px dashed #ccc;
    padding: 0;
    min-height: 75px;
    background-color: transparent;
    cursor: pointer;
    margin-top: .5em;
}

    .app-drop-box.app-empty {
        line-height: 75px;
        vertical-align: middle;
        text-align: center;
        font-size: 20pt;
        color: #ccc;
    }

    .app-drop-box.app-dragging {
        border-color: #38c;
    }

    .app-drop-box img {
        max-width: 100%;
    }

    .app-drop-box div {
        padding: .5em;
    }

    .app-drop-box progress {
        margin-top: -4px;
        width: 100%;
        height: 4px;
        display: block;
    }

    .app-drop-box .app-clear {
        margin: 4px 8px;
    }

    .app-drop-box.app-signature {
        line-height: normal;
        min-height: 0;
    }


        .app-drop-box.app-signature canvas {
            display: block;
        }

        .app-drop-box.app-signature + .app-clear {
            position: static;
            padding-right: 1em !important;
            padding-left: 1em !important;
            font-size: 11px !important;
            text-transform: uppercase;
            margin-top: 8px;
            margin-bottom: 4px;
        }

.app-buttons-text-only .app-drop-box.app-signature + .app-clear {
    min-width: 3em !important;
    border-width: 0 !important;
}



/* advanced search */

.app-promo-filler {
    height: 65px;
    margin: 0;
    padding: 0;
    clear: both;
}

.app-panel-filter {
    margin: 1em -1em;
}

    .app-panel-filter .app-conditions {
    }

    .app-panel-filter ul {
        margin: -1em 0 1em 0;
        padding: 0;
        line-height: normal;
        border-left-width: 0;
        border-right-width: 0;
        border-top-width: 0;
    }

        .app-panel-filter ul li {
            list-style-type: none;
            list-style-image: none;
            list-style-position: outside;
            margin: 0;
            padding: .5em 1em;
            border-top-width: 0;
            border-right-width: 0;
            border-left-width: 0;
            position: relative;
        }


            .app-panel-filter ul li:last-child {
                border-bottom-width: 0;
            }

        .app-panel-filter ul .ui-btn.app-btn-select {
            font-size: 16px;
            padding-left: 0;
            padding-right: 0;
            line-height: normal;
            white-space: normal;
            text-align: left;
        }

.app-desktop .app-panel-filter ul .ui-btn.app-btn-select:not(:hover):not(.ui-btn-active),
body:not(.app-desktop) .app-panel-filter ul .ui-btn.app-btn-select:not(.ui-btn-active),
body:not(.app-desktop) .app-panel-filter ul .ui-btn.app-btn-select:hover:not(.ui-btn-active) {
    background-color: transparent !important;
}

.app-panel-filter ul .ui-btn.app-btn-select {
    font-weight: normal;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 0;
    margin-bottom: 0;
}

.app-panel-filter .app-condition-and {
    vertical-align: middle;
    padding-right: 1em;
}

.app-panel-filter ul .app-matching > .ui-btn.app-btn-select {
    margin-right: .5em;
    vertical-align: middle;
}

.app-panel-filter ul .app-matching .ui-btn.app-btn-select {
    font-weight: bold;
}


.app-panel-filter ul .app-condition {
    padding-left: 3em;
    padding-right: 2.5em;
}

    .app-panel-filter ul .app-condition.app-condition-more .app-btn-select {
        text-transform: lowercase;
    }

    .app-panel-filter ul .app-condition.app-condition-history {
        padding-left: 1em;
    }

body.app-desktop .app-panel-filter ul .app-condition.app-condition-history:not(:hover):not(.app-selected),
body:not(.app-desktop) .app-panel-filter ul .app-condition.app-condition-history:not(.app-selected) {
    color: #777;
}


.app-panel-filter ul .app-condition.app-condition-history div:first-child {
    margin-bottom: 1em;
}

body.app-theme-dark.app-desktop .app-panel-filter ul .app-condition.app-condition-history:not(:hover):not(.app-selected),
body.app-theme-dark:not(.app-desktop) .app-panel-filter ul .app-condition.app-condition-history:not(.app-selected) {
    color: #999;
}


.app-panel-filter .app-conditions .ui-btn.ui-btn-icon-notext.app-btn-more:not(.ui-btn-active)::after {
    background-color: transparent !important;
}

.app-panel-filter .app-btn-select {
    padding-right: 1.5em !important;
    border-width: 0;
}

.app-panel-filter .app-condition-list-field span {
    text-transform: uppercase;
}

    .app-panel-filter .app-condition-list-field span::before {
        content: " (";
    }

    .app-panel-filter .app-condition-list-field span::after {
        content: ")";
    }

.app-panel-filter .app-condition-list-operation:not(.app-condition-list-operation-month) {
    text-transform: lowercase;
}

.app-panel-filter .app-input-container {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

    .app-panel-filter .app-input-container .app-input-text {
        padding: 0;
        margin: 0;
        border-width: 0;
        min-width: 100px;
        display: inline-block;
        outline: none;
        line-height: normal;
        background-color: transparent;
    }

        .app-panel-filter .app-input-container .app-input-text::-ms-clear {
            display: none;
        }

    .app-panel-filter .app-input-container .app-input-value {
        display: inline-block;
        padding: 0;
        margin: 0;
        background-color: transparent;
        display: block;
        margin-top: -21px;
    }

.app-panel-filter ul li > .app-btn-more {
    border-width: 0;
}

    .app-panel-filter ul li > .app-btn-more:not(:hover):not(.ui-btn-active) {
        background-color: transparent !important;
    }

body:not(.app-desktop) li a.ui-btn.ui-btn-icon-notext.app-btn-more:hover:not(.ui-btn-active) {
    background-color: transparent !important;
}

.app-panel-filter .ui-btn.ui-btn-icon-notext.app-btn-more.ui-btn-active::after {
    background-color: transparent !important;
}

.app-panel-filter ul li > .ui-btn.app-btn-select {
    margin-left: -.5em;
    padding-left: .5em;
}

.app-panel-filter ul .app-matching > .ui-btn-right {
    margin-top: 13px;
}

.app-panel-filter ul .app-condition > .ui-btn-right {
    margin-top: 12px;
}

.app-panel-filter .app-condition-list.app-condition-list-more {
    border-bottom-width: 1px;
}

.app-panel-filter .ui-btn-right {
    right: 10px;
}

.app-panel-filter .app-header {
    text-transform: uppercase;
    border-top: 1px solid #ccc;
    margin: 3em 0 1em 0;
    padding: 1em;
}

.app-theme-dark .app-panel-filter .app-header {
    border-top-color: #111;
}

.app-panel-filter .app-header + .app-conditions .app-condition-list {
    border-top-width: 1px;
}

@media (min-width: 28em) {

    .app-panel-filter .app-header {
        margin-right: -1em;
        margin-bottom: 0;
    }

    .app-panel-filter .ui-btn-right {
        right: .31em;
    }

    .app-panel-filter {
        padding-right: 1em;
    }

        .app-panel-filter .app-conditions {
            width: 100%;
            float: left;
        }

            .app-panel-filter .app-conditions ul {
                margin: 0 0 1em 1em;
                border-width: 1px;
            }
}

@media (min-width: 50em) {

    body.app-sidebar-undocked .app-panel-filter {
        padding-right: 1em;
    }

        body.app-sidebar-undocked .app-panel-filter .app-conditions {
            width: 50%;
            float: left;
        }

            body.app-sidebar-undocked .app-panel-filter .app-conditions ul {
                margin: 0 0 1em 1em;
                border-width: 1px;
            }

        body.app-sidebar-undocked .app-panel-filter .app-condition-list.app-condition-list-more {
            border-bottom-width: 1px;
        }
}


@media (min-width: 60em) {

    body:not(.app-sidebar-undocked) .app-panel-filter {
        padding-right: 1em;
    }

        body:not(.app-sidebar-undocked) .app-panel-filter .app-conditions {
            width: 50%;
            float: left;
        }

            body:not(.app-sidebar-undocked) .app-panel-filter .app-conditions ul {
                margin: 0 0 1em 1em;
                border-width: 1px;
            }

        body:not(.app-sidebar-undocked) .app-panel-filter .app-condition-list.app-condition-list-more {
            border-bottom-width: 1px;
        }
}

@media (min-width: 72em) {
    body.app-sidebar-undocked .app-panel-filter .app-conditions {
        width: 33.33%;
    }
}


@media (min-width: 85em) {
    body:not(.app-sidebar-undocked) .app-panel-filter .app-conditions {
        width: 33.33%;
    }
}


/* compact */

.app-density-compact .app-panel-filter .app-condition-list .ui-btn.app-btn-select {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.app-density-compact .app-panel-filter .app-input-container .app-input-value {
    margin-top: -19px;
}

.app-density-compact .app-panel-filter ul.condition-list .app-condition .ui-btn.app-btn-select {
    padding-top: 10px;
    padding-bottom: 10px;
}

.app-density-compact .app-panel-filter .app-condition-list .app-matching > .ui-btn-right {
    margin-top: 9px;
}

.app-density-compact .app-panel-filter .app-condition-list .app-condition > .ui-btn-right {
    margin-top: 8px;
}

/* condensed */

.app-density-condensed .app-panel-filter .app-condition-list .ui-btn.app-btn-select {
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.app-density-condensed .app-panel-filter .app-input-container .app-input-value {
    margin-top: -16px;
}

.app-density-condensed .app-panel-filter ul.condition-list .app-condition .ui-btn.app-btn-select {
    padding-top: 8px;
    padding-bottom: 8px;
}

.app-density-condensed .app-panel-filter .app-condition-list .app-matching > .ui-btn-right {
    margin-top: 3px;
}

.app-density-condensed .app-panel-filter .app-condition-list .app-condition > .ui-btn-right {
    margin-top: 3px;
}

/* panel breakpoints */

@media (min-width: 65em) {
    .ui-panel:not(.app-sidebar) {
        width: 20em;
    }

    .ui-panel-position-left {
        left: -20em;
    }

    .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
    .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
        -webkit-transform: translate3d(-20em,0,0);
        -moz-transform: translate3d(-20em,0,0);
        transform: translate3d(-20em,0,0);
    }

    .ui-panel-position-right {
        right: -20em;
    }

    .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
    .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
        -webkit-transform: translate3d(20em,0,0);
        -moz-transform: translate3d(20em,0,0);
        transform: translate3d(20em,0,0);
    }

    .ui-panel-page-content-position-left {
        left: 20em;
        right: -20em;
    }

    .ui-panel-animate.ui-panel-page-content-position-left {
        -webkit-transform: translate3d(20em,0,0);
        -moz-transform: translate3d(20em,0,0);
        transform: translate3d(20em,0,0);
    }

    .ui-panel-page-content-position-right {
        left: -20em;
        right: 20em;
    }

    .ui-panel-animate.ui-panel-page-content-position-right {
        -webkit-transform: translate3d(-20em,0,0);
        -moz-transform: translate3d(-20em,0,0);
        transform: translate3d(-20em,0,0);
    }

    .ui-panel-dismiss-open.ui-panel-dismiss-position-left {
        left: 20em;
    }

    .ui-panel-dismiss-open.ui-panel-dismiss-position-right {
        right: 20em;
    }
}

.app-bootstrap.app-page-content.app-editor-active {
    margin-left: 3px !important;
    margin-right: 3px !important;
    margin-top: 3px !important;
}

*[data-editable][contenteditable]:focus,
.app-editor-focus {
    outline: dashed !important;
}

/* group by */

.app-bar-heading .app-bar-text .app-group {
    padding-top: .25em;
    font-weight: 600;
    color: #000;
}

.app-bar-heading .app-group-title, .app-bar-heading .app-group-path, .app-bar-heading .app-group-info-value, .app-bar-heading .app-group-info-value-muted {
    cursor: pointer;
}

.ui-listview .app-group {
    font-weight: bold;
    background-color: #e9e9e9;
    white-space: normal;
    cursor: pointer;
    padding-right: 3em;
    padding-left: 16px;
}

    .ui-listview .app-group .app-group-path .app-group-path-value:after,
    .app-bar-heading .app-bar-text .app-group .app-group-path .app-group-path-value:after {
        content: '; ';
        margin-right: .5em;
    }

    .ui-listview .app-group .app-icon-carat-d, .ui-listview .app-group .app-icon-carat-u {
        right: 1em;
        position: absolute;
    }

.app-group .app-group-count {
    font-weight: normal;
}

    .app-group .app-group-count:before {
        content: ' (';
    }

    .app-group .app-group-count:after {
        content: ')';
    }

.app-bar-heading .app-bar-text .app-group svg {
    display: none;
}

.app-group .app-group-info {
    display: block;
    font-size: 18px;
    font-weight: 600;
}


    .app-group .app-group-info .app-group-info-value-muted {
        font-weight: normal;
    }

        .app-group .app-group-info .app-group-info-value-muted:before {
            content: ' ';
        }

.ui-listview .app-group .app-group-info.app-group-info-duplicate {
    display: none;
}

@media (min-width: 40em) {


    .ui-listview.app-cardview .app-group {
        border-top-width: 1px;
        border-bottom-width: 1px;
        clear: both;
        float: none !important;
        width: auto !important;
        top: -1px !important;
        margin-bottom: -1px;
    }
}

.app-bar-heading .app-group {
    font-size: 16px;
}

.app-bar-heading .app-grid-header + .app-group, .app-bar-heading .app-view-instruction:not(.app-hidden) + .app-group {
    border-top: solid 1px #ddd;
    margin-top: .5em;
    margin-left: -1.5em;
    padding-left: 1.5em;
    margin-right: -.25em;
    padding-right: .25em;
}

.app-density-compact .app-bar-heading .app-group {
    font-size: 14px;
}

.app-density-condensed .app-bar-heading .app-group {
    font-size: 12px;
}

.app-theme-dark .app-bar-heading .app-bar-text .app-group {
    color: #fff;
}

.app-theme-dark .ui-listview .app-group {
    border-top-width: 1px;
    border-top-color: #333 !important;
    background-color: #111 !important;
    color: #fff;
}

.app-theme-dark .ui-listview.app-cardview .app-group {
    border-bottom-color: #333 !important;
}

.app-theme-dark .app-bar-heading .app-grid-header + .app-group, .app-theme-dark .app-bar-heading .app-view-instruction:not(.app-hidden) + .app-group {
    border-top: solid 1px #111;
}

.app-echo-grid-hscrollbar {
    border-top-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom-width: 1px !important;
    padding-bottom: 1px !important;
}

.app-hscrollbar {
    overflow-x: auto;
    -ms-overflow-style: scrollbar;
}

.app-hscrollbar-inner {
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.app-theme-dark .app-echo-grid-hscrollbar {
    border-bottom-color: #333 !important;
}

.app-theme-dark .app-hscrollbar-inner {
    background-color: #333;
}

/* fixed columns in grid */

.app-frozen-spacer {
    position: absolute !important;
    left: -16px;
    top: 0;
    bottom: 0;
    width: 200px;
    height: 100%;
    display: inline-block !important;
}

.app-density-compact .app-frozen-spacer {
    left: -17px;
}

.app-density-comfortable .app-frozen-spacer {
    left: -17px;
}

.ui-btn:hover .app-frozen-spacer {
    background-color: #ededed;
}

.ui-btn.ui-btn-active .app-frozen-spacer {
    background-color: #38c;
}

.app-sidebar-undocked .app-grid .app-grid-header .app-frozen-spacer {
    left: -17px;
}

body:not(.app-sidebar-undocked) .app-grid-header .app-frozen-spacer {
    left: -17px;
}

body:not(.app-sidebar-undocked) .app-bar-heading .app-grid-header .app-frozen-spacer {
    left: -18px;
}

.app-density-compact.app-sidebar-undocked .app-bar-heading .app-grid-header .app-frozen-spacer {
    left: -16px;
}

.app-density-comfortable.app-sidebar-undocked .app-bar-heading .app-grid-header .app-frozen-spacer {
    left: -16px;
}

.app-grid-header {
    position: relative;
}

    .app-grid-header .app-frozen-spacer,
    .app-frozen-spacer {
        border-right: solid 1px #c0c0c0;
        box-shadow: 0 0px 12px rgba(0,0,0,0.2);
        background-color: #fff;
        z-index: 1;
    }

.app-grid .app-grid-header .app-frozen-spacer {
    background-color: #f1f1f1;
}

.app-frozen {
    position: relative;
    z-index: 1;
}

.app-theme-dark .app-grid-header .app-frozen-spacer,
.app-theme-dark .app-frozen-spacer {
    border-color: #444;
    box-shadow: 0 0px 12px rgba(0,0,0,0.8);
}

.app-theme-dark .app-frozen-spacer {
    background-color: #222;
}

.app-theme-dark .app-grid-header .app-frozen-spacer {
    background-color: #333;
}

.app-sidebar .ui-btn.app-summary-btn:not(.ui-mini):not(.ui-btn-icon-notext) {
    padding-left: 1em;
    padding-right: 2.5em;
}

.app-summary-btn.ui-btn-icon-left:after {
    left: auto;
    right: .5625em;
    width: 16px;
    height: 16px;
    right: 8px;
    margin-top: -8px;
}