/* Glyphicons */

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../fonts/glyphicons-halflings-regular.eot');
    src: url('../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

/* end of Glyphicons */

.app-bar-buttons .app-btn-more::before,
.app-collapsible-toggle-button::before,
.dv-action-see-all .app-btn-prev::before,
.dv-action-see-all .app-btn-next::before,
[data-action-path="wizard-prev"]::before,
[data-action-path="wizard-next"]::before,
.app-caret::before,
.app-field-object-ref::before,
a.ui-btn.app-has-children::after,
.app-echo-toolbar h3::after,
.app-bar-actions > h3::after,
.app-btn-options::after,
[data-input] .app-control-helper ul li.app-focus::after,
[data-input] .app-control-toolbar .app-has-droparrow::after {
    font-family: 'Material Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    position: absolute !important;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 18px;
    display: inline-block !important;
    content: 'chevron_right';
    text-indent: -3px;
}

.app-page-loading {
    padding: 5px 1em 5px 16px;
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    line-height: 36px;
    height: 36px;
    vertical-align: central;
}

.ui-listview > .ui-li-divider,
.ui-listview .ui-btn {
    padding-left: 16px;
}

strong, b {
    font-weight: 600;
}

.app-glass-pane {
    position: absolute;
    touch-action: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: 0;
    background-color: #000;
}

.app-glass-pane-reject {
    opacity: .3;
}

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

.ui-btn, label.ui-btn,
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit,
.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a,
.ui-listview > .ui-li-divider,
.ui-popup h1 {
    font-weight: 600;
}

.app-font-tiny .ui-btn, label.ui-btn,
.app-font-tiny .ui-bar-a,
.app-font-tiny .ui-page-theme-a .ui-bar-inherit,
html .app-font-tiny .ui-bar-a .ui-bar-inherit,
html .app-font-tiny .ui-body-a .ui-bar-inherit,
html body.app-font-tiny .ui-group-theme-a .ui-bar-inherit,
.app-font-tiny .ui-page-theme-a a,
html .app-font-tiny .ui-bar-a a,
html .app-font-tiny .ui-body-a a,
html body.app-font-tiny .ui-group-theme-a a,
.app-font-tiny .ui-listview > .ui-li-divider,
.app-font-tiny .ui-li-count,
.app-font-tiny .ui-popup h1 {
    font-weight: 500;
}

.ui-panel .ui-listview > .ui-li-static,
.ui-panel .ui-listview > .ui-li-divider,
.ui-panel .ui-listview > li > a.ui-btn {
    border-top-width: 0;
}

    .ui-panel .ui-listview > .ui-li-divider.ui-last-child {
        border-bottom-width: 0;
    }

.ui-content:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 57px;
}

.app-android:not(.app-has-sidebar-left) .ui-content::before {
    height: 58px;
}

.app-content-stub-hidden .ui-content:before {
    display: none;
}

.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: none;
    z-index: 4000;
}

    .app-scrollbar-info::-webkit-scrollbar {
        display: none;
    }

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

.ui-header.ui-header-fixed.app-bar-toolbar .ui-title {
    margin-left: 50%;
    width: 0;
    min-width: 0;
    max-width: 0;
    margin-right: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 56px;
}


/*@media (min-width: 20em) {

    .ui-header.ui-header-fixed.app-bar-toolbar {
        background-image: url(../images/logo-color.png);
        background-size: 65px auto;
        background-repeat: no-repeat;
        background-position: 48px center;
    }

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

.app-logo {
    background-size: 65px auto;
    background-position: 0 7px;
    background-repeat: no-repeat;
}

.app-bar-toolbar .app-logo {
    display: inline-block;
    position: absolute;
    left: 56px;
    font-weight: normal;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    padding: 0 8px 0 0;
    cursor: default;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-has-sidebar-left:not(.app-has-minisidebar-left) .app-bar-toolbar .app-logo {
    padding-right: 0;
}

.ui-panel-inner .ui-listview > .ui-li-divider.app-list-instruction.app-logo {
    font-size: 14px;
    color: #333;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    background-size: 65px auto;
    background-position: 16px center;
    background-repeat: no-repeat;
    height: 56px;
    line-height: 56px;
}

.ui-panel-inner .ui-listview > .ui-li-divider.app-list-instruction.app-logo,
.app-density-condensed .app-bar-toolbar .app-logo {
    font-size: 12px;
}

.app-has-back.app-bar-toolbar .app-logo {
    display: none;
}

.app-has-sidebar-left:not(.app-has-minisidebar-left) .app-bar-toolbar .app-logo {
    max-width: 145px;
}

.app-has-minisidebar-left .app-bar-toolbar .app-logo {
    left: 73px;
}

.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: 16px !important;
    top: 50% !important;
    margin-top: -40px;
}

.ui-listview > .ui-li-has-thumb > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-thumb {
    padding-left: 104px;
}

.app-density-compact .ui-listview > .ui-li-has-thumb > .ui-btn,
.app-density-compact .ui-listview > .ui-li-static.ui-li-has-thumb {
    padding-left: 96px;
}


.app-density-condensed .ui-listview > .ui-li-has-thumb > .ui-btn,
.app-density-condensed .ui-listview > .ui-li-static.ui-li-has-thumb {
    padding-left: 84px;
}

.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, "Segoe MDL2 Assets";
}

.app-android,
.app-android input,
.app-android select,
.app-android textarea,
.app-android button,
.app-android .ui-btn {
    font-family: Roboto, "Segoe UI", sans-serif, "Segoe MDL2 Assets";
}

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-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-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 .app-event {
    margin: -1px .25em -1px -.25em;
    font-size: 18px;
    vertical-align: text-bottom;
    height: 16px;
    width: 16px;
}

.ui-btn .glyphicon {
    vertical-align: middle;
}

.ui-listview .ui-btn .app-event {
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -8px;
}

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

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

.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;
}*/

textarea {
    -webkit-appearance: none;
}

.ui-shadow-inset,
.app-wrapper .ui-btn: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,
.ui-footer .ui-btn.ui-mini {
    font-size: 1em;
}

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

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

.app-listview {
    background-color: #fff;
}

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

/* checkbox space in lists/cards */
.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: 140px;
}

.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: 129px;
}

.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: 118px;
}

.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;
}

/* status space for lists/cards*/
.app-listview.app-onecolumnview.app-listview-inlineediting .ui-btn,
.app-listview.app-cardcolumn.app-listview-inlineediting .ui-btn,
.app-listview.app-cardview.app-listview-inlineediting .ui-btn {
    padding-left: 48px;
}

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

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

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

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

/* checkbox+status space for lists/cards*/
.app-listview.app-onecolumnview.app-listview-inlineediting.app-listview-multiselect .ui-btn,
.app-listview.app-cardcolumn.app-listview-inlineediting.app-listview-multiselect .ui-btn,
.app-listview.app-cardview.app-listview-inlineediting.app-listview-multiselect .ui-btn {
    padding-left: 72px;
}

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

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

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

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


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

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

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

.app-wrapper, .ui-panel-inner {
    touch-action: pan-y;
}



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

/*.app-grid {
    transform: translate3d(0,0,0);
}*/

body {
    overflow-y: hidden;
}

.app-wrapper {
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1;
    top: 57px;
    bottom: 0;
    left: 0;
    width: 100%;
    -ms-overflow-style: none;
    overflow-y: scroll;
    overflow-x: hidden;
    /*border:solid 1px red;*/
}

    .app-wrapper::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
        width: 0;
    }

.app-vscrollbar {
    position: absolute;
    top: 0;
    height: 1px;
    padding: 0;
    margin: 0;
    margin-right: 2px;
    z-index: 3;
    background-color: transparent;
    opacity: 0;
    width: 4px;
    transition: opacity 750ms ease;
    overflow: hidden;
    /*border-left: solid 1px transparent;*/
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}


    .app-vscrollbar .app-vscrollbar-handle {
        background-color: #c4c4c4;
        position: absolute;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
        width: 4px;
        height: 1px;
        transition: top 0 linear;
    }

.app-page-modal .app-vscrollbar {
    z-index: 1003;
}

.app-desktop .app-vscrollbar {
    width: 6px;
    background-color: #e9e9e9;
    margin-right: 0;
}

    .app-desktop .app-vscrollbar .app-vscrollbar-handle {
        width: 6px;
    }

    .app-desktop .app-vscrollbar.app-scrollbar-wide {
        width: 9px;
    }

        .app-desktop .app-vscrollbar.app-scrollbar-wide .app-vscrollbar-handle {
            width: 9px;
        }

.app-desktop .app-vscrollbar {
    transition: none;
    /* enabling of transitions on the scrollbar will affect negatively the page transitions */
    /*transition: opacity 500ms ease;
    transition-delay: 250ms;*/
}

.app-desktop .ui-page .app-wrapper + .app-vscrollbar,
.app-desktop .app-page-panel-active .app-wrapper + .app-vscrollbar {
    opacity: 1;
    transition-delay: 0;
}

.app-desktop .app-vscrollbar-handle:hover {
    background-color: #999;
}


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 > * {
    margin: 0 !important;
}

.app-page-content {
    padding: 1em 1em 1em 16px;
    background-color: #fff;
}


/*.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: none;
    overflow-x: hidden;
}

    .ui-panel-inner::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
        width: 0;
    }


    /*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: none;
}*/


    /*.app-ms-tablet .ui-panel-inner .ui-btn-icon-right::after
{
    right:32px;
}*/
    .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: 16px !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 .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;
}

.ui-listview-inset {
    margin: 1em !important;
}

.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;
    /*BP-716 Issue Changes*/
    color: #575757;
    background-color: transparent;
    font-size: 9.0pt;
    font-weight: normal;
}

.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-popup .app-item-desc,
.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;
}

.app-presenter {
    background-color: #fff;
}

.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;
    cursor: auto;
}


.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-float {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    position: fixed;
    z-index: 1003;
    border-width: 0;
    box-shadow: 1px 1px 6px rgba(0,0,0,.30) !important;
}

    .app-btn-float.ui-btn.ui-btn-icon-notext::after {
        /*background-size: 20px;*/
        border-radius: 28px;
        width: 56px;
        height: 56px;
        line-height: 56px;
        vertical-align: middle;
        margin-left: -28px;
        margin-top: -28px;
        border-color: transparent !important;
        color: #fff;
    }

    .app-btn-float.ui-btn.ui-btn-icon-notext.ui-btn-active::after {
        background-color: rgba(0,0,0,0.1) !important;
    }


.app-btn-promo {
    right: 18px;
    bottom: 9px;
}

    .app-btn-promo:after {
        background-color: transparent;
    }

/*.app-has-sidebar-left .app-btn-promo {
    bottom: 57px;
}*/


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

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

.app-bar-toolbar {
    border-top-width: 0;
    border-bottom-color: #ccc;
    height: 56px;
    top: 0;
    padding: 0;
}

    .app-bar-toolbar .ui-title {
        text-shadow: none;
        /*height: 21px;*/
        font-weight: normal;
        line-height: normal;
        /*text-transform: uppercase;*/
        vertical-align: middle;
        font-weight: 600;
    }

    .app-bar-toolbar .ui-btn-icon-notext {
        top: 50%;
        margin-top: -15px;
    }

/* This rule reveals the page header icon on the system toolbar when the sidebar is visible */
/*.app-bar-toolbar.ui-bar-a {
        background-color: rgba(0,0,0,0);
    }*/

body[dir="rtl"] .app-bar-toolbar .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 .app-btn {
    display: none;
}

.app-bar-heading {
    left: 0;
    top: 0;
    right: 0;
    position: fixed;
    font-size: 14px;
    color: #808080;
    padding: .25em 0.25em 0.5em 16px;
    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);*/
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.25);
}

body:not(.app-has-sidebar-left) .ui-page:not([data-page-header='false']) .app-bar-heading,
.app-page-modal:not([data-page-header='false']) .app-bar-heading {
    border-top: solid 1px #ddd;
}

.app-bar-heading.app-bar-heading-modal {
    z-index: 1002;
}

.ui-page .app-bar-heading {
    position: absolute;
}

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

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

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

/*.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;
    padding: 0 !important;
    height: 3em !important;
}

.dv-load-at-top {
    border-top-width: 0 !important;
}

.dv-load-at-bottom {
    border-bottom-width: 0 !important;
}

/*.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-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:focus {
        outline: none;
    }

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


    .app-popup-panel.app-popup-listview .ui-content {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .app-popup-panel .ui-listview > li > .ui-btn {
        border-top-width: 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 .ui-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini) {
    padding: 10px 36px 10px 56px;
}

.ui-panel .ui-listview > li p {
    white-space: normal;
}

.app-popup-icon-left.ui-panel .ui-listview li.ui-li-static,
.app-popup-icon-left.ui-panel .ui-listview li.ui-li-divider {
    padding-left: 56px;
    padding-right: 1em;
}

.app-popup-icon-left .ui-btn-icon-right::after {
    left: 6px;
}

#app-btn-menu {
    width: 24px;
    height: 24px;
    border-width: 0;
    margin-top: -12px;
    border-radius: 0;
}

#app-btn-menu, .ui-btn-left.app-btn-search-cancel {
    left: 16px;
}

.app-btn-menu-background {
    left: 0;
    width: 34px;
    top: 0;
    bottom: -1px;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    background-color: #e9e9e9;
    z-index: 9;
    display: inline-block;
    position: absolute;
}

.app-has-minisidebar-left .app-btn-menu-background,
.app-has-back .app-btn-menu-background {
    width: 56px;
}

.app-has-sidebar-left:not(.app-has-minisidebar-left) .app-btn-menu-background {
    width: 216px;
    z-index: 0;
}

.app-has-sidebar-left .app-bar-toolbar:not(.app-has-back) .app-btn-menu-background::after {
    content: ' ';
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 1px;
    height: 1px;
}

body:not(.app-has-sidebar-left) .app-btn-menu-background {
    width: 0;
}

body:not(.app-has-sidebar-left) .app-btn-menu-background,
.app-has-minisidebar-left .app-btn-menu-background,
.app-has-back .app-btn-menu-background {
    border-color: transparent;
    background-color: transparent;
}

.app-status-bar {
    background-color: #fff;
    padding: .75em .5em .75em .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;
        z-index: 15;
    }

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

    .app-status-bar li.Segment {
        text-overflow: ellipsis;
        display: inline-block;
        list-style-type: none;
        font-size: 12px;
        border: solid 1px #ccc;
        background-color: #e5e5e5;
        border-left-color: transparent;
        border-right-width: 0;
        position: relative;
        z-index: 5;
        cursor: pointer;
    }

    .app-status-bar .Segment.First {
        padding-left: 0;
        margin-left: 0;
        border-left-width: 1px;
        border-color: #ccc;
    }

    .app-status-bar .Segment span.Outer {
        padding-left: 16px;
    }

    .app-status-bar .Segment.First span.Outer {
        padding-left: 0;
    }

    .app-status-bar .Segment span.Inner {
        position: relative;
        background-color: #e5e5e5;
    }

    .app-status-bar .Segment.PastToCurrent span.Inner {
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        margin: -1px 0;
    }

    .app-status-bar .Segment span.Inner::after {
        content: ' ';
        position: absolute;
        right: 0;
        top: -1px;
        display: block;
        border: solid 1px #ccc;
        border-radius: 2px;
        background-color: #e5e5e5;
        transform: rotate(-45deg);
        transform-origin: top right;
        height: 20px;
        width: 20px;
        z-index: -1;
    }

    .app-status-bar .Segment span.Self {
        height: 18px;
        padding: 6px 4px 5px 4px;
    }

    .app-status-bar .Segment.First span.Self {
        padding-left: 10px;
    }

    /* white nodes*/
    .app-status-bar .Segment.Future,
    .app-status-bar .Segment.Future span.Self,
    .app-status-bar .Segment.Future span.Inner::after {
        background-color: #fff;
    }

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

.app-stub {
    min-height: 3em;
    margin: 0 !important;
    background-color: #fff;
}

.app-content-stub-hidden .app-stub {
    height: 0;
    min-height: 0;
}

.app-stub.app-hidden {
    height: 1px !important;
    min-height: 0;
    margin-top: -1px !important;
}

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

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

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

.app-has-minisidebar-left .app-sidebar {
    width: 56px;
}

.ui-btn-right.app-btn-context {
    right: 6px;
}

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, .app-bar-notify .ui-btn {
        line-height: normal !important;
    }

    .app-bar-buttons .ui-btn, .app-bar-notify .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-bar-buttons .ui-btn,
    .app-popup-buttons .ui-btn,
    .app-bar-notify .ui-btn {
        min-width: 2em !important;
        border-width: 0 !important;
    }

        .app-desktop .app-bar-buttons .ui-btn:not(:hover):not(.ui-btn-active),
        body:not(.app-desktop) .app-bar-buttons .ui-btn:not(.ui-btn-active),
        .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 .75em;
    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 16px;
    line-height: normal;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
}

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

body:not(.app-has-sidebar-left) .ui-page:not([data-page-header='false']) .app-bar-actions {
    border-color: transparent;
}

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

.ui-header.app-tabs:not(.ui-header-fixed).app-tabs-layout {
    border-top-width: 1px;
}

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

/*.app-bar-actions + .app-bar-header {
    margin-top: -8px;
}*/

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

.app-page-scrollable .app-wrapper .ui-header.app-tabs,
.app-page-scrollable .app-wrapper .ui-header.app-bar-actions {
    margin: -1px 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;
    position: absolute;
    left: 0 !important;
}

.ui-footer.app-bar-footer.ui-footer-fixed {
    padding: 0 !important;
    line-height: normal;
    font-weight: normal;
    /*margin-left: 1px;*/
    position: absolute;
    left: 0 !important;
    bottom: 0;
    border-bottom-width: 0;
    background-color: #f1f1f1;
}


.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.app-first-child .ui-btn {
        border-top-left-radius: 0.3125em;
        border-bottom-left-radius: 0.3125em;
    }

    .app-tabs ul li.app-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: 14px;
        padding: 6px 2em;
        border-width: 1px 1px 1px 0;
    }


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

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

.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: 10px;
    padding-bottom: 10px;
}

.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 {
    border-top-width: 0 !important;
}

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

app-popup .ui-header .ui-title {
    padding: 1em;
}

.app-popup .ui-li-count.app-hidden {
    visibility: hidden;
}

.app-popup .ui-li-count:not(.app-hidden) {
    right: 1em;
    position: absolute;
}

.ui-header-fixed .ui-title {
    height: 56px;
    line-height: 56px;
    display: inline-block;
    padding: 0;
}


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

.app-popup-panel .ui-header .ui-title {
    padding-left: 56px;
}

.app-popup-panel .ui-header {
    margin-bottom: -1em;
}

/*.app-has-sidebar-left .app-btn-promo {
    right: auto;
    left: 164px;
}*/

/*.app-has-sidebar-left .app-wrapper {
    left: 193px;
}*/

@media (min-width: 415px) {
    .ui-header.ui-header-fixed.app-bar-toolbar .ui-title {
        /*margin-left: 157px;*/
        text-align: left;
    }
}

.ui-header-fixed .ui-title {
    text-align: left;
    border-left: solid 0 #ccc;
    margin-right: auto;
    display: inline-block;
}

.app-has-sidebar-left .ui-header-fixed .ui-title.app-hidden {
    border-left-width: 1px;
}

@media (min-width: 40em) {

    .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;
    }

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

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

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

@media (min-width: 40em) {

    .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) {

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

    .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: 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;
}

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

.ui-page-theme-a .ui-listview .ui-btn.ui-btn-active {
    border-color: #ddd;
}

/*.ui-listview.app-listview .ui-btn-active {
    color: #333;
}*/

/*.ui-listview.app-listview .ui-btn-active .app-btn-more:after {
    color: #333;
}*/

/* selected */


.dataview-busy-indicator {
    height: 3px;
    position: absolute;
    z-index: 10001;
    width: 100%;
    left: -100%;
    visibility: hidden;
}

    .dataview-busy-indicator.dataview-busy-indicator-done {
        left: 0;
        opacity: 0;
        transition: opacity 750ms linear;
        transition-delay: 750ms;
        visibility: visible;
    }

    .dataview-busy-indicator.dataview-busy-indicator-animate {
        opacity: 1;
        transition-delay: 0;
        visibility: visible;
        animation-delay: 1000ms;
        animation-name: busy-indicator;
        animation-duration: 3000ms;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

@keyframes busy-indicator {
    from {
        transform: translate3d(0,0,0);
    }

    to {
        transform: translate3d(200%,0,0);
    }
}


/*.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-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-field, .app-listview.ui-listview > li h2.app-field, .app-listview.ui-listview > li h3.app-field, .app-listview.ui-listview > li h4.app-field, .app-listview.ui-listview > li h5.app-field, .app-listview.ui-listview > li h6.app-field {
    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;
}

.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;
    white-space: normal;
}

.ui-panel .app-list-instruction {
    border-bottom-width: 1px;
}

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

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

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

.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;
}

.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;
}

.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;
}


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

.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-grid.app-listview.ui-listview.app-listview-inlineediting .dv-item .ui-btn span:not(.app-icon) {
        margin-left: 40px;
    }*/

.app-listview .app-field span[data-href],
.app-listview .app-field span[data-href] .app-field-data,
.app-listview .app-field[data-href],
[data-state="read"] .app-control-inner[data-href] {
    text-decoration: underline;
    cursor: pointer;
}


.app-listview.app-grid .app-field span[data-href] {
    padding: 0 !important;
}


/* conditionally show checkbox/more button on desktop */

body.app-desktop.app-show-system-buttons-on-hover .app-listview .ui-btn:not(:hover) .app-btn-check:not(.app-btn-check-selected) {
    border-color: transparent;
}

body.app-desktop.app-show-system-buttons-on-hover .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;
    /*background-color: #fff !important;*/
}

    .app-btn-check::after {
        font-family: 'Material Icons';
        content: " ";
        color: #ccc;
        top: 50%;
        font-size: 24px;
        height: 24px;
        width: 24px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -12px;
    }

    .app-btn-check.app-btn-check-selected {
        border-color: transparent;
    }

        .app-btn-check.app-btn-check-selected::after {
            content: 'check_circle';
            height: 25px !important;
            color: #777;
        }


.ui-btn-active .app-btn-check:not(.app-btn-check-selected) {
    border-color: #fff;
}

/*.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 {
    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-divider.app-calculated {
    border-bottom-style: dashed;
    border-top-style: dashed;
}*/

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


.app-listview.app-onecolumnview .app-btn-more,
.app-listview.app-cardview .app-btn-more,
.app-listview.app-cardcolumn .app-btn-more {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 6px;
}

/*.app-desktop .app-listview:not(.app-grid) .app-btn-more {
    right: 6px;
}*/

/* default */
.app-listview.app-onecolumnview li.app-li-has-aside .app-btn-more,
.app-listview.app-onecolumnview li.ui-li-has-count .app-btn-more,
.app-listview.app-cardview li.app-li-has-aside .app-btn-more,
.app-listview.app-cardview li.ui-li-has-count .app-btn-more,
.app-listview.app-cardcolumn li.app-li-has-aside .app-btn-more,
.app-listview.app-cardcolumn li.ui-li-has-count .app-btn-more {
    top: auto;
    bottom: 0;
}

/* has-count */
.app-listview.app-onecolumnview li.ui-li-has-count .ui-li-count,
.app-listview.app-cardview li.ui-li-has-count .ui-li-count {
    top: 30%;
}

.app-listview.app-onecolumnview li.ui-li-has-count .ui-btn,
.app-listview.app-onecolumnview li.app-li-has-aside .ui-btn,
.app-listview.app-cardview li.ui-li-has-count .ui-btn,
.app-listview.app-cardview 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;
}

.app-desktop .dv-action-see-all .app-btn-prev:hover,
.app-desktop .dv-action-see-all .app-btn-next:hover,
.dv-action-see-all .app-btn-prev.ui-btn-active,
.dv-action-see-all .app-btn-next.ui-btn-active {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -6px;
    margin-bottom: -6px;
}

.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-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-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):not(.app-field-separator) {
    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):not(.app-field-separator) {
    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: 6px -17px 0 -16px;
}

.app-echo .ui-listview .app-grid-header {
    margin-top: 0;
}

.app-bar-heading .app-grid-header {
    overflow: hidden;
    white-space: nowrap;
    margin: 6px -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;
}

.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: 600;
}

.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: 600;
    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: 1em 1em 1em 16px;
    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;
    }

body:not(.app-has-sidebar-left):not(.app-hosted) .app-page-header,
.app-page-modal:not(.app-has-header-bar) .app-page-header.app-has-action-bar {
    padding-top: 0;
}

.app-has-header-bar .app-page-header {
    background-color: #fff !important;
    color: #000 !important;
    padding-top: .5em;
}

.app-page-header-divider {
    height: 1px;
    margin: 0;
    padding: 0;
}


@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: -57px;
}

.app-sidebar .ui-li-thumb, .app-panel-info-view .ui-li-thumb {
    left: 16px !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: 16px;
    position: absolute;
    bottom: .6em;
    line-height: normal;
}

.ui-panel:not(.app-sidebar) .ui-li-thumb,
.ui-panel:not(.app-sidebar) .app-item-desc {
    left: auto !important;
}

.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;
        /* BP-716 Issue Changes */
        color: #212121;
        font-size: 7.5pt;
        font-weight: normal;
    }

.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-divider + .app-echo {
    margin-top: -1px !important;
}


.app-echo {
    border-top: solid 1px;
    padding: 1em 1em 1em 16px;
    background-color: #fff;
}

    .app-echo /*:not(.app-echo-embedded)*/ .app-listview {
        box-shadow: 1px 1px 5px 0 rgba(0,0,0,.1);
    }


    .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: 7px 5px;
        }

        .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: 0 2px 0 -4px;
            padding: 7px 16px 7px 4px;
        }

            .app-echo .app-echo-toolbar h3::after, .app-bar-actions h3::after {
                width: 7px;
                height: 4px;
                position: absolute;
                margin-top: -12px;
                top: 50%;
                color: #777;
            }

            .app-echo .app-echo-toolbar h3::after {
                right: 9px;
            }

.app-desktop .app-bar-actions h3:hover,
.app-desktop .app-echo .app-echo-toolbar h3:hover {
    background-color: rgba(0,0,0,.05)
}

    .app-desktop .app-bar-actions h3:hover::after,
    .app-desktop .app-echo .app-echo-toolbar h3:hover::after {
        color: #000;
    }

.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 {
        margin-left: 0 !important;
    }

    .app-bar-actions h3.app-hidden + .ui-btn {
        margin-left: -16px !important;
    }

.app-density-condensed .app-bar-actions h3.app-hidden + .ui-btn {
    margin-left: -14px !important;
}

.app-font-tiny .app-bar-actions h3.app-hidden + .ui-btn {
    margin-left: -12px !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-echo .app-echo-toolbar > .app-echo-see-all,
.app-bar-actions > .app-bar-controls {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    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 .5em;
        font-weight: normal;
    }

.app-echo .app-echo-toolbar > .app-echo-controls,
.app-echo .app-echo-toolbar > .app-echo-see-all,
.app-bar-actions > .app-bar-controls {
    padding-top: 5px;
    padding-bottom: 5px;
}


    .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: 14px;
    }

.app-echo .app-echo-toolbar > .app-echo-see-all {
    position: absolute;
    display: inline-block;
    right: 1em;
    padding-right: 16px;
    line-height: 36px;
    font-size: 14px;
    cursor: pointer;
    color: #777;
}

    .app-echo .app-echo-toolbar > .app-echo-see-all .app-icon {
        right: -4px;
        /*color: #777;*/
        /*BP-716 Issue Changes*/
        color: #212121;
        background-color: transparent;
        font-weight: normal;
    }

.app-desktop .app-echo .app-echo-toolbar > .app-echo-see-all:hover,
.app-desktop .app-echo .app-echo-toolbar > .app-echo-see-all:hover .app-icon {
    color: #333;
}

/*.app-echo .app-echo-toolbar > .app-echo-see-all.ui-btn-active,
.app-echo .app-echo-toolbar > .app-echo-see-all.ui-btn-active .app-icon {
    color: #000;
}*/

.app-echo.app-echo-embedded .app-echo-toolbar > .app-echo-see-all {
    right: 0;
}


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

.app-echo .app-echo-instruction {
    /*color: #808080;
    font-size: 14px;*/
    padding: 0 0 .5em 0;
    /*BP-716 Issue Changes*/
    color: #575757;
    background-color: #ffffff;
    font-size: 9.0pt;
    font-weight: normal;
}

.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;*/
    /*touch-action: auto;*/
    overflow: hidden;
}

    .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 5em 0;
    font-style: italic;
}

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

.app-echo .dv-action-see-all {
    font-weight: normal;
    white-space: nowrap !important;
    padding: .75em 0 .5em 0;
    position: relative;
}

    .app-echo .dv-action-see-all::after {
        background: none;
    }

    .app-echo .dv-action-see-all .app-btn-see-all:after,
    /*.app-echo .dv-action-see-all .app-btn-prev::after,*/
    .app-echo .dv-action-see-all .app-btn-next::after {
        content: ' ';
        display: inline-block;
        width: 1px;
        background-color: #ddd;
        height: 16px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -8px;
    }

    .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;
        cursor: pointer;
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
    }

    .app-echo .dv-action-see-all .app-btn-next {
        margin-right: .5em;
    }

.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 {
    cursor: pointer;
}

    .dv-action-see-all .app-info:after {
        display: inline-block;
        content: ' ';
        width: 24px;
    }


    .dv-action-see-all .app-info .app-icon {
        right: 0;
    }

.app-desktop .dv-action-see-all .app-info:hover {
    padding: 6px 0 6px 6px;
    margin: -6px 0 -6px -6px;
}

.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-bar-aggregate-list {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

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

    .app-bar-aggregate-list .app-calculated .app-static-text {
        display: inline-block;
        padding-right: .5em;
    }

    .app-bar-aggregate-list .app-calculated .app-calculated-label {
        text-transform: uppercase;
    }

    .app-bar-aggregate-list .app-calculated .app-calculated-value {
        display: block;
    }

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

/*.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%;
}

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

.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: 600;
    color: #38c;
    max-height: 30px;
}

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

    .app-desktop .app-filter:hover {
        text-decoration: underline;
    }

.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: 0;
        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;*/
    opacity: 0;
}

.app-has-popup-open.app-has-panel-open .in.ui-popup-screen {
    opacity: .35;
    background-color: #000;
}

.ui-overlay-shadow {
    box-shadow: 0 0 20px rgba(0,0,0,.8);
}

.app-menu-strip {
    position: absolute;
    top: 0;
    height: 56px;
    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: 14px;
                border-width: 0;
                padding: 0 1em;
            }

.app-has-sidebar-left .app-menu-strip ul li:first-of-type .ui-btn {
    padding-left: 16px;
}

.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;
}

.app-menu-strip ul,
.app-menu-strip ul li {
    height: 56px;
}

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

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

.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: 18px;
}

.app-menu-strip ul li a.ui-btn.app-has-children {
    padding-right: 20px;
}

    .app-menu-strip ul li a.ui-btn.app-has-children::after {
        right: 2px;
    }

.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-echo-toolbar h3::after, .app-bar-actions > h3::after, .app-btn-options::after,
[data-input] .app-control-toolbar .app-has-droparrow::after {
    content: 'arrow_drop_down';
    left: auto;
}

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

.app-bar-actions > h3::after {
    right: 3px;
}

.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;
}

/* black drop arrow*/
.ui-btn.app-has-children.app-selected:not(.ui-btn-active)::after,
.app-desktop .ui-btn.app-has-children:hover:not(.ui-btn-active)::after,
.app-echo-toolbar .ui-btn.app-has-children::after,
.app-echo-toolbar h3::after,
.app-bar-actions .ui-btn.app-has-children::after,
.app-bar-actions h3::after,
.app-has-droparrow::after {
    content: 'arrow_drop_down'
}

.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-wrapper > .app-listview > li.ui-last-child {
    margin-bottom: 1em;
}

    .app-wrapper > .app-listview > li.ui-last-child.app-has-promo {
        margin-bottom: 88px;
    }

.app-echo-toolbar .app-selected:not(.ui-btn-active),
.app-echo-toolbar .app-selected:not(.ui-btn-active):hover,
.app-bar-actions .app-selected:not(.ui-btn-active),
.app-bar-actions .app-selected:not(.ui-btn-active):hover {
    /*background-image: none;*/
    background-color: rgba(0,0,0,.05);
}

.app-popup-listview .ui-popup-arrow,
.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: 600;
        padding: 3px 9px;
        margin-bottom: 9px;
        margin-right: 9px;
        color: #38c;
        white-space: nowrap;
    }

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

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

/*.ui-btn.ui-btn-active .app-action-column .app-action-column-button {
    color: #fff;
    border-color: #fff;
}*/

/*.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;
    z-index: 2;
}

.app-site-map .ui-listview {
    margin-left: -16px;
}

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

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-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-field,
.app-density-compact .app-listview.ui-listview > li h2.app-field,
.app-density-compact .app-listview.ui-listview > li h3.app-field,
.app-density-compact .app-listview.ui-listview > li h4.app-field,
.app-density-compact .app-listview.ui-listview > li h5.app-field,
.app-density-compact .app-listview.ui-listview > li h6.app-field,
.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,
.app-density-compact .app-echo-inner .app-echo-empty,
.app-density-compact .app-listview.app-grid .dv-item .ui-btn span,
.app-density-compact .app-menu-strip,
.app-density-compact .app-loading,
.app-density-compact .app-bar-toolbar .ui-title,
.app-density-compact .app-bar-toolbar .app-back-text,
.app-density-compact .ui-footer .ui-btn.ui-mini,
.app-density-compact .app-page-header-fixed,
.app-density-compact .app-action-column {
    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: 6px;
}

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

.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;
}

.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 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 .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-lookup.ui-btn {
    margin-top: -35px;
}

/*.app-density-compact .app-lookup-input {
    height: 35px;
}*/

.app-density-compact .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-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-field,
.app-density-condensed .app-listview.ui-listview > li h2.app-field,
.app-density-condensed .app-listview.ui-listview > li h3.app-field,
.app-density-condensed .app-listview.ui-listview > li h4.app-field,
.app-density-condensed .app-listview.ui-listview > li h5.app-field,
.app-density-condensed .app-listview.ui-listview > li h6.app-field,
.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,
.app-density-condensed .app-echo-inner .app-echo-empty,
.app-density-condensed .app-listview.app-grid .dv-item .ui-btn span,
.app-density-condensed .app-menu-strip,
.app-density-condensed .app-wrapper .app-page-content .ui-listview > li p,
.app-density-condensed .app-loading,
.app-density-condensed .app-bar-toolbar .ui-title,
.app-density-condensed .app-page-header-fixed,
.app-density-condensed .app-bar-toolbar .app-back-text,
.app-density-condensed .app-action-column {
    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: 6px;
}

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

.app-grid .app-list-instruction:not(.app-no-records) {
    padding-bottom: 0 !important;
}

.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: 0;
}


.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;
}

.app-sidebar .ui-btn:not(.ui-mini):not(.ui-btn-icon-notext) {
    padding-left: 56px;
}

.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;*/
        /*BP-716 Isssue Changes*/
        color: #212121;
        font-size: 8.0pt;
        font-weight: normal;
    }

    .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;*/
        /*BP-716 Issue Changes*/
        font-size: 7.5pt;
        font-weight: normal;
        color: #4A4A4A;
    }

.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 .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: -16px;
    /*margin-right: -13px;*/
}

.app-density-condensed .app-grid-header {
    margin-top: 4px;
    margin-bottom: 0;
}

.app-density-condensed .app-echo .app-grid-header {
    margin-top: 0;
}

.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;
        color: #0A0A0A;
    }

.app-density-condensed .app-bar-heading .app-grid-header {
    margin-bottom: -7px !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;
    /** BP-716 AXE Tool- Issue Changes **/
    color: #525252;
    font-size: 9.0pt;
    font-weight: normal;
}

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 {
    font-size: 12px;
}

    .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 li.app-info .appname {
    font-size: 14px;
}


.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 .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-lookup-input {
    height: 30px;
}

.app-density-condensed .app-lookup.ui-btn {
    margin-top: -30px;
}*/

.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;
}

/*.app-density-condensed .app-grid-header .app-btn-check,
.app-density-condensed .app-bar-heading .app-grid-header .app-btn-check {
    margin-top: 1px !important;
}*/

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

/* default webkit scrollbars on desktop */


.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;
}

/* 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;
}

/* drop box */

.app-drop-box-input {
    padding: .5em;
}

.app-has-image + .app-drop-box {
    margin-top: .5em;
}

.app-drop-box {
    border: 4px dashed #ccc;
    padding: 0;
    min-height: 75px;
    background-color: transparent;
    cursor: pointer;
    margin-right: 1em;
    max-width: 768px;
}

    .app-drop-box.app-empty {
        line-height: 75px;
        vertical-align: middle;
        text-align: center;
        /*font-size: 20pt;
        color: #ccc;*/
        /*BP-716 Issue Changes*/
        color: #4A4A4A;
        background-color: #ffffff;
        font-size: 20.0pt;
        font-weight: normal;
    }

    .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-desktop .app-drop-box:focus {
    outline: none;
    background-color: #f0f0f0;
}

.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;
}

body:not(.app-desktop) li a.ui-btn.ui-btn-icon-notext.app-btn-more:hover:not(.ui-btn-active) {
    background: none !important;
}

/* panel breakpoints */

.ui-panel:not(.app-sidebar) {
    width: 16em;
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 16em;
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
    right: 16em;
}

.ui-panel-dismiss {
    z-index: 1003;
}

@media (min-width: 360px) {
    .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;
    }*/
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 0;
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
    right: 0;
}


.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;
}

.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: 600;
    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 .glyphicon-menu-up {
    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: 6px;
    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;
    margin-top: 8px;
}

.app-echo-grid-hscrollbar {
    border-top-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom-width: 1px !important;
    padding-bottom: 1px !important;
}

/* 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;
}

.app-grid-header .app-frozen-spacer {
    left: -17px;
}

.app-bar-heading .app-grid-header .app-frozen-spacer {
    left: -18px;
}

.app-density-compact .app-bar-heading .app-grid-header .app-frozen-spacer {
    left: -16px;
}

.app-density-comfortable .app-bar-heading .app-grid-header .app-frozen-spacer {
    left: -16px;
}

.app-grid-header {
    position: relative;
    background-color: #f1f1f1;
}

    .app-grid-header .app-frozen-spacer,
    .app-frozen-spacer {
        border-right: solid 1px #c0c0c0;
        box-shadow: 0 0 12px rgba(0,0,0,0.2);
        background-color: #fff;
        z-index: 1;
    }

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

.app-frozen {
    position: relative;
    z-index: 1;
}

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

.app-sidebar .ui-btn.app-summary-btn:not(.ui-mini):not(.ui-btn-icon-notext) {
    padding-left: 16px;
    padding-right: 2.5em;
}

/*body:not(.app-has-minisidebar-left) .app-sidebar .ui-btn:not(.ui-mini):not(.ui-btn-icon-notext).app-group-actions {
    padding-left: 16px !important;
}*/


.app-has-minisidebar-left .app-sidebar .ui-btn.app-summary-btn:not(.ui-mini):not(.ui-btn-icon-notext),
.app-has-minisidebar-left .app-sidebar .ui-btn:not(.ui-mini):not(.ui-btn-icon-notext) {
    width: 56px;
    padding-left: 0;
    padding-right: 0;
}

.app-has-minisidebar-left .app-sidebar .app-group-actions span {
    font-size: 16px !important;
    line-height: 16px;
    position: absolute;
    text-align: center;
    width: 56px;
    left: 0;
    font-weight: 600;
    top: 50%;
    margin-top: -8.5px;
}

.app-has-minisidebar-left .app-sidebar .app-group-actions i {
    left: auto !important;
    margin-left: auto;
    right: 2px !important;
    font-size: 18px;
}

/*.app-has-minisidebar-left .app-sidebar .app-group-actions:not(.ui-btn-active):not(:hover) span {
    color: #777;
}*/

.app-summary-btn.ui-btn-icon-left:after {
    left: auto;
    right: 8px !important;
    content: 'chevron_right';
}

.app-popup-icon-left .app-summary-btn.ui-btn-icon-left:after {
    /*left: 8px;
    right: auto;*/
    content: '';
}

.app-bar-aggregates {
    margin: 0;
    padding: 0;
    position: relative;
}

    .app-bar-aggregates .app-listview {
        margin: 0;
    }

    .app-bar-aggregates .app-calculated {
        border-top-width: 0 !important;
    }

    .app-bar-aggregates .app-bar-aggregate-list {
        padding: 0 .5em;
    }

.app-bar-footer.app-bar-system {
    box-shadow: none !important;
}

.app-bar-footer.ui-bar-inherit {
    /*box-shadow: 3px 0 6px 0 rgba(0,0,0,.6);*/
    border-color: #ccc;
    /* box-shadow: 12px 0 6px 0 rgba(0,0,0,0.2);;*/
    box-shadow: 4px 0 6px 0 rgba(0,0,0,0.3);
    z-index: 998;
}

.app-calculated .app-field-separator {
    display: inline-block;
    width: 1px;
    background-color: transparent !important;
    margin-left: 5px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-right: -10px;
    position: relative;
    height: 20px !important;
}

.app-density-condensed .app-calculated .app-field-separator {
    height: 16px !important;
    /*height: 30px !important;*/
}

.app-calculated .app-static-text {
    display: none;
}

.app-grid-header .app-field-separator {
    display: inline-block;
    width: 1px;
    margin-left: 5px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-right: -10px;
    cursor: col-resize;
    position: relative;
    background-color: transparent !important;
}

    .app-grid-header .app-field-separator:after,
    .app-calculated .app-field-separator:after {
        content: ' ';
        display: inline-block;
        position: absolute;
        top: 0;
        left: 2px;
        width: 1px;
        bottom: 0;
        background-color: #ddd;
    }

.app-calculated .app-field-separator:after {
    top: 0;
    bottom: 0;
}

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

.app-echo .app-grid-header {
    border-bottom: solid 1px #ddd;
    margin-bottom: 0;
}

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


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

.app-bar-text-instruction-hidden .app-view-instruction,
.app-bar-text-instruction-hidden .app-group:not(.app-group-fixed) {
    display: none;
}

.app-bar-heading .app-bar-text-instruction-hidden .app-grid-header {
    border-top-width: 0 !important;
    margin-top: -4px !important;
}

.app-grid-header-no-description {
    margin-top: -15px !important;
}

.app-bar-heading .app-grid-header.app-grid-header-no-description {
    margin-top: -5px !important;
}

.app-density-condensed .app-grid-header-no-description {
    margin-top: -13px !important;
}

/* "tiny" font option */

body.app-font-tiny,
.app-font-tiny input,
.app-font-tiny select,
.app-font-tiny textarea,
.app-font-tiny button,
.app-font-tiny .ui-btn {
    font-family: -apple-system, Tahoma, sans-serif;
}

.app-font-tiny.app-android,
.app-font-tiny.app-android input,
.app-font-tiny.app-android select,
.app-font-tiny.app-android textarea,
.app-font-tiny.app-android button,
.app-font-tiny.app-android .ui-btn {
    font-family: Roboto, Tahoma, sans-serif;
}

.app-font-tiny .app-wrapper > *,
.app-font-tiny .app-wrapper label,
.app-font-tiny .app-listview.app-grid .dv-item .ui-btn,
.app-font-tiny .ui-btn:not(.ui-mini):not(.ui-btn-icon-notext),
.app-font-tiny .app-listview.ui-listview > li h1.app-field,
.app-font-tiny .app-listview.ui-listview > li h2.app-field,
.app-font-tiny .app-listview.ui-listview > li h3.app-field,
.app-font-tiny .app-listview.ui-listview > li h4.app-field,
.app-font-tiny .app-listview.ui-listview > li h5.app-field,
.app-font-tiny .app-listview.ui-listview > li h6.app-field,
.app-font-tiny .app-listview.ui-listview > li .ui-li-aside,
.app-font-tiny .ui-li-count,
.app-font-tiny .app-listview.ui-listview > li p,
.app-font-tiny .app-sidebar .app-wrap,
.app-font-tiny .ui-panel-inner .app-wrap,
.app-font-tiny .app-sidebar .ui-li-static,
.app-font-tiny .app-panel-info-view .ui-listview .ui-li-static,
.app-font-tiny .ui-panel .ui-listview .ui-li-static,
.app-font-tiny .ui-popup,
.app-font-tiny .ui-popup label,
.app-font-tiny .ui-slider-switch .ui-slider-label,
.app-font-tiny .app-echo-toolbar h3,
.app-font-tiny .app-bar-actions h3,
.app-font-tiny .app-echo-toolbar .app-echo-see-all,
.app-font-tiny .app-echo-inner .app-echo-empty,
.app-font-tiny .app-listview.app-grid .dv-item .ui-btn span,
.app-font-tiny .app-menu-strip,
.app-font-tiny .app-wrapper .app-page-content .ui-listview > li p,
/* grid headers */
.app-font-tiny .app-listview.app-grid .app-list-instruction .app-grid-header span:not(.app-icon),
.app-font-tiny .app-bar-heading .app-grid-header span:not(.app-icon),
/* sidebar */
.app-font-tiny .app-sidebar .ui-btn:not(.ui-mini):not(.ui-btn-icon-notext),
/* action bar buttons */
.app-font-tiny .app-echo .app-echo-toolbar > .app-echo-controls > .ui-mini,
.app-font-tiny .app-bar-actions > .app-bar-controls > .ui-mini,
.app-font-tiny .app-bar-header > .app-bar-strip > .ui-mini,
.app-font-tiny .app-bar-footer > .app-bar-strip > .ui-mini,
/* toolbar title */
.app-font-tiny .ui-header .ui-title span,
/* group heading bar */
.app-font-tiny .app-bar-heading .app-group,
/* tabs */
.app-font-tiny .app-tabs .ui-btn,
/* tabs */
.app-font-tiny .app-tooltip,
/* user name on the toolbar */
.app-font-tiny .app-back-text,
.app-font-tiny .app-view-description {
    font-size: 8.5pt !important;
}

/* allow to override the font size */
.app-font-tiny .app-data-input-popup {
    font-size: 8.5pt;
}

.app-tooltip.app-large {
    font-size: 14px !important;
}

/* "tiny font */

.app-font-tiny.app-density-condensed .app-grid-header .app-btn-check {
    margin-left: 16px !important;
}

/*.app-font-tiny .app-listview.app-grid .app-btn-check,
.app-font-tiny  .app-grid-header .app-btn-check {
    margin-right: 2px !important;
}*/

.app-font-tiny .app-listview .app-btn-check,
.app-font-tiny .app-bar-heading .app-grid-header .app-btn-check {
    width: 18px;
    height: 18px;
    min-height: 18px;
    min-width: 18px;
}

.app-font-tiny .app-action-column .app-action-column-button {
    padding: 3px 7px;
    margin-bottom: 7px;
    margin-right: 7px;
}


.app-drag-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #38c;
    transition: transform 0 linear;
    z-index: 1002; /* display under Promo button */
    transition: left 0 linear;
    cursor: ew-resize;
}

.app-drag-header-field {
    position: absolute;
    display: inline-block;
    transition: left 0 linear,top 0 linear;
    background-color: #38c;
    color: #fff;
    z-index: 9999; /* display above everything else */
    cursor: move;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-popup .ui-listview > li p .app-item-desc {
    font-size: .75em !important;
}

/* embedded echos */

.app-wrapper > .app-echo-embedded {
    margin-top: .5em !important;
    margin-bottom: 0 !important;
}

.app-echo-embedded {
    padding: 0;
    position: absolute;
    border-top-width: 0;
    /*border: solid 1px red;*/
}

.app-echo .app-list-instruction,
.app-echo .dv-item:not(.app-hidden),
.app-echo .app-echo-grid-hscrollbar,
.app-echo .app-grid .ui-last-child {
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

.app-echo-inner > .app-onecolumnview,
.app-echo-inner > .app-cardcolumn {
    border-top: solid 1px #ddd;
}

.app-echo-inner > .app-cardcolumn {
    margin-bottom: 0;
}

/************************/
/* Forms Layout Engine  */
/************************/
[data-layout] {
    padding: 0;
    position: relative;
    overflow: hidden;
    /*border-bottom: solid 1px #ddd;*/
    /*background-color: #fff;*/
}

[data-layout="form"] {
    background-color: #fff;
    margin-left: auto !important;
    margin-right: auto !important;
    border-bottom: solid 0 #ddd;
}

[data-layout] [data-container="simple"] {
    padding: 0;
    margin: 0;
}


[data-layout] .app-container-collapsed > [data-container="simple"] {
    display: none;
}

[data-layout] [data-container="row"] {
    padding: .25em 8px;
}

.app-density-compact [data-layout] [data-container="row"] {
    padding-left: 9px;
    padding-right: 9px;
}

.app-density-condensed [data-layout] [data-container="row"] {
    padding-left: 10px;
    padding-right: 10px;
}


[data-layout] [data-container="tab"] {
    /*margin-top: .5em;*/
    padding: 1em 16px;
    /*border: solid 1px #ddd;
    border-radius: .31em;*/
    /*border-bottom: solid #ddd 1px;*/
    display: none;
}

.app-tab-content:not(.app-tab-active) {
    display: none;
}

[data-layout] [data-container="tabset"] > [data-container="tab"].app-tab-active {
    display: block;
}

.app-control-footer {
    display: block !important;
    color: #808080;
    font-style: italic;
    visibility: visible !important;
    padding-left: .5em;
}

[data-container="row"] {
    border-top: solid 1px #ddd;
}

    [data-container="row"] [data-control="label"] {
        min-width: 34%;
        max-width: 34%;
        display: inline-block;
        vertical-align: top;
    }

    [data-container="row"][data-columns="2"] [data-control="label"] {
        min-width: 22%;
        max-width: 22%;
    }

    [data-container="row"][data-columns="3"] [data-control="label"] {
        min-width: 14%;
        max-width: 14%;
    }


[data-container="tab"] [data-container="collapsible"],
[data-layout] [data-container="column"] > [data-container="collapsible"] {
    border-width: 1px;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,.1);
}

    [data-layout] [data-container="column"] > [data-container="collapsible"][data-header-text="none"] {
        border-top-width: 0;
    }

[data-container="collapsible"] {
    display: block;
    padding: 0;
    margin: 0;
    border-width: 1px 0;
    border-color: #ddd;
    border-style: solid;
}

    [data-container="collapsible"] [data-container="toggle"] {
        padding: .75em 3em .75em 16px;
        display: block;
        background-color: #f1f1f1;
        line-height: 1em;
        position: relative;
        cursor: pointer;
        overflow: hidden;
    }


        [data-container="collapsible"] [data-container="toggle"].ui-btn-active {
            color: #000;
        }


        [data-container="collapsible"] [data-container="toggle"] .app-collapsible-toggle-text {
            text-transform: uppercase;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 80%;
            display: inline-block;
            overflow: hidden;
        }

.app-desktop [data-container="collapsible"] [data-container="toggle"]:hover:not(.ui-btn-active):after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


/*[data-container="collapsible"].app-container-collapsed > [data-container="toggle"] .app-icon-carat {
    transform: none;
}*/


[data-layout] [data-container="collapsible"] [data-container="toggle"] .app-collapsible-toggle-button {
    right: .5em;
}

[data-layout] [data-container="tab"] [data-container="collapsible"] [data-container="toggle"] .app-collapsible-toggle-button {
    right: .5em;
}

[data-container="collapsible"] [data-container="toggle"]:not(.ui-btn-active) .app-collapsible-toggle-button {
    color: #808080;
}

[data-container="collapsible"][data-header-text="none"] {
    border-top-width: 0;
}

[data-container] [data-control="description"] {
    color: #808080 !important;
    font-size: 11px;
}

[data-container="row"] [data-control="description"] {
    padding: .75em 0 0 0;
}

.app-density-comfortable [data-container] [data-control="description"] {
    font-size: 12px;
}

.app-display-tablet /*[data-container="collapsible"]:not([data-wrap="true"]) */ [data-container="row"] [data-control="label"] {
    text-align: right;
}

.app-display-tablet [data-container] [data-control="description"] {
    max-width: 992px;
}


[data-container="column"] {
    display: inline-block;
    padding: 0;
    margin: 0 -2px 1px -1px;
    max-width: 992px;
    vertical-align: top;
}

    [data-container="column"][data-centered="true"] {
        margin-left: auto;
        margin-right: auto;
    }

    [data-container="column"] [data-container="collapsible"] {
        margin: 1em 0 1em 1em;
    }

    [data-container="column"]:last-of-type [data-container="collapsible"] {
        margin-right: 1em;
    }

[data-container="collapsible"] + [data-container="collapsible"] {
    margin-top: 1em;
}

[data-container="row"] [data-control="field"] {
    display: inline-block;
    min-width: 60%;
    max-width: 60%;
    vertical-align: top;
}

[data-container="row"][data-columns="2"] [data-control="field"] {
    min-width: 22%;
    max-width: 22%;
}

[data-container="row"][data-columns="3"] [data-control="field"] {
    min-width: 14%;
    max-width: 14%;
}

[data-wrap="true"] [data-container="row"] [data-control="label"],
[data-wrap="true"] [data-container="row"] [data-control="field"] {
    min-width: 100%;
    max-width: 100%;
    display: block;
    padding-right: 0;
    text-align: left;
}

[data-wrap="true"] [data-container="row"] .app-field-group {
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: left;
    vertical-align: top;
}

[data-wrap="true"] [data-container="row"][data-columns="2"] .app-field-group,
[data-wrap="true"] [data-container="row"][data-columns="2"] .app-field-group {
    min-width: 49%;
    max-width: 49%;
}

[data-wrap="true"] [data-container="row"][data-columns="3"] .app-field-group,
[data-wrap="true"] [data-container="row"][data-columns="3"] .app-field-group {
    min-width: 33%;
    max-width: 33%;
}

[data-wrap="true"] [data-container="row"][data-columns="4"] .app-field-group,
[data-wrap="true"] [data-container="row"][data-columns="4"] .app-field-group {
    min-width: 24%;
    max-width: 24%;
}


[data-control] {
    position: relative;
}

[data-control="field"] {
    color: #808080;
}

[data-control="label"] {
    cursor: default;
}

[data-container="row"] [data-control] .app-control-inner {
    padding: 3px 0.5em;
    display: inline-block;
    /*BP-716 Issue Changes*/
    color: #545454;
    background-color: #ffffff;
    font-size: 9.0pt;
    font-weight: normal;
}

[data-container="row"] [data-control="text"] .app-control-inner {
    color: #808080;
    padding-left: 0;
    padding-right: 0;
}
/*.app-font-tiny [data-container="row"] [data-control] .app-control-inner {
    padding-top: 3px;
    padding-bottom: 3px;
}*/
[data-state="write"] [data-control="field"] {
    color: #000;
}

[data-state="write"] [data-control].app-null,
[data-state="write"] [data-control].app-has-helper,
[data-state="write"] [data-control] .app-data-input-placeholder {
    color: #808080;
    text-transform: none;
    font-style: italic;
}


[data-state="write"] [data-control="label"],
[data-state="write"] [data-input="none"] {
    color: #808080;
}

    [data-state="write"] [data-control="label"][data-required="true"] .app-control-inner::after {
        content: ' *';
    }

.app-display-tablet [data-state="write"] [data-container="collapsible"]:not([data-wrap="true"]) [data-container="row"] [data-control="label"][data-required="true"] .app-control-inner::before {
    content: '* ';
}

.app-display-tablet [data-state="write"] [data-container="collapsible"]:not([data-wrap="true"]) [data-container="row"] [data-control="label"][data-required="true"] .app-control-inner::after {
    content: '';
}


/*[data-state="write"] [data-required="true"]:not([data-control="label"]):not([data-control="dataview"]):not([data-input="none"])::before {
    content: ' ';
    display: inline-block;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: red;
    position: absolute;
}*/

[data-control] .app-has-image {
    border: 1px solid #c0c0c0;
    border-width: 1px !important;
    background-color: #fff;
    display: inline-block;
}

    [data-control] .app-has-image img {
        width: 80px;
        height: 80px;
    }

[data-control] .app-link-blob {
    text-decoration: none;
    text-transform: uppercase;
}

    [data-control] .app-link-blob .glyphicon {
        margin-right: 4px;
        top: 2px;
    }


[data-input="blob"] .app-control-inner {
    min-width: 100%;
    max-width: 100%;
}


[data-control="dataview"] {
    display: block;
    width: auto;
    min-height: 0;
}

[data-container="row"] [data-control="dataview"] {
    margin: .25em .5em .5em .5em;
}

.app-desktop [data-container="row"] [data-control="dataview"] {
    margin-right: 1em;
}

/*[data-container="row"] [data-control="dataview"] {
    padding-top: 1em;
    padding-bottom: 0;
}*/

.app-echo-embedded {
    padding-top: 0;
    padding-bottom: .25em;
}


[data-container="panel"] {
    padding: 1em;
}

[data-designer] [data-container] [data-control="label"] {
    font-weight: 600;
    text-align: right;
}


[data-control="label"] {
    padding: 0 1em 0 0;
}

[data-control="action"] {
    white-space: nowrap;
    display: inline-block;
    text-transform: uppercase;
}

    [data-control="action"] .app-action-column {
        position: static;
        left: auto;
        top: auto;
    }

        [data-control="action"] .app-action-column .app-action-column-button {
            cursor: pointer;
            margin: 0;
            white-space: normal;
        }

            [data-control="action"] .app-action-column .app-action-column-button .glyphicon {
                margin-left: -.5em;
                margin-right: .25em;
            }

body:not(.app-desktop) [data-control="action"] .app-action-column .app-action-column-button.ui-btn-active {
    color: #fff;
    background-color: #38c;
}


[data-control="action"].app-disabled .app-action-column .app-action-column-button,
.app-desktop [data-control="action"].app-disabled .app-action-column .app-action-column-button:hover {
    color: #808080;
    border-color: #808080;
    background-color: #fff !important;
    cursor: default;
}


[data-designer] [data-container],
[data-designer] [data-container] [data-control] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    line-height: normal;
    padding: 0;
}

    [data-designer] [data-container] [data-control] {
        height: 2em;
        display: inline-block;
    }

        [data-designer] [data-container] [data-control] .app-control-inner {
            padding: 0.25em 0.5em;
            display: inline-block;
        }

/***************/
/* tooltip     */
/***************/

.app-tooltip {
    font-size: 12px;
    background-color: #282828;
    color: #fff;
    padding: 10px 12px;
    position: absolute;
    z-index: 9999;
    max-width: 400px;
    display: inline-block;
    border-radius: 3px;
    box-shadow: 0 0 5px #808080;
    cursor: default;
}

    .app-tooltip table {
        border-spacing: 0;
    }

        .app-tooltip table tr td {
            vertical-align: top;
        }

    .app-tooltip b {
        color: #38c /* #337ab7 #2aabd2  #5cb85c */;
    }

    .app-tooltip table tr td:nth-child(1) {
        color: #aaa;
        padding-right: 8px;
    }
/*******************/
/* Universal Input */
/*******************/

::-ms-clear {
    display: none;
}

.app-data-input-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 .5em;
    background-color: transparent;
    cursor: default;
    white-space: nowrap;
}


    .app-data-input-container .app-data-input {
        width: 100%;
        /*height: 100%;*/
        border-width: 0;
        margin: 0;
        padding: 3px 0;
        background-color: transparent;
        resize: none;
    }

        .app-data-input-container .app-data-input:focus {
            outline: 0;
        }

    .app-data-input-container .app-data-input-placeholder {
        position: absolute;
        left: 0;
        top: 3px;
        background-color: transparent;
        padding: 0 .5em;
        margin: 0;
        text-overflow: ellipsis;
        user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

.app-data-input {
    -webkit-user-select: text;
    user-select: text;
    -ms-user-select: text;
}

/*.app-data-input-container.app-has-textarea .app-data-input-placeholder {
        top: 3px;
    }*/


[data-container="panel"] [data-input="text"]:after,
[data-container="panel"] [data-input="lookup"]:after {
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    background-color: #c0c0c0;
    content: ' ';
}

[data-container="row"] [data-input="text"]:after,
[data-container="row"] [data-input="lookup"]:after {
    display: none;
}

/* checkbox input */

[data-input="checkbox"] .app-checkbox-container {
    border: solid 1px #c0c0c0;
    max-width: 34px;
    width: 100%;
    height: 20px;
    border-radius: 24px;
    cursor: pointer;
    display: inline-block;
    position: relative !important;
    /*top: 50%;*/
    /*margin-top: -11px;*/
    vertical-align: middle;
    margin-right: -6px;
}

[data-control].app-has-checkbox .app-control-inner .app-icon {
    margin-left: -3px;
}

.app-control-inner.app-has-material-icon .app-data-input-container + .app-control-footer {
    padding-top: 8px;
}

.app-checkbox-container:focus {
    outline: none;
}

[data-container="row"] [data-input="checkbox"] .app-checkbox-container {
    margin-left: 0;
    margin-right: 0;
}

[data-input="checkbox"] .app-checkbox-button {
    width: 16px;
    height: 16px;
    border: solid 1px #c0c0c0;
    background-color: #fff;
    border-radius: 16px;
    display: inline-block;
    margin: 1px;
    position: absolute;
    box-shadow: 1px 1px 1px #ddd !important;
}

[data-input] .glyphicon {
    cursor: default;
    display: inline-block;
}

/*.app-density-condensed [data-input] .glyphicon {
    font-size: 14px !important;
}

.app-font-tiny .app-listview.app-grid .dv-item .app-field-type-bool > .glyphicon {
    font-size: 13px !important;
}*/



/*[data-input="checkbox"] .app-checkbox-container.app-checkbox-on {
    background-color: #38c;
    border-color: #38c;
}*/

[data-input="checkbox"] .app-checkbox-container.app-checkbox-on .app-checkbox-button {
    border-color: #fff;
    box-shadow: none !important;
    right: 0;
}

[data-input="checkbox"] .app-checkbox-container.app-animation .app-checkbox-button {
    transition: transform 200ms ease-in-out;
}

[data-input="checkbox"] .app-checkbox-container.app-checkbox-on.app-animate-on .app-checkbox-button {
    transform: translate3d(14px,0,0);
    right: auto;
}

[data-input="checkbox"] .app-checkbox-container.app-checkbox-on.app-animate-off .app-checkbox-button {
    transform: translate3d(-14px,0,0);
}

[data-checkbox-style="circle"] .app-checkbox-container,
[data-checkbox-style="square"] .app-checkbox-container {
    width: 20px;
    height: 20px;
    border-radius: 22px;
    background-color: #fff;
}

[data-checkbox-style="square"] .app-checkbox-container {
    border-radius: 3px;
}

[data-checkbox-style="circle"] .app-checkbox-button,
[data-checkbox-style="square"] .app-checkbox-button {
    margin: 0;
    border-width: 0;
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    box-shadow: none !important;
    overflow: hidden;
}

[data-checkbox-style="circle"] .app-checkbox-container.app-checkbox-on .app-checkbox-button,
[data-checkbox-style="square"] .app-checkbox-container.app-checkbox-on .app-checkbox-button {
    background-color: #38c;
}

.ui-btn.ui-btn-icon-notext:not(.ui-btn-active):not(.app-btn-promo),
.ui-btn.ui-btn-icon-notext:not(.ui-btn-active)::after {
    box-shadow: none !important;
}

.ui-popup {
    border-radius: 0;
}

.app-popup-panel,
.app-popup-panel .ui-btn:not(.ui-mini):not(.ui-btn-icon-notext),
.app-popup-panel .app-listview.ui-listview > li h1.app-field,
.app-popup-panel .app-listview.ui-listview > li h2.app-field,
.app-popup-panel .app-listview.ui-listview > li h3.app-field,
.app-popup-panel .app-listview.ui-listview > li h4.app-field,
.app-popup-panel .app-listview.ui-listview > li h5.app-field,
.app-popup-panel .app-listview.ui-listview > li h6.app-field,
.app-popup-panel .app-listview.ui-listview > li .ui-li-aside,
.app-popup-panel .ui-li-count,
.app-popup-panel .app-listview.ui-listview > li p,
.app-popup-panel .ui-panel-inner .app-wrap,
.app-popup-panel .ui-panel .ui-listview .ui-li-static,
.app-popup-panel .ui-popup,
.app-popup-panel .ui-popup label {
    font-size: 16px !important;
}

.ui-panel-inner .ui-li-divider:not(.app-list-instruction) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 1px;
    background-color: #ddd;
}

.ui-panel-inner .ui-li-divider.ui-first-child.ui-last-child {
    height: 0;
}

.app-popup-listview .ui-panel-inner .ui-li-divider:not(.app-list-instruction):not(.ui-first-child):not(.app-copy) {
    height: 1px;
}

.app-list-container {
    transition: transform 350ms ease-out;
    margin: -1em;
}

.app-list-container-reverse {
    transition: transform 200ms ease-out;
}

.app-multi-list {
    vertical-align: top;
    white-space: nowrap;
}

    .app-multi-list .ui-listview {
        display: inline-block;
        vertical-align: top;
    }

.app-icon-carat-right {
    transform: rotate(-90deg);
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 1em;
}

.app-icon-carat-left {
    transform: rotate(90deg);
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 1em;
}


.app-icon-carat-up {
    transform: rotate(-180deg);
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 1em;
}

.app-icon-carat-down {
    transform: none;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 1em;
}


.ui-li-has-count .app-has-icon-carat {
    padding-right: 6em !important;
}

.app-has-icon-carat .ui-li-count,
.app-has-transition-icon .ui-li-count {
    right: 36px;
}

/*.app-menu-strip .ui-btn.app-selected:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    background-color: #38c;
    left: 0;
    bottom: 0;
    right: 0;
    height: 3px;
}*/

.ui-popup-container.fade {
    transition: none;
}

.app-data-input-button {
    width: 22px;
    height: 22px;
    line-height: normal;
    position: absolute;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    /*margin-top: -11px;
    top: 50%;*/
    top: 4px;
    z-index: 1;
}

.app-density-compact .app-data-input-button {
    top: 1px;
}

.app-density-condensed .app-data-input-button {
    top: 0;
}

.app-density-condensed.app-font-tiny .app-data-input-button {
    top: -1px;
}



/*[data-input] .app-data-input-button .glyphicon {
    cursor: pointer;
    color: #555;
}*/

.app-caret {
    margin-left: -12px;
    margin-top: -12px;
    top: 50%;
    left: 50%;
    border: none !important;
    width: 22px !important;
    height: 22px !important;
    color: #000;
}

    .app-caret::before {
        content: 'arrow_drop_down';
    }

.app-caret-r .app-caret::before {
    /*content: 'chevron_right';*/
    transform: rotate(-90deg)
}

.app-caret-u .app-caret::before {
    content: 'arrow_drop_up';
}

.app-desktop .app-data-input-button:hover:not(.ui-btn-active) .app-caret,
.app-desktop .app-data-input-button:hover:not(.ui-btn-active) .app-caret2,
.app-desktop .app-data-input-button.app-caret-r:hover:not(.ui-btn-active) .app-caret,
.app-desktop .app-data-input-button.app-caret-u:hover:not(.ui-btn-active) .app-caret {
    color: #777;
}

.app-data-input-button.ui-btn-active .app-caret,
.app-data-input-button.app-caret-r.ui-btn-active .app-caret,
.app-data-input-button.app-caret-u.ui-btn-active .app-caret {
    color: #333;
}


.app-data-input-popup {
    position: absolute;
    z-index: 1100;
    overflow-x: hidden;
    overflow-y: auto;
    touch-action: pan-y;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    border: solid 1px #ccc;
    border-top-width: 1px !important;
    font-size: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,.5);
}

    .app-data-input-popup::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
        width: 0;
    }

    .app-data-input-popup ul {
        margin: 0;
        padding: 0;
    }

        .app-data-input-popup ul li {
            padding: .5em .75em;
            list-style: none;
            margin: 0;
            white-space: nowrap;
            cursor: default;
            line-height: normal;
        }

            .app-data-input-popup ul li .app-muted {
                margin-left: .25em;
            }

                .app-data-input-popup ul li .app-muted:before {
                    content: "(";
                }

                .app-data-input-popup ul li .app-muted:after {
                    content: ")";
                }

            .app-data-input-popup ul li:not(.app-selected) .app-muted {
                color: #777;
            }

        /*.app-density-condensed .app-data-input-popup ul li {
    padding: .4em .75em;
}*/


        .app-data-input-popup /*.app-wrap*/ ul li {
            white-space: normal;
            position: relative;
        }

            .app-data-input-popup ul li.app-instruction {
                font-style: italic;
                color: #808080;
            }

                .app-data-input-popup ul li.app-instruction.app-separator {
                    height: 1px;
                    background-color: #ccc;
                    margin-top: 2px;
                    margin-bottom: 2px;
                    padding: 0;
                }

            .app-data-input-popup ul li[data-command] {
                font-weight: 600;
                padding-right: 3em;
            }

            .app-data-input-popup ul li[data-command="None"] {
                font-weight: normal;
            }

            /*.app-data-input-popup ul li.app-selected {
        position: relative;
    }*/

            .app-data-input-popup ul li[data-command] .app-icon {
                right: 22px;
                top: auto !important;
            }

            /*.app-data-input-popup .app-selected .app-caret-r .app-caret {
    color: #fff;
}*/

            .app-data-input-popup ul li b {
                background-color: #000;
                color: #fff;
                /*border-radius: 3px;*/
                /*padding-left: 2px;
        padding-right: 2px;*/
                font-weight: normal;
            }

            .app-data-input-popup ul li i:before {
                content: ' (';
            }

            .app-data-input-popup ul li i:after {
                content: ')';
            }


/*.app-data-input-popup ul li span.app-text-bold {
            font-weight: bold;
        }

li:not(.app-selected) .app-text-normal {
    color: #666;
}*/

/*li:not(.app-selected) .app-text-normal {
    color: #3399FF;
}*/

.app-density-compact .app-data-input-popup {
    font-size: 14px;
}

.app-density-condensed .app-data-input-popup {
    font-size: 12px;
}

.app-page-header-divider + [data-layout],
.app-list-instruction + [data-layout],
.app-page-header-divider + .app-page-header-placeholder + [data-layout],
.app-list-instruction + .app-page-header-placeholder + [data-layout] {
    margin-top: -1px !important;
}

.app-control-inner.app-text-multiline {
    white-space: pre-line;
    max-width: 768px;
}

.app-data-input-container textarea.app-data-input {
    max-width: 768px;
    height: 100%;
    box-sizing: border-box;
    white-space: pre-wrap;
    text-rendering: optimizeLegibility;
}

.app-data-input-container div.app-data-input {
    max-width: 768px;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;
    -webkit-line-break: after-white-space;
    -webkit-user-modify: read-write;
    white-space: normal;
    box-sizing: border-box;
    font-style: normal !important;
    font-weight: normal !important;
    color: #000 !important;
}

app-onecolumnview .app-field-data-rtf {
    display: block !important;
}

.app-field-data-rtf {
    white-space: pre-line !important;
}

    .app-field-data-rtf p,
    .app-text-multiline p {
        margin: 1em 0 0 0 !important;
        display: block !important;
    }

        .app-field-data-rtf h1:first-child,
        .app-field-data-rtf h2:first-child,
        .app-field-data-rtf h3:first-child,
        .app-field-data-rtf h4:first-child,
        .app-field-data-rtf h5:first-child,
        .app-field-data-rtf h6:first-child,
        .app-field-data-rtf p:first-child,
        .app-text-multiline p:first-child {
            margin-top: 0 !important;
        }

.app-has-rtf {
    overflow-y: auto;
    overflow-x: hidden;
}

[data-input="listbox"] .app-control-inner,
[data-input="radiobuttonlist"] .app-control-inner,
[data-input="checkboxlist"] .app-control-inner {
    max-width: 100%;
    box-sizing: border-box;
}

/*[data-input="listbox"] .app-control-inner {
    margin-left: -.6em;
}*/

/*.app-density-compact [data-input="listbox"] .app-control-inner {
    margin-left: -.7em;
}

.app-density-condensed [data-input="listbox"] .app-control-inner {
    margin-left: -.65em;
}*/



.app-data-list-outer {
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

.app-data-list {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 4px 1px;
    margin: 0;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    width: 100%;
}

    .app-data-list:focus {
        outline: none;
    }

    .app-data-list li.app-focus {
        outline: dotted 1px #000;
    }

    .app-data-list ul.app-hidden {
        opacity: 0;
        /*transition: opacity 200ms;*/
    }

        .app-data-list ul.app-hidden li {
            cursor: default;
        }

    .app-data-list li .app-muted {
        margin-left: .25em;
        color: #777;
    }

        .app-data-list li .app-muted:before {
            content: '(';
        }

        .app-data-list li .app-muted:after {
            content: ')';
        }

    /*.app-data-list li.app-null {
        color:#777;
    }*/

    .app-data-list::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
        height: 0;
    }

    .app-data-list ul {
        display: inline-block;
        vertical-align: top;
        margin: 0 1em 0 0;
        padding: 0;
    }

    .app-data-list li {
        list-style-type: none;
        list-style-image: none;
        list-style-position: outside;
        margin: .25em 0;
        padding: .25em .5em;
        border: solid 2px transparent;
        border-radius: 3px;
        max-width: 480px;
        white-space: normal;
        cursor: pointer;
    }

.app-font-tiny .app-data-list li {
    padding: .4em .5em;
}

.app-desktop .app-data-list li:not(.app-selected):hover {
    border-color: #777;
}

[data-input] .app-data-list li.app-selected {
    border-color: #38c;
    background-color: transparent !important;
}

/* radio button list checkbox style 
[data-input="radiobuttonlist"] .app-data-list li {
    margin-left: 20px;
    position: relative;
    border-width: 0;
    height: 18px;
    line-height: 18px;
}

    [data-input="radiobuttonlist"] .app-data-list li::after {
        position: absolute;
        height: 18px;
        width: 18px;
        content: '';
        border: solid 2px rgba(0,0,0,.3);
        border-radius: 12px;
        left: -18px;
        transition: background-color 250ms linear;
    }
    [data-input="radiobuttonlist"] .app-data-list li.app-selected::after {
        background-color: #38c;
    }


    [data-input="radiobuttonlist"] .app-data-list li::before {
        position: absolute;
        content: '';
        z-index: 10;
        border: none;
        height: 14px;
        width: 14px;
        top: 7px;
        left: -14px;
        background-size: 14px;
        background-repeat: no-repeat;
        transform: scale(0);
        transition: transform 100ms linear;
        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%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
    }

    [data-input="radiobuttonlist"] .app-data-list li.app-selected::before {
        transform: scale(1);
    }/**/


/* radio button traditional */
[data-input="radiobuttonlist"] .app-data-list li {
    padding-left: 26px;
    position: relative;
    border-width: 0;
}

    [data-input="radiobuttonlist"] .app-data-list li::after {
        position: absolute;
        height: 18px;
        width: 18px;
        top: 50%;
        left: 1px;
        margin-top: -11px;
        content: ' ';
        border: solid 2px rgba(0,0,0,.3);
        border-radius: 12px;
        transition: background-color 250ms linear, border-color 250ms linear;
    }

    [data-input="radiobuttonlist"] .app-data-list li::before {
        position: absolute;
        border: solid 7px #38c;
        content: ' ';
        border-radius: 100%;
        display: inline-block;
        top: 50%;
        margin-top: -7px;
        left: 5px;
        transition: transform 100ms linear;
        transform: scale(0);
    }

    [data-input="radiobuttonlist"] .app-data-list li.app-selected::before {
        transform: scale(1);
    }

[data-input="checkboxlist"] .app-data-list li {
    padding-left: 26px;
    position: relative;
    border-width: 0;
}

    [data-input="checkboxlist"] .app-data-list li::after {
        position: absolute;
        height: 18px;
        width: 18px;
        content: '';
        border: solid 2px rgba(0,0,0,.3);
        border-radius: 5px;
        left: 1px;
        transition: background-color 250ms linear;
        top: 50%;
        margin-top: -11px;
    }


    [data-input="checkboxlist"] .app-data-list li::before {
        position: absolute;
        content: 'check';
        color: #fff;
        z-index: 10;
        border: none;
        height: 24px;
        width: 24px;
        top: 50%;
        margin-top: -12px;
        left: 0;
        transform: scale(0);
        transition: transform 100ms linear;
        font-size: 20px;
        margin-left: 2px;
    }

    [data-input="checkboxlist"] .app-data-list li.app-selected::before {
        transform: scale(1);
    }



.app-hscrollbar2 {
    display: block;
    padding: 0;
    margin: 0;
    z-index: 3;
    background-color: transparent;
    opacity: 0;
    height: 4px;
    transition: opacity 750ms ease;
    overflow: hidden;
    /*border-left: solid 1px transparent;*/
    cursor: default;
    position: relative;
    margin-top: -4px;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

    .app-hscrollbar2 .app-hscrollbar-handle {
        display: block;
        position: absolute;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
        height: 4px;
        width: 1px;
        transition: left 0 linear;
    }

.app-desktop .app-hscrollbar2 {
    transition: none;
    height: 6px;
    margin-top: -6px;
}

    .app-desktop .app-hscrollbar2 .app-hscrollbar-handle {
        height: 6px;
    }

    .app-desktop .app-hscrollbar2.app-scrollbar-wide,
    .app-desktop .app-scrollbar-wide .app-hscrollbar2 {
        height: 9px;
    }

        .app-desktop .app-hscrollbar2.app-scrollbar-wide .app-hscrollbar-handle,
        .app-desktop .app-scrollbar-wide .app-hscrollbar2 .app-hscrollbar-handle {
            height: 9px;
        }

.app-desktop .app-data-list-outer + .app-hscrollbar2,
.app-desktop .app-data-list + .app-hscrollbar2,
.app-desktop .app-hscrollbar2 {
    opacity: 1;
}

.app-hscrollbar2.app-scrollbar-dragging,
.app-vhscrollbar.app-scrollbar-dragging {
    opacity: 1;
}

.app-inner-shadow-left-right {
    border-right: solid 1px #ccc;
}

.app-inner-shadow-right {
    border-right: solid 1px #ccc;
}

.app-inner-shadow-left {
    border-right: solid 1px transparent;
}

.app-scrollbar-reveal {
    opacity: 1;
}

[data-input] .app-data-list li[data-index="new"],
[data-input] .app-data-list li[data-index="more"] {
    font-style: italic;
    text-transform: lowercase;
    color: #808080;
}

    [data-input] .app-data-list li[data-index="new"]::before,
    [data-input] .app-data-list li[data-index="new"]::after,
    [data-input] .app-data-list li[data-index="more"]::before,
    [data-input] .app-data-list li[data-index="more"]::after {
        opacity: .25;
    }


[data-input] .app-collapsed .app-data-list,
[data-input] .app-collapsed .app-hscrollbar2 {
    display: none !important;
}

[data-input] .app-collapsible .app-list-value,
[data-input] .app-collapsible i {
    display: none;
}

[data-input] .app-collapsed {
    cursor: pointer;
}

    [data-input] .app-collapsed .app-list-value,
    [data-input] .app-collapsed i {
        display: inline-block;
    }

    [data-input] .app-collapsed i {
        margin-left: 4px;
    }

/* collapsible value will cuase the hidden list to collapse */
[data-input] .app-has-list-value .app-hidden {
    display: none !important;
}

.app-caret-u-d .app-caret:first-of-type::before {
    /*margin-top: 1px;*/
    margin-top: -9px !important;
}

.app-caret-u-d .app-caret:last-of-type::before {
    content: 'arrow_drop_up';
    margin-top: -15px !important;
}

[data-input].app-has-helper:not(.app-null) {
    margin-bottom: -.5em;
}

    [data-input].app-has-helper:not(.app-null) .app-control-inner {
        margin-bottom: .5em;
    }

[data-input].app-has-helper .app-control-helper {
    padding: .25em .5em 0 .5em;
    font-style: normal;
    color: #000;
    outline: none;
    display: inline;
}

    [data-input].app-has-helper .app-control-helper ul {
        display: inline;
    }

[data-input].app-has-helper.app-null .app-control-helper {
    display: none;
}

[data-input].app-has-helper .app-data-input-button {
    top: auto;
    margin-top: 4px;
}

.app-density-compact [data-input].app-has-helper .app-data-input-button {
    margin-top: 2px;
}

.app-density-condensed [data-input].app-has-helper .app-data-input-button {
    margin-top: 0;
}

[data-input].app-has-helper .app-data-input-container {
    top: auto;
}

[data-input] .app-control-helper ul {
    margin: 0 0 -.25em 0;
    padding: 0;
}

    [data-input] .app-control-helper ul li {
        list-style: none;
        list-style-position: inside;
        display: inline-block;
        margin: 0 0 .5em .5em;
        border: solid 1px #ddd;
        padding: .25em 15px .25em 12px;
        border-radius: .31em;
        cursor: pointer;
        position: relative;
    }

        [data-input] .app-control-helper ul li:first-child {
            margin-left: 0;
        }

        [data-input] .app-control-helper ul li.app-focus::after {
            left: auto;
            content: 'arrow_drop_down';
            right: -1px;
        }



        [data-input] .app-control-helper ul li .app-muted {
            margin-left: .25em;
        }

            [data-input] .app-control-helper ul li .app-muted:before {
                content: "(";
            }

            [data-input] .app-control-helper ul li .app-muted:after {
                content: ")";
            }

        [data-input] .app-control-helper ul li:not(.app-focus) .app-muted {
            color: #777;
        }



.app-density-compact [data-input] .app-control-helper ul li {
    padding: 4px 1em 4px 11px;
}


[data-input] .app-control-helper ul li.ui-btn-active,
[data-input].app-has-focus .app-control-helper ul li.app-focus {
    border-color: #38c;
    background-color: #38c;
    color: #fff;
}


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

.app-listview .ui-btn.ui-btn-active:not(.app-selected):not(.app-checked) .app-btn-check {
    visibility: hidden;
}

.app-bar-footer-no-scrolling {
    box-shadow: none !important;
}

.app-bar-buttons-md {
    text-align: center;
}

[data-layout="form"] + .app-echo {
    border-top-width: 0;
}

/*.app-control-inner .app-summary-btn {
    border-style: none;
    display: inline-block;
    background-color: transparent !important;
    position: absolute;
    margin-left: 16px;
    width: 30px;
    height: 16px;
    padding: 0;
    margin: 0;
}*/

.app-control-inner .app-field-object-ref,
.app-collapsible-toggle-button {
    padding: 0;
    margin: 0;
    width: 24px;
    content: ' ';
    cursor: pointer;
    position: relative;
    display: inline;
    line-height: normal;
    z-index: 1;
}

    .app-control-inner .app-field-object-ref::before {
        width: 24px;
        text-indent: 0 !important;
    }

    .app-control-inner .app-field-object-ref.ui-btn-active::before {
        color: #000;
    }

.app-desktop .app-control-inner .app-field-object-ref:not(.ui-btn-active):hover {
    color: #222;
}

.ui-page > .ui-content {
    /*transition: transform 450ms ease-in-out;*/
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
}

.app-toolbar-stub {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: transparent;
}

[data-container="wizard"] {
    padding: 0;
    margin: 0;
    display: none;
}

    [data-container="wizard"].app-wizard-active {
        display: block;
    }

/*.dv-action-see-all .app-btn-next::after,
.dv-action-see-all .app-btn-prev::before,
[data-action-path='wizard-prev']::before,
[data-action-path='wizard-next']::after,
.app-collapsible-toggle-button::before,
.app-field-object-ref::before {
    content: "navigate_next";
    display: inline-block;
    position: relative;
    display: inline-block;
    margin: -12px -4px;
}*/

.ui-input-search input {
    padding-left: 2.5em;
}

.ui-input-search::after {
    background: none;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    left: 2px;
}

.ui-btn-icon-notext::after {
    margin-left: -12px;
    margin-top: -12px;
    text-indent: 0;
}

.ui-btn.ui-btn-icon-left::after,
.ui-btn.ui-btn-icon-right::after,
.ui-btn.ui-btn-icon-notext:not(.app-btn-promo),
.ui-btn.ui-btn-icon-notext:not(.app-btn-promo):after {
    background: none !important;
    border-color: transparent !important;
}

.ui-btn.app-btn-float::after {
    background-image: none !important;
    color: #fff !important;
}

/*.app-btn-context:after,
.app-btn-more::after,
.app-bar-toolbar .app-btn-context.ui-icon-dots::after,
.app-map-info-toolbar .ui-btn.ui-icon-dots::after,
.app-bar-buttons .ui-btn.app-btn-more::after {
    content: 'more_horiz';
    font-size: 24px;
}*/

.app-grid .app-btn-more::after {
    width: 22px;
    margin-left: 0;
    left: 0;
}

.app-bar-buttons .ui-btn.app-btn-more::after {
    margin-left: -6px;
}

.app-bar-toolbar .ui-btn.ui-icon-back::after,
.app-bar-toolbar .app-btn-search-cancel.ui-btn-icon-notext::after {
    content: 'arrow_back';
}

.app-bar-toolbar .app-btn-search-more.ui-btn-icon-notext::after,
.app-bar-toolbar .app-btn-context.ui-icon-carat-d::after {
    content: 'expand_more';
}

.app-bar-toolbar .app-btn-context.ui-icon-carat-u::after {
    content: 'expand_less';
}


/*.app-bar-toolbar .ui-btn.ui-icon-refresh::after {
    content: "\e031";
    line-height: 22px;
    font-size: 18px !important;
    font-weight: normal;
}
*/
/* spin animation */

.app-animation-spin::after {
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 24px;
    height: 24px;
    margin-left: -12px !important;
}

.ui-btn-icon-left.app-animation-spin::after {
    left: 18px;
}



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

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

.app-btn-more::after {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px;
    text-align: center;
    left: 50%;
}

.app-grid.app-listview-inlineediting .app-btn-more {
    left: 6px;
}

.app-grid-header .app-btn-more,
.app-bar-heading .app-btn-more {
    visibility: hidden;
}

.ui-btn-icon-right.ui-icon-carat-r:not(.ui-btn-active)::after {
    color: #acacac !important;
}

.app-feedback:not(.ui-btn-active) .app-collapsible-toggle-button::before,
.app-summary-btn.ui-icon-info:not(.ui-btn-active):after,
.app-desktop .app-summary-btn.ui-icon-info:not(.ui-btn-active):hover:after,
.ui-listview .ui-btn:not(.ui-btn-active) .glyphicon-menu-right:before,
.ui-listview .ui-btn:not(.ui-btn-active) .glyphicon-menu-left:before,
.app-desktop .ui-listview .ui-btn:not(.ui-btn-active):hover .glyphicon-menu-right:before,
.app-desktop .ui-listview .ui-btn:not(.ui-btn-active):hover .glyphicon-menu-left:before {
    color: #acacac;
}


.app-echo-toolbar h3.ui-btn-active::after {
    border-top-color: #38c;
}

.app-echo-toolbar .app-btn-more.ui-icon-dots::after {
    margin-left: -11px;
}

.app-page-menu .ui-btn,
.app-site-map .ui-btn {
    font-weight: normal;
}

    .app-page-menu .ui-btn.ui-icon-carat-r::after,
    .app-site-map .ui-btn.ui-icon-carat-r::after {
        background: none !important;
    }

    .app-page-menu .ui-btn.ui-icon-carat-r::after,
    .app-site-map .ui-btn.ui-icon-carat-r::after,
    .app-desktop .app-page-menu .ui-btn.ui-icon-carat-r:hover:not(.ui-btn-active)::after,
    .app-desktop .app-site-map .ui-btn.ui-icon-carat-r:hover:not(.ui-btn-active)::after {
        content: 'chevron_right';
        line-height: 24px;
        font-size: 24px;
        font-weight: normal;
        color: #808080;
    }

    .app-page-menu .ui-btn.ui-btn-active,
    .app-site-map .ui-btn.ui-btn-active {
        color: #333;
    }

        .app-page-menu .ui-btn.ui-btn-active.ui-icon-carat-r::after,
        .app-site-map .ui-btn.ui-btn-active.ui-icon-carat-r::after {
            color: #acacac;
        }

.app-calendar-plugin-header .ui-btn.ui-icon-carat-r::after,
.app-bar-calendar .ui-btn.ui-icon-carat-r::after {
    content: 'chevron_right';
}

.app-bar-calendar .ui-btn.ui-icon-carat-l::after,
.app-calendar-plugin-header .ui-btn.ui-icon-carat-l::after {
    content: 'chevron_left';
}


.app-btn-disabled,
.app-btn-disabled:before,
.app-btn-disabled:after,
.ui-btn.app-btn-disabled {
    /*color: #999 !important;*/
    /*BP-716 Issue Changes*/
    color: #4F4F4F;
    background-color: #ffffff;
    font-size: 9.0pt;
    font-weight: normal;
}

[data-control="description"] [data-control] {
    display: inline-block !important;
    min-width: 0 !important;
    max-height: none !important;
    vertical-align: auto !important;
    font-weight: bold;
}

    [data-control="description"] [data-control][data-read-only="true"] .app-control-inner {
        padding: 0;
        margin: 0;
        cursor: pointer;
    }

[data-container="row"] [data-control="description"] .app-control-inner {
    display: block;
}

[data-control="content"] {
    padding: 1em;
}

[data-container="stickyheader"], .app-page-header-placeholder {
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
}

.app-transition-icon {
    right: 6px !important;
    left: auto !important;
    font-size: 14px !important;
    top: 50% !important;
    margin-top: -12px !important;
}

.app-group .glyphicon-menu-up {
    right: 1.5em !important;
    left: auto !important;
    font-size: 12px !important;
    top: 50% !important;
    margin-top: -6px !important;
    position: absolute;
    color: #808080;
}

.app-status-bar + [data-layout="form"] {
    margin-top: -1px !important;
}

.app-android .app-bar-toolbar .app-btn-context.ui-icon-dots::after,
.app-android .app-btn-more::after,
.app-android .material-icon-more-horiz {
    /*transform: rotate(90deg);*/
    content: 'more_vert';
}

.app-popup-image {
    outline: none;
}

.ui-panel-inner .glyphicon-menu-left {
    font-size: 14px !important;
    top: 50% !important;
    margin-top: -11px !important;
}

.ui-input-clear {
    display: none;
}

.app-listview .ui-btn.ui-btn-icon-left:not(.dv-action-see-all) {
    padding-left: 56px;
}

.app-listview-multiselect .ui-btn.dv-action-refresh:not(.ui-btn-icon-notext),
.app-listview-multiselect .ui-btn.dv-action-filter-clear:not(.ui-btn-icon-notext) {
    padding-left: 92px;
}

.app-listview-multiselect .dv-action-refresh.ui-btn-icon-left::after,
.app-listview-multiselect .dv-action-filter-clear.ui-btn-icon-left::after {
    left: 54px;
}

.app-sidebar {
    display: none;
    left: 0;
}

.app-has-sidebar-left .app-sidebar-left {
    display: inline-block;
}

.app-has-sidebar-right .app-sidebar-right {
    display: inline-block;
}


.app-sidebar-right {
    right: 0;
    left: auto;
    border-left: solid 1px #ccc;
    border-right-width: 0;
    z-index: 999;
    /*width: 20em !important;*/
    width: 10em !important;
}

    .app-sidebar-right .ui-panel-inner {
        top: 0;
    }

/*.ui-page {
    width: auto !important;
}*/

.ui-page .app-wrapper {
    left: 0 !important;
}

.ui-page .app-bar-actions {
    left: 0 !important;
}

/*[data-control="label"].app-has-focus {
    color: #38c;
    font-weight: normal;
    transition: color;
    transition-duration: 200ms;
}

.app-data-input-focus {
    position: absolute;
    display: inline-block;
    left: .5em;
    bottom: -1px;
    height: 2px;
    opacity: 0;
    background-color: #38c;
    transform: scaleX(.25);
    transform-origin: top left;
}

    .app-data-input-focus.app-animation {
        opacity: 1;
        width: auto !important;
        right: .5em;
        transform: none;
        transition: transform opacity;
    }

[data-control].app-null .app-data-input-focus.app-animation {
    width: auto !important;
    right: .5em;
    opacity: 1;
    transition-duration: 200ms;
}*/

.ui-panel {
    overflow: hidden;
}

.ui-page {
    padding-top: 57px;
    overflow: visible;
    overflow-x: hidden;
    background-color: #fff;
}

.ui-page-active {
    padding-top: 57px;
}


.app-page-modal {
    box-shadow: 0 0 5px 5px rgba(0,0,0, .1);
    z-index: 1001;
    overflow: hidden !important;
}

    .app-page-modal .app-vscrollbar {
        border-right: solid 1px #fff;
    }

.app-page-modal-background {
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*opacity: .5;*/
    z-index: 1000;
}

.app-tabs.ui-header-fixed {
    position: absolute;
    left: 0;
    right: 0;
}

.app-page-modal .ui-header.ui-header-fixed.app-tabs {
    top: 32px;
}

.app-page-modal .ui-header.ui-header-fixed.app-bar-actions {
    top: 32px;
    background-color: transparent;
}

.app-page-modal .ui-header.ui-header-fixed.app-bar-header {
    top: 70px;
    background-color: transparent;
}

.ui-panel-display-overlay {
    z-index: 1004;
}

.app-page-modal .app-page-header:not(.app-has-action-bar) {
    padding-top: 0;
}

.app-page-modal-title {
    height: 32px;
    /*border-bottom: solid 1px transparent;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    cursor: default;
    user-select: none;
    -ms-user-select: none;
    /*z-index: 2;
    background-color: rgba(255,255,255,.8);*/
}

    .app-page-modal-title .app-text {
        line-height: 32px;
        vertical-align: middle;
        margin-left: 16px;
        max-width: 50%;
        text-overflow: ellipsis;
        text-transform: uppercase;
        font-size: 14px;
        display: none;
        white-space: nowrap;
        font-weight: 600;
        overflow: hidden;
    }

    .app-page-modal-title.app-has-icon .app-text {
        margin-left: 44px;
    }

    .app-page-modal-title.app-has-icon.app-has-fa .app-text {
        margin-left: 48px;
    }

    .app-page-modal-title .app-icon {
        display: none;
        color: #333;
        left: 16px;
    }

.app-min-sm .app-page-modal-title .app-text {
    max-width: 70%;
}

.app-wrapper > .app-page-header-placeholder {
    margin-top: -1px !important;
}

.app-page-title .app-text {
    padding-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 0;
    color: #333;
}


    .app-page-modal-title .app-text span,
    .app-page-title .app-text span {
        font-weight: normal;
    }

        .app-page-modal-title .app-text span::before,
        .app-page-title .app-text span::before {
            content: ' - ';
        }

.app-density-condensed .app-page-title .app-text {
    font-size: 12px;
    /*margin-left: -.35em;*/
}

.app-density-condensed .app-page-modal-title .app-text {
    font-size: 12px;
}

.app-page-modal-title .app-btn {
    position: absolute;
    left: auto;
    top: 50%;
    margin-top: -12px;
    margin-bottom: 0;
    height: 24px;
    width: 24px;
    cursor: pointer;
    right: 12px;
    color: #555;
    /*background-color:yellow;*/
}

    .app-page-modal-title .app-btn.ui-icon-dots::after {
        width: 22px;
    }


    .app-page-modal-title .app-btn:not(.ui-icon-dots)::after {
        background-color: transparent;
        display: inline-block;
        left: 50%;
        margin-left: -12px;
        display: inline-block;
        vertical-align: baseline;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        line-height: normal !important;
        display: inline-block;
        color: inherit;
    }

.app-desktop .app-page-modal-title .app-btn:not(.ui-btn-active):hover {
    color: #000;
}

.app-page-modal-title .app-btn.ui-btn-active {
    color: #38c;
}

.app-page-modal-title .app-btn.app-btn1 {
    right: 108px;
}

.app-page-modal-title .app-btn.app-btn2 {
    right: 76px;
}

.app-page-modal-title .app-btn.app-btn3 {
    right: 44px;
}

.app-page-modal-title .app-btn.app-btn4 {
    right: 12px;
}


/*.app-page-modal.app-page-scrolled .app-page-modal-title {
    border-bottom-color: #ddd;
}*/

.app-page-modal.app-page-scrolled .app-page-modal-title .app-text,
.app-page-modal.app-page-scrolled .app-page-modal-title .app-icon {
    display: inline-block;
}

.app-page-modal .app-page-modal-title + .app-bar-actions h3 {
    margin-top: -7px;
}

.app-page-modal .app-page-modal-title + .app-bar-actions .app-bar-controls {
    padding-top: 0;
}

.app-page-modal .app-bar-actions {
    height: 42px;
}

.app-page-modal .app-bar-actions {
    padding-left: .65em;
    border-bottom: solid 1px transparent !important;
    border-top-width: 0;
}

.app-page-modal.app-page-scrolled .app-bar-actions {
    border-bottom: solid 1px #ddd;
}


.app-page-modal .app-bar-actions h3 {
    margin-left: 0;
}

.app-density-condensed .app-page-modal .app-bar-actions {
    height: 38px;
    padding-left: 12px;
    margin-top: -2px;
}

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

/*.ui-page.app-has-fixed-bar .app-page-header {
    background-color: #fff;
    color: #333;
}*/


.app-menu-strip .ui-btn {
    /*font-size: .9em !important;*/
    text-transform: none;
}

.app-bar-actions .ui-btn,
.app-echo-controls .ui-btn {
    text-transform: uppercase;
}

    /*.app-bar-actions .ui-btn:after,
    .app-echo-controls .ui-btn::after {
        background-color:#666;
    }*/


    .app-bar-actions .ui-btn:not(.ui-icon-notext):not(.ui-btn-active),
    .app-echo-controls .ui-btn:not(.ui-icon-notext):not(.ui-btn-active) {
        border-color: transparent;
        background-color: transparent;
    }

    .app-bar-actions .ui-btn:not(.ui-btn-icon-left):not(.ui-btn-icon-notext),
    .app-echo-controls .ui-btn:not(.ui-btn-icon-left):not(.ui-btn-icon-notext) {
        padding-left: .5em;
    }

    .app-bar-actions .ui-btn:not(.app-has-children):not(.ui-btn-icon-notext),
    .app-echo-controls .ui-btn:not(.app-has-children):not(.ui-btn-icon-notext) {
        padding-right: .5em;
    }

.app-menu-strip .app-selected:not(.app-has-children) {
    /*font-weight: 600;*/
    font-weight: normal;
}

.app-bar-footer .app-bar-buttons .ui-btn {
    margin-top: .25em;
    margin-bottom: .25em;
}

.app-bar-toolbar.app-has-back .app-menu-strip {
    visibility: hidden;
}

.app-bar-toolbar.app-has-back {
    background-image: none !important;
}

    .app-bar-toolbar.app-has-back .ui-title {
        border-left-color: transparent;
    }

.app-bar-toolbar .app-back-text {
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    cursor: pointer;
    line-height: 56px;
    /*vertical-align: middle;*/
    left: 44px;
    z-index: 9;
}

.app-bar-toolbar:not(.app-has-back) .app-back-text {
    left: 56px;
}

/*.app-bar-toolbar .app-back-text::before {
        display: inline-block;
        width: 34px;
        content: ' ';
    }*/

.app-bar-toolbar .app-back-text.ui-btn-active {
    color: #38c;
}

.app-bar-buttons .ui-btn {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.app-icon {
    position: absolute !important;
    color: #777;
    top: 50% !important;
    margin-top: -12px !important;
}

    .app-icon.glyphicon,
    .app-icon.glyphicons,
    .app-icon.fa,
    .app-icon.fa::before,
    .app-icon.ion,
    .app-icon.ion::before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
    }

/*.app-icon.ion::before {
            vertical-align: middle;
        }*/

.app-page-header .app-icon {
    cursor: default;
    user-select: none;
    -ms-user-select: none;
}

    .app-page-header .app-icon.glyphicon,
    .app-page-header .app-icon.glyphicons,
    .app-page-header .app-icon.ion,
    .app-page-header .app-icon.ion::before {
        width: 48px;
        height: 48px;
        font-size: 48px;
        line-height: 48px;
    }

        .app-page-header .app-icon.ion::before {
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -24px;
        }

    .app-page-header .app-icon.fa,
    .app-page-header .app-icon.fa::before {
        width: 40px;
        height: 40px;
        font-size: 40px;
        line-height: 40px;
    }

.app-desktop .ui-btn:not(.ui-btn-active):hover .app-icon {
    color: #000;
}

/*.ui-btn-active .app-icon {
    color: #fff;
}*/

.app-sidebar .ui-btn-active .material-icon-check /*,
.app-popup-menu .ui-btn-active .material-icon-check*/ {
    color: #fff;
}

.ui-panel .app-icon,
.app-popup .app-icon {
    left: 16px !important;
}

.app-sidebar .ui-listview > .ui-li-static {
    padding-left: 16px;
}

.app-sidebar .app-icon {
    left: 16px !important;
}

.ui-panel-inner .ui-btn:not(.ui-btn-active) .app-icon.material-icon-check-box-outline-blank {
    color: #777 !important;
}

.ui-panel-inner .material-icon-chevron-right,
.app-desktop .ui-panel-inner .ui-btn:not(.ui-btn-active):hover .material-icon-chevron-right {
    right: 8px !important;
    left: auto !important;
    /*color: #acacac !important;*/
    /*BP-716 Issue Changes*/
    color: #454545 !important;
}

.app-has-material-icon.ui-li-has-count .ui-li-count {
    right: 32px;
}

.app-bar-actions .app-has-icon,
.app-echo-controls .app-has-icon {
    padding-left: 34px !important;
}

    .app-bar-actions .app-has-icon .app-icon,
    .app-echo-controls .app-has-icon .app-icon {
        position: absolute;
        left: 6px !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        /*BP-716 Issue Changes*/
        color: #212121;
        background-color: transparent;
        font-weight: normal;
    }

    .app-bar-actions .app-has-icon.ui-btn-icon-notext,
    .app-echo-controls .app-has-icon.ui-btn-icon-notext {
        padding-left: 0 !important;
        border-radius: .5em !important;
        width: 24px;
        height: 24px;
    }

        .app-bar-actions .app-has-icon.ui-btn-icon-notext .app-icon,
        .app-echo-controls .app-has-icon.ui-btn-icon-notext .app-icon {
            text-indent: 0;
            left: 0 !important;
            margin-left: 0;
            margin-right: 0;
            /* BP-716 AXE ADA - Issue Changes */
            color: #212121;
            background-color: transparent;
            font-weight: normal;
        }

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

.app-grid-header .app-grid-header-text {
    font-weight: normal;
    display: inline;
}

.app-grid-header .app-icon {
    display: inline !important;
    top: auto !important;
    margin-top: auto !important;
    position: static !important;
}

.app-grid-header .app-icon,
.app-desktop .ui-btn:not(.ui-btn-active):hover .app-grid-header .app-field-type-bool .app-icon {
    color: #aeaeae;
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

/*.app-grid-header .ui-btn-active .app-icon,
.ui-btn-active .app-field-type-bool .app-icon {
    color: #fff;
}*/

[data-control] .app-control-inner.app-has-material-icon {
    min-width: 24px;
    min-height: 1em;
}

.app-btn-promo .app-icon {
    left: 50%;
    margin-left: -12px;
    text-indent: 0;
    color: #fff;
    z-index: 1;
}

.app-bar-buttons .ui-btn {
    margin-left: 5px;
    margin-right: 5px;
}

.dv-action-see-all .app-btn-prev,
.dv-action-see-all .app-btn-next {
    position: relative;
}

[data-action-path='wizard-prev'] {
    padding-left: 16px !important;
}

.dv-action-see-all .app-btn-prev {
    padding-left: 16px !important;
}

[data-action-path='wizard-next'] {
    padding-right: 16px !important;
}

.dv-action-see-all .app-btn-next {
    padding-right: 16px !important;
}

    .dv-action-see-all .app-btn-next::before,
    [data-action-path="wizard-next"]::before {
        left: auto;
        right: 0;
    }

.dv-action-see-all .app-btn-prev::before,
[data-action-path="wizard-prev"]::before {
    content: 'chevron_left';
}


.app-bar-buttons [data-action-path="wizard-next"].ui-btn-active.app-btn-icon-notext,
.app-bar-buttons [data-action-path="wizard-prev"].ui-btn-active.app-btn-icon-notext,
.app-bar-buttons .app-btn-more.ui-btn-active {
    background-color: transparent;
    color: #38c;
}

.app-bar-buttons .app-btn-more::before {
    content: 'more_horiz';
}


.app-bar-buttons .ui-btn.app-btn-icon-notext {
    text-indent: -9999px;
    min-width: 24px !important;
    width: 24px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    left: auto !important;
    right: auto !important;
}

    .app-bar-buttons .ui-btn.app-btn-icon-notext::before {
        margin-left: -9px;
        left: 50%;
        right: auto;
    }

.app-sidebar .ui-panel-inner .ui-btn {
    padding-left: 36px;
}

.app-collapsible-toggle-button::before {
    content: 'expand_less';
}

.app-collapsible-toggle-button {
    right: 1em;
    position: absolute;
    height: 24px;
    top: 50%;
    margin-top: -12px;
}

.app-container-collapsed .app-collapsible-toggle-button::before {
    content: 'expand_more';
}

.app-page-modal-root {
    display: inline-block !important;
}

.app-page-revealed,
.app-page-modal-revealed {
    display: block !important;
}

.app-page-modal-centered {
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.25);
}

    .app-page-modal-centered.ui-page-active {
        box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.4);
    }

.app-page-modal-obscured {
    box-shadow: none;
}

.app-page-modal-partial {
    display: block !important;
    left: auto !important;
}

.app-page-modal-glass-pane {
    z-index: 1001;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.app-page-modal-glass-pane-partial {
    cursor: pointer;
}

.app-transition-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.app-bar-toolbar.ui-header .ui-btn.ui-btn-icon-notext {
    text-indent: 0px;
}

.app-bar-toolbar .material-icon-account-circle {
    content: "account_circle";
    font-size: 32px !important;
    width: 28px;
    height: 28px;
    margin-left: -3px;
}

.app-bar-toolbar .ui-btn-icon-notext .app-icon {
    left: 50%;
    margin-left: -12px;
}

.ui-panel-inner .ui-btn {
    font-weight: normal;
}

.app-avatar {
    border-width: 0;
}

    .app-avatar::after {
        content: none;
    }

    .app-avatar .app-icon-avatar {
        margin-left: -3px;
        margin-top: -3px;
        text-transform: uppercase;
        font-style: normal;
        background-color: #fff;
        display: inline-block;
        width: 32px;
        height: 32px;
        line-height: 32px;
        vertical-align: middle;
        color: #777;
        border-radius: 32px;
        padding: 0;
        border: solid 1px #aaa;
        background-size: 34px auto;
        background-position: center center;
        font-weight: normal;
        background-repeat: no-repeat;
    }

    .app-avatar.app-keep-open {
        font-weight: 600;
    }

.app-font-tiny .app-avatar .app-icon-avatar {
    margin-left: -2px;
    margin-top: -2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-size: 32px auto;
}

.app-font-tiny .app-avatar .app-icon-avatar {
    margin-left: -2px;
    margin-top: -2px;
    width: 30px;
}


.app-has-avatar-with-picture .app-icon-avatar {
    text-indent: -9999px;
}

/*.app-bar-toolbar .app-has-avatar-with-picture:not(.ui-btn-active) .app-icon-avatar {
    border-color: transparent !important;
}*/


.ui-listview .app-avatar {
    padding-top: 1em !important;
    /*padding-bottom: !important;*/
}

    .ui-listview .app-avatar .app-icon-avatar {
        position: absolute;
        left: 14px;
        text-align: center;
        margin-left: -2px;
        top: 50%;
        margin-top: -16px;
        font-size: 16px;
    }

.app-field-type-bool .app-icon {
    position: static !important;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: 0 !important;
}

.app-wrapper .app-page-header {
    visibility: hidden;
}

.app-page-header-fixed {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
}

.app-page-header .app-view-description {
    white-space: normal;
    max-width: 992px;
    font-size: 14px;
}

.ui-page.app-has-icon .app-page-header .app-view-description {
    max-width: 930px;
}

.app-density-condensed .app-page-header .app-view-description {
    font-size: 12px;
}

.app-page-header .app-icon {
    font-size: 48px;
    left: 12px !important;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin-top: -24px !important;
    color: #333;
}

.app-page-header.app-has-icon {
    padding-left: 66px !important;
    vertical-align: middle;
}

[data-container="collapsible"] [data-container="row"].app-has-description {
    background-color: #f1f1f1;
}

[data-container="collapsible"]:not([data-header-text="none"]) [data-container="row"].app-has-description {
    border-top-width: 0;
    padding-top: 0;
}

    [data-container="collapsible"]:not([data-header-text="none"]) [data-container="row"].app-has-description [data-control="description"] {
        padding-top: 0;
    }

    [data-container="collapsible"]:not([data-header-text="none"]) [data-container="row"].app-has-description .app-control-inner {
        padding-top: 0;
    }

[data-container="collapsible"] [data-container="row"] + [data-container="row"].app-has-description {
    border-width: 1px;
    padding-top: .25em;
}

.app-desktop .app-echo:not(.app-echo-embedded) {
    padding-right: 1.5em;
}

    .app-desktop .app-echo:not(.app-echo-embedded) .app-echo-toolbar > .app-echo-see-all {
        right: 1.5em;
    }

.app-page-header .app-icon.app-icon-background {
    font-size: 240px;
    line-height: 240px;
    width: 240px;
    height: 240px;
    margin-left: -120px !important;
    margin-top: -120px !important;
    opacity: .075;
    left: 0 !important;
}


    .app-page-header .app-icon.app-icon-background::before {
        font-size: 240px;
        line-height: 240px;
        width: 240px;
        height: 240px;
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        margin-left: -120px !important;
        margin-top: -120px !important;
    }

.app-page-modal.app-page-scrolled .app-page-header .app-icon-background,
.app-page-header:not(.app-page-header-fixed) .app-icon-background {
    display: none;
}

.app-page-header:not(.app-page-header-fixed) {
    overflow: hidden;
}

.ui-content {
    overflow-y: hidden;
}

.app-option-selected::before,
.app-item-selected::before {
    content: ' ';
    display: inline-block;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #38c;
    position: absolute;
}

.app-page-header-image {
    height: 60px;
    left: 0;
    top: 57px;
    right: 0;
    position: absolute;
    background-position: center center;
    background-size: 2500px;
}

.app-page-header.app-has-image {
    margin-top: 60px !important;
    background-color: rgba(0,0,0,.6) !important;
}

    .app-page-header.app-has-image h1,
    .app-page-header.app-has-image h2,
    .app-page-header.app-has-image .app-icon,
    .app-page-header.app-has-image .app-view-description {
        color: #fff !important;
    }

.app-page-header.app-has-image {
    padding-top: 1em !important;
}

.app-page-header-image-original {
    background-size: 100%;
}

.app-page-modal .app-page-header-image {
    top: 0;
}

.app-icon.app-caret-r, .app-icon.app-caret-u, .app-icon.app-caret-u-d {
    margin-top: auto !important;
}

.app-animated .app-icon {
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

[data-input-container="_system_confirm"] [data-container="collapsible"] {
    border-bottom: 0;
}

.app-sidebar .app-bar-toolbar-bottom {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    line-height: normal;
    height: 56px;
    z-index: 2;
}

.app-sidebar .ui-panel-inner {
    bottom: 57px;
}

.app-has-minisidebar-left .app-sidebar .ui-panel-inner {
    bottom: 200px;
}

.app-sidebar .app-bar-toolbar-bottom {
    border-top: solid 1px #ccc;
    padding: 0 0 0 7px;
    white-space: nowrap;
    background-color: #e9e9e9;
    /*box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);*/
}

    .app-sidebar .app-bar-toolbar-bottom .ui-btn {
        display: inline-block;
        margin: 0;
        border-width: 0;
        padding: 16px 9px !important;
        width: 24px;
        width: 24px;
        height: 24px;
        text-indent: -9999px;
    }

        .app-sidebar .app-bar-toolbar-bottom .ui-btn .app-icon {
            left: 50% !important;
            margin-left: -12px;
            text-indent: 0;
        }

        .app-sidebar .app-bar-toolbar-bottom .ui-btn.app-btn-settings {
            position: absolute;
        }

    .app-sidebar .app-bar-toolbar-bottom.app-has-icons .ui-btn.app-btn-settings {
        right: 0;
    }

.app-has-sidebar-left:not(.app-has-minisidebar-left) .app-sidebar .app-bar-toolbar-bottom.app-has-optional-apps .app-btn-apps {
    display: none;
}

.app-has-sidebar-left:not(.app-has-minisidebar-left) .app-sidebar .app-bar-toolbar-bottom.app-has-optional-apps:not(.app-has-icons) .app-btn-settings {
    left: 0;
    padding: 10px 1em 10px 56px !important;
    right: 0;
    width: auto;
    text-align: left;
    line-height: 30px;
    height: 30px;
    text-indent: 0;
}

    .app-has-sidebar-left:not(.app-has-minisidebar-left) .app-sidebar .app-bar-toolbar-bottom.app-has-optional-apps:not(.app-has-icons) .app-btn-settings .app-icon {
        left: 16px !important;
        margin-left: 0 !important;
    }

.app-has-minisidebar-left .app-sidebar .app-bar-toolbar-bottom {
    height: auto;
    padding: 0;
}

    .app-has-minisidebar-left .app-sidebar .app-bar-toolbar-bottom .ui-btn {
        display: block;
        padding: 9px 0 !important;
        width: 56px;
    }

        .app-has-minisidebar-left .app-sidebar .app-bar-toolbar-bottom .ui-btn.app-btn-settings {
            position: relative;
            right: auto;
        }

        .app-has-minisidebar-left .app-sidebar .app-bar-toolbar-bottom .ui-btn:last-of-type {
            padding-bottom: 13px !important;
        }

    .app-has-minisidebar-left .app-sidebar .app-bar-toolbar-bottom:not(.app-has-optional-apps) .ui-btn:last-of-type .app-icon,
    .app-has-minisidebar-left .app-sidebar .app-bar-toolbar-bottom:not(.app-has-optional-apps) .ui-btn:last-of-type .app-icon:after,
    .app-has-minisidebar-left .app-sidebar .app-bar-toolbar-bottom:not(.app-has-optional-apps) .ui-btn:last-of-type .app-icon:before {
        top: 21px !important;
    }

    .app-has-minisidebar-left .app-sidebar .app-bar-toolbar-bottom.app-has-optional-apps .ui-btn:last-of-type {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }


.app-sidebar .app-bar-toolbar-bottom .ui-btn:not(.ui-btn-active):not(:hover) {
    background-color: transparent;
}

.app-sidebar .app-bar-toolbar-bottom .ui-btn:not(.ui-btn-active):hover {
    background-color: rgba(0,0,0,.05);
}

.app-sidebar .app-bar-toolbar-bottom .ui-btn.app-selected:not(.ui-btn-active)::before {
    content: ' ';
    position: absolute;
    background-color: #38c;
    left: 0;
    bottom: 1px;
    right: 0;
    height: 4px;
}

.app-has-minisidebar-left .app-sidebar .app-bar-toolbar-bottom .ui-btn.app-selected:not(.ui-btn-active)::before {
    width: 4px;
    top: 0;
    left: 0;
    right: auto;
    height: auto;
}

.app-sidebar .app-bar-toolbar-bottom .ui-btn.app-selected .app-icon {
    color:#fff;
}

.ui-panel .ui-listview .app-has-depth + .app-has-depth .ui-btn {
    border-top-width: 0;
}

.ui-panel-inner .app-depth2 .app-icon {
    left: 54px !important;
}

.ui-panel-inner .app-depth2 {
    padding-left: 86px !important;
}

.ui-panel-inner .app-depth3 .app-icon {
    left: 82px !important;
}

.ui-panel-inner .app-depth3 {
    padding-left: 114px !important;
}

.ui-panel-inner .app-depth4 .app-icon {
    left: 110px !important;
}

.ui-panel-inner .app-depth4 {
    padding-left: 142px !important;
}

.ui-panel-inner .app-depth5 .app-icon {
    left: 138px !important;
}

.ui-panel-inner .app-depth5 {
    padding-left: 170px !important;
}

.ui-panel-inner .app-has-depth .ui-btn {
    white-space: normal !important;
}

.app-no-icons.app-popup-icon-left .ui-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini) {
    padding-left: 26px;
}

.app-no-icons .ui-panel-inner .app-depth2 {
    padding-left: 56px !important;
}

.app-no-icons .ui-panel-inner .app-depth3 {
    padding-left: 84px !important;
}

.app-no-icons .ui-panel-inner .app-depth4 {
    padding-left: 112px !important;
}

.app-no-icons .ui-panel-inner .app-depth5 {
    padding-left: 140px !important;
}

.app-sidebar .ui-panel-inner .app-depth1 {
    padding-left: 16px !important;
}

.app-sidebar .ui-panel-inner .app-depth2:not(.app-has-icon) {
    padding-left: 44px !important;
}

.app-sidebar .ui-panel-inner .app-depth3:not(.app-has-icon) {
    padding-left: 72px !important;
}

.app-sidebar .ui-panel-inner .app-depth4:not(.app-has-icon) {
    padding-left: 90px !important;
}

.app-sidebar .ui-panel-inner .app-depth4:not(.app-has-icon) {
    padding-left: 118px !important;
}

.app-sidebar .ui-panel-inner .app-has-icon.app-depth1 {
    padding-left: 56px !important;
}

/*.app-sidebar .ui-panel-inner .app-has-icon.app-depth2 {
    padding-left: 0px !important;
}

.app-sidebar .ui-panel-inner .app-has-icon.app-depth3 {
    padding-left: 88px!important;
}

.app-sidebar .ui-panel-inner .app-has-icon.app-depth4 {
    padding-left: 104px !important;
}

.app-sidebar .ui-panel-inner .app-depth5 {
    padding-left: 120px !important;
}*/

.app-has-depth .app-item-selected {
    font-weight: 600;
}

.app-has-depth .ui-btn {
    white-space: normal;
}

.app-menu-strip-has-title {
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
}

    .app-menu-strip-has-title .app-menu-strip-title {
        height: 56px;
        line-height: 56px;
        padding: 0;
        font-weight: normal;
    }

.app-density-comfortable .app-menu-strip-has-title .app-menu-strip-title {
    font-size: 14px;
}

.app-has-sidebar-left .app-menu-strip-has-title .app-menu-strip-title {
    padding-left: 16px;
}

/*.app-density-comfortable .ui-panel-inner .app-has-depth .ui-btn {
    font-size:14px;
}*/

/* "Hosted" user interface alterations */

.app-hosted .app-page-modal {
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.35);
}

.app-hosted .app-page-modal-centered.ui-page-active {
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
}

.app-hosted .app-page-modal-background {
    background-color: transparent;
}

.app-hosted .app-bar-toolbar {
    background-color: transparent;
    border-color: transparent;
    background-image: none !important;
}

.app-hosted.app-hosted-show-navigation .app-bar-toolbar #app-btn-menu.ui-icon-bars {
    display: none !important;
}

.app-hosted .app-bar-toolbar .app-btn-menu-background {
    display: none;
}

.app-hosted.app-hosted-show-navigation .app-bar-toolbar .ui-title {
    margin-left: 0 !important;
    display: none !important;
}

.app-hosted .app-menu-strip {
    margin-left: -8px !important;
}

.app-hosted:not(.app-hosted-show-navigation) .app-menu-strip {
    visibility: hidden !important;
}


.app-hosted .ui-panel-position-right .ui-panel-inner {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    bottom: 1px;
}


.app-hosted .ui-panel-position-left .ui-panel-inner {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    bottom: 1px;
}

.app-hosted .app-bar-toolbar .app-logo {
    display: none;
    width: 0 !important;
    left: 0;
}

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

.app-hosted.app-desktop .app-menu-strip ul li a.ui-btn.app-selected:hover:not(.ui-btn-active) {
    background-color: #f6f6f6 !important;
    color: #000;
}


.app-hosted .ui-panel .app-list-instruction.ui-li-divider.ui-first-child {
    border-top-width: 0 !important;
}

.app-hosted .app-menu-strip .app-selected:not(.app-has-children) {
    font-weight: 600;
}

/* new transition framework */


.app-transition-slide-peel-in {
    transition: transform 250ms ease-out;
    z-index: 2;
}

.app-transition-slide-peel-out {
    transition: transform 250ms ease-out, opacity 250ms ease-out;
    z-index: 2;
}


.app-transition-slide-background .ui-header-fixed,
.app-transition-slide-background .ui-footer-fixed {
    z-index: 2;
}

.app-transition-slide {
    transition: transform 350ms ease-in-out;
}

.app-transition-slide2 {
    transition: transform 340ms ease-in-out;
}




.app-transition-slide-and-reveal {
    transition: transform 200ms ease-in-out, opacity 200ms linear;
}

.app-transition-fade-in {
    transition: opacity 200ms ease-in-out;
}

.app-transition-fade-out {
    transition: opacity 150ms ease-in-out;
}

/* Page panels */

.app-bar-actions, app-bar-footer, app-bar-header, .app-wrapper {
    right: 0;
}


.ui-page.app-page-panel.app-page-panel-active {
    display: inline-block;
    z-index: 2;
}

.app-page-panel-right {
    right: 0;
    left: auto;
}

    .app-page-panel-right .app-wrapper {
        border-left: solid 1px #ccc;
    }

    .app-page-panel-right::before {
        content: ' ';
        display: inline-block;
        height: 57px;
        left: 0;
        width: 100%;
        top: 0;
        position: absolute;
    }


    .app-page-panel-right .ui-header.ui-header-fixed.app-bar-header {
        top: 0;
        min-height: 56px;
        max-height: 56px;
        border-left: solid 1px #ccc;
        border-bottom-color: transparent;
        background-color: transparent;
    }

        .app-page-panel-right .ui-header.ui-header-fixed.app-bar-header .app-bar-buttons {
            text-align: right;
        }

    .app-page-panel-right .app-page-header {
        padding-top: 0;
    }

.app-echo .app-listview .app-list-instruction {
    padding-bottom: 0 !important;
}

/* account screen */

.app-has-acc-man .app-btn-promo {
    visibility: hidden;
}

.app-acc-man {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1090;
    line-height: normal;
}

.app-acc-man-inactive {
    z-index: 1000;
}

.app-acc-space {
    position: absolute;
    left: 0;
    right: 457px;
    top: 0;
    bottom: 0;
    background-position: left top;
    background-size: auto 100%;
    background-repeat: repeat-x;
}

.app-acc-man .app-logo {
    padding: 57px 0 12px;
    font-size: 30px;
    text-transform: uppercase;
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
}

.app-acc-man .app-acc-close {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 16px !important;
    right: 24px !important;
    cursor: pointer;
    display: inline-block;
    display: none;
}

    .app-acc-man .app-acc-close i {
        top: 50%;
        left: 50%;
        margin-left: -12px;
        margin-top: -12px;
        position: absolute;
    }


    .app-acc-man .app-acc-close.ui-btn-active i {
        color: #38c;
    }

.app-acc-man.app-acc-man-switch .app-acc-close {
    display: inline-block;
}

.app-acc-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 457px;
    padding: 1em 1em 1em 2em;
}

.app-acc-list {
    position: absolute;
    left: 24px;
    right: 24px;
    top: 140px;
    overflow-y: auto;
    padding-top: 20px;
    -ms-overflow-style: auto;
}

.app-acc-footer {
    position: absolute;
    left: 0;
    right: 0;
    vertical-align: bottom;
    padding: 8px 16px 16px 32px;
    bottom: 0;
    white-space: normal;
}

@media (max-width: 578px) {

    .app-acc-space {
        width: 100%;
    }

    .app-acc-inner {
        /*width: 100%;*/
        width: auto;
        left: 80px;
    }

    .app-acc-list {
        padding-top: 0;
    }

    .app-acc-footer {
        font-size: 12px;
    }
}

@media (max-height: 600px) {
    .app-acc-list {
        padding-top: 0;
    }
}

@media (max-width: 370px) {

    .app-acc-inner {
        /*width: 100%;*/
        width: auto;
        left: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

    .app-acc-list {
        left: 8px;
        right: 8px;
    }

    .app-acc-man .app-acc-close {
        right: 8px !important;
    }

    .app-acc-footer {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.app-acc-man ul {
    padding-left: 0;
}

.app-acc-man li {
    list-style: none;
    padding: 5px 0;
}

    .app-acc-man li a:hover:not(.app-link-disabled) {
        cursor: pointer;
    }

    .app-acc-man li a {
        display: block;
        position: relative;
        text-decoration: none;
        font-weight: 100;
        padding: 10px 15px 10px 60px;
    }


        .app-acc-man li a.app-link-disabled {
            cursor: default;
        }

/*.app-acc-man.app-acc-man-splash li a {
    padding-left: 8px;
}*/


.app-acc-man ul a i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -16px !important;
    text-align: center;
}

    .app-acc-man ul a i.app-icon-avatar {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        margin-top: -20px !important;
        background-size: 42px auto !important;
    }

.app-acc-man a .app-btn-more {
    right: 0;
    left: auto;
    top: 0px !important;
    right: 0px;
    margin: 0 !important;
    display: inline-block;
    height: 40px;
    width: 40px;
}

.app-acc-man .app-user-name {
    font-size: 24px;
}

.app-acc-man .app-selected .app-user-name {
    font-weight: 600;
}

.app-acc-man .app-user-email {
    font-size: 12px;
    display: block;
}

.app-acc-man .app-user-signed-out {
    font-size: 12px;
    font-style: italic;
    display: block;
}

/* Material Design Icons */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/MaterialIcons-Regular.eot);
    src: url(../../fonts/MaterialIcons-Regular.woff) format('woff'), url(../../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icon,
.ui-btn::before,
.ui-btn::after,
.app-btn-more::after,
.app-btn::after,
/*.app-btn-prev::before,
.app-btn-next::after,*/
.ui-input-search:after,
.app-btn-check:after,
.app-data-list li:before,
/*[data-action-path="wizard-prev"]:before,
[data-action-path="wizard-next"]:after,
.app-collapsible-toggle-button::before,
.app-field-object-ref::before,*/
.ui-input-search:after,
.app-row-status::after {
    font-family: 'Material Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

[data-content-framework="bootstrap"] .material-icon {
    position: relative;
}

h1 .material-icon {
    font-size: 72px;
}

.ui-btn:after {
    display: none;
}

.ui-btn-icon-notext:after,
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.app-has-droparrow:after,
.app-btn-has-glyph:after {
    display: inline-block;
}

.ui-btn-icon-notext:after,
.ui-btn-icon-left:after,
.ui-btn-icon-right:after {
    margin-top: -12px;
}

.ui-btn-icon-left:after,
.ui-header .ui-btn-icon-left:after,
.ui-footer .ui-btn-icon-left:after {
    left: 16px;
}

.app-page-scrollable .ui-btn-icon-left:after {
    left: 6px;
}


.app-sidebar .ui-btn-icon-left:after {
    left: 16px;
}

.ui-mini.ui-btn-icon-left:after {
    left: 3px;
}

.ui-btn-icon-right:after,
.app-echo-toolbar h3::after,
.app-bar-actions > h3::after,
.app-btn-options::after {
    right: 12px;
}


a.ui-btn.app-has-children::after {
    right: 0;
}

.app-bar-actions > h3::after {
    right: 10px;
    top: 50%;
    margin-top: -12px;
}

.ui-icon-bars::after {
    content: "menu";
}

.ui-icon-edit:after {
    content: "edit";
}

.ui-input-search:after,
.ui-icon-search:after,
.app-btn-search:after {
    content: "search";
}

.app-page-modal-title .app-btn-fullscreen::after {
    content: 'fullscreen';
}

.app-page-modal-title .app-btn-fullscreen-exit::after {
    content: 'fullscreen_exit';
}


.app-page-modal-title .app-btn-close::after {
    content: 'close';
}

.ui-icon-trash:after {
    content: "delete";
}

.ui-btn.ui-icon-carat-l:after {
    content: "chevron_left";
}

.ui-btn.ui-icon-carat-r:after {
    content: "chevron_right";
}

.ui-icon-back:after {
    content: "undo";
}

.ui-icon-grid:after {
    content: "view_comfy";
}

.ui-icon-bullets:after {
    content: "view_list";
}

.ui-icon-cards:after {
    content: "view_module";
}

.ui-icon-chart:after {
    content: "insert_chart";
}

.ui-icon-calendar:after {
    content: "event";
    display:none;
}

.ui-icon-duplicate:after {
    content: "content_copy";
}

.ui-icon-sort:after {
    content: "sort";
}

.ui-icon-filter:after {
    content: "filter_list";
}

.ui-icon-group:after {
    content: "group_work";
}

.ui-icon-plus:after {
    content: "add";
}

.ui-icon-gear:after {
    content: "settings";
}

.ui-icon-info:after {
    content: "info";
}

.ui-icon-file-pdf:after {
    content: "picture_as_pdf";
}

.ui-icon-delete:after {
    content: "clear";
}

.ui-icon-location:after {
    content: "location_on";
}

.ui-icon-zoomin:after {
    content: "zoom_in";
}

.ui-icon-zoomout:after {
    content: "zoom_out";
}

.ui-icon-navigation:after {
    content: "navigation";
}

.ui-icon-arrow-l:after {
    content: "arrow_back";
}

.ui-icon-arrow-r:after {
    content: "arrow_forward";
}

.ui-icon-download:after {
    content: "file_download";
}

.ui-icon-rss:after {
    content: "rss_feed";
}

.ui-icon-cloud-download:after {
    content: "cloud_download";
}

.ui-icon-clear:after {
    content: "clear";
}

.app-checked svg {
    display: none;
}

.ui-icon-phone:after {
    content: "call";
}

.ui-icon-refresh:after {
    content: "refresh";
}

.ui-icon-file-upload:after {
    content: 'file_upload';
}

.ui-icon-grid-on:after {
    content: 'grid_on';
}

.ui-icon-dots:after,
.app-btn-more:after,
.app-btn-context:after {
    content: 'more_horiz';
}

.app-android .ui-icon-dots:after,
.app-android .app-btn-more:after,
.app-android .app-btn-context:after {
    content: 'more_vert';
}


.ui-icon-rss-feed:after {
    content: 'rss_feed';
}

.ui-icon-picture-as-pdf:after {
    content: 'picture_as_pdf';
}

.ui-icon-collections:after {
    content: 'collections';
}

.ui-icon-library-books:after {
    content: 'library_books';
}

.ui-icon-filter-none:after {
    content: 'grid_on';
}

.ui-icon-wrench:after {
    content: 'build';
}

.ui-icon-power:after {
    content: 'power_settings_new';
}

.ui-icon-account:after {
    content: 'perm_identity';
}

.ui-icon-close-circle:after {
    content: 'cancel';
}

.ui-icon-unchecked:after {
    content: 'check_box_outline_blank';
}

.ui-icon-lock:after {
    content: 'lock_open';
}

.ui-btn .material-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
}

.app-bar-actions .app-group-item + .app-group-item {
    margin-left: -.31em !important;
    color: darkorange;
}


.app-color-block {
    position: absolute;
    display: inline-block;
    right: 16px;
    width: 16px;
    height: 16px;
    border: solid 1px #ddd;
}

.app-item-tile {
    display: inline-block;
    width: 33.33%;
    float: left;
}

    .app-item-tile .ui-btn {
        height: 30px;
        max-height: 30px;
        padding-top: 60px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-bottom: 8px !important;
        text-align: center !important;
        font-size: 12px !important;
        white-space: normal !important;
        border-width: 0 !important;
    }

        .app-item-tile .ui-btn .app-icon,
        .app-item-tile .ui-btn .app-icon::after,
        .app-item-tile .ui-btn .app-icon::before {
            font-size: 42px;
            width: 42px;
            height: 42px;
            line-height: 42px;
        }

        .app-item-tile .ui-btn .app-icon {
            left: 50% !important;
            top: 26px !important;
            margin-left: -21px;
            margin-top: 0;
        }

        .app-item-tile .ui-btn.app-item-selected::before {
            content: none;
        }

        .app-item-tile .ui-btn.app-item-selected:not(.ui-btn-active),
        .app-item-tile .ui-btn.app-item-selected:not(.ui-btn-active) .app-icon::after,
        .app-item-tile .ui-btn.app-item-selected:not(.ui-btn-active) .app-icon::before,
        .app-item-tile .ui-btn.app-item-selected:not(.ui-btn-active) .app-icon {
            color: #000;
        }

        .app-item-tile .ui-btn:not(.ui-btn-active):not(:hover) {
            background-color: transparent !important;
        }

    .app-item-tile.app-item-tile-stub .ui-btn {
        visibility: hidden;
    }

body:not(.app-has-minisidebar-left) .app-sidebar .app-view-selector .ui-btn {
    white-space: normal;
}

.app-acc-space {
    background-image: url("../../images/acc-man-bkg.jpg");
    background-position: left center;
    background-size: auto 100%;
}

.ui-page:not(.app-custom-density-disabled) [data-density="relaxed"] {
    font-size: 18px;
}


.ui-page:not(.app-custom-density-disabled) [data-density="comfortable"] {
    font-size: 16px;
}

.ui-page:not(.app-custom-density-disabled) [data-density="compact"] {
    font-size: 14px;
}

.ui-page:not(.app-custom-density-disabled) [data-density="condensed"] {
    font-size: 12px;
}

.app-bar-search {
    padding: .8em 78px .8em 40px !important;
    margin: 0 !important;
    position: relative;
}

    .app-bar-search [data-input] {
        overflow: hidden;
        white-space: nowrap;
    }

    .app-bar-search[data-container="row"] {
        border-width: 0;
    }

    .app-bar-search .material-icon {
        cursor: pointer;
        width: 36px;
        text-align: center;
    }

        .app-bar-search .material-icon.ui-btn-active {
            color: #38c;
        }

        .app-bar-search .material-icon::before {
            left: 50%;
            margin-left: -20px;
        }

    .app-bar-search .material-icon-search {
        left: 8px;
    }

    .app-bar-search .material-icon-more {
        right: 12px;
        left: auto;
        height: 24px;
    }

    .app-bar-search .material-icon-cancel {
        left: auto;
        right: 48px;
    }

    .app-bar-search.app-null .material-icon-cancel {
        display: none;
    }

    .app-bar-search + .app-bar-history {
        padding: .5em 0 .5em 0 !important;
        margin: 0 !important;
        position: relative;
    }

        .app-bar-search + .app-bar-history ul {
            padding: 0;
            margin: 0;
        }

        .app-bar-search + .app-bar-history li {
            list-style-type: none;
            padding: 1em .5em 1em 50px;
            margin: 0;
            position: relative;
            cursor: pointer;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            color: #777;
        }

        .app-bar-search + .app-bar-history .app-hint {
            padding-top: 0;
            padding-bottom: .5em;
            font-style: italic;
            font-size: 12px;
            cursor: default;
            white-space: normal;
            color: #38c;
        }

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

.app-desktop .app-bar-search + .app-bar-history li b {
    color: #000;
}

.app-bar-search + .app-bar-history li .material-icon {
    color: #999 !important;
    left: 8px;
    margin-left: 0 !important;
    width: 36px;
    text-align: center;
}

/*.app-bar-search + .app-bar-history li.app-selected,
.app-bar-search + .app-bar-history li.app-selected .material-icon,
.app-bar-search + .app-bar-history li.app-selected b {
    background-color: #38c !important;
    color: #fff !important;
}*/

[data-container="collapsible"] + [data-container="tabset"] {
    margin-top: -1px;
}

/**** PROTOTYPE of shadows in scrollable panels ****/

/*span.app-scroll-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 1;
    opacity: 0;
    padding: 0;
    margin: 0;
    display: inline-block;
    transition: opacity 200ms;
}

span.app-scroll-indicator-up {
    top: -1px;
    box-shadow: 0 0 10px 5px rgba(0,0,0,.2);
}

span.app-scroll-indicator-down {
    bottom: -1px;
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
}


.app-can-scroll-up .app-scroll-indicator-up {
    opacity: 1;
}

.app-can-scroll-down .app-scroll-indicator-down {
    opacity: 1;
}

.app-can-scroll-up,
.app-can-scroll-down {
    overflow: hidden;
}

.app-sidebar .app-scroll-indicator-up {
    top: 56px;
}

.app-has-toolbar-bottom .app-scroll-indicator-down {
    bottom: 56px;
}*/

.app-virtual-screen-bar {
    position: absolute;
    z-index: 2000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.app-virtual-screen, .app-virtual-screen-bar {
    background-color: #666;
}


[data-control][data-size] {
    min-width: 0;
    max-width: none;
    padding-right: 0;
    text-align: left !important;
}


[data-input="dropdownlist"][data-size],
[data-input="autocomplete"][data-size],
[data-input="lookup"][data-size] {
    padding-right: 20px;
}

[data-input="listbox"][data-size="auto"],
[data-input="checkboxlist"][data-size="auto"],
[data-input="radiobuttonlist"][data-size="auto"],
[data-control][data-size="fit"] {
    display: block;
    min-width: 0;
    max-width: none;
}



/*[data-control][data-text-transform="lowercase"],
[data-control][data-text-transform="lowercase"] .app-data-input {
    text-transform: lowercase;
}

[data-control][data-font-weight="bold"],
[data-control][data-font-weight="bold"] .app-data-input {
    font-weight: bold;
}*/


/* Input Focus Rules */



/*
[data-control].app-has-focus {
    background-color: #ddd;
}

    [data-control].app-has-focus .app-control-helper li {
        border-color: #777;
        color: #000;
    }

[data-control].app-has-focus {
    background-color: #e8f5ff;
}

    [data-control].app-has-focus .app-control-helper li {
        border-color: #777;
    }

*/

/* Makes all text inputs colorful */


/*[data-layout][data-state="write"] [data-control="field"]:not([data-read-only="true"]):not([data-input="radiobuttonlist"]):not([data-input="listbox"]):not([data-input="checkboxlist"]) {
    background-color: #e8f5ff;
}*/

[data-control][data-type="datetime"] .app-control-inner:not(.app-control-inner-trailer) {
    padding-right: .7em !important;
}


.app-control-inner-trailer {
    padding-right: 2.25em !important;
}

.app-progress-screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1090;
    background-color: #fff;
    line-height: normal;
}

.app-progress-text {
    font-size: 14px;
    position: absolute;
    bottom: 50%;
    margin-bottom: 12px;
    left: 50%;
    width: 500px;
    margin-left: -257px;
    text-align: center;
}

.app-progress-estimate {
    font-size: 14px;
    color: #777;
    position: absolute;
    top: 50%;
    margin-top: 12px;
    left: 50%;
    width: 500px;
    margin-left: -257px;
    text-align: center;
}

.app-progress-bar {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    height: 4px;
    background-color: #777;
    overflow: hidden;
}

.app-progress-indicator {
    background-color: #38c;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}

    .app-progress-indicator.app-progress-marquee {
        animation-delay: 1000ms;
        animation-name: busy-indicator;
        animation-duration: 3000ms;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

[data-layout="form"] .app-icon.app-icon-checkbox,
.app-desktop [data-layout="form"] .app-icon.app-icon-checkbox:hover {
    color: #777 !important;
}

.app-control-toolbar {
    padding: 8px 4px 8px 8px;
    background-color: #f1f1f1;
    color: #333;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    /*border-bottom: solid 1px #ddd;*/
    transition: opacity 250ms ease;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

    .app-control-toolbar.app-control-toolbar-noframe {
        box-shadow: 0px 0px 16px rgba(0,0,0,0.4);
    }

    .app-control-toolbar .app-has-droparrow {
        height: 24px;
        line-height: 24px;
        vertical-align: top;
        padding: 0 24px 0 4px;
        display: inline-block;
        cursor: pointer;
        position: relative;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
    }

        .app-control-toolbar .app-has-droparrow::after {
            right: 6px;
        }

.app-density-condensed .app-control-toolbar .app-has-droparrow {
    font-size: 12px
}

.app-control-toolbar i {
    margin-right: 8px;
    cursor: pointer;
    position: static !important;
    /*top: auto !important;*/
    height: 24px;
    width: 24px;
    vertical-align: baseline !important;
}

.app-control-toolbar .app-divider {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 12px;
    height: 24px;
    border-width: 0;
}

.app-control-toolbar .app-has-droparrow + .app-divider {
    width: 6px;
}

.app-control-toolbar .app-shim-more {
    position: absolute;
    z-index: 1;
    background-color: #f1f1f1;
    width: 50px;
    right: 0;
    top: 0;
    bottom: 0;
}

.app-control-toolbar .app-control-toolbar-more {
    position: absolute !important;
    right: 8px;
    z-index: 1;
}

.app-control-toolbar .app-hidden {
    display: none;
}

.app-desktop .app-control-toolbar .app-control-toolbar-more:hover {
    background-color: transparent !important;
}

.app-desktop .app-control-toolbar i:not(.app-selected):not(.app-active):not(.app-control-toolbar-more):not(.app-disabled):hover,
.app-control-toolbar i:not(.app-active).app-selected {
    padding: 8px 4px;
    margin: -4px 4px -4px -4px;
}

.app-desktop .app-control-toolbar .app-has-droparrow:not(.app-disabled):hover,
.app-control-toolbar .app-has-droparrow.app-selected:not(.app-disabled) {
    margin-top: -8px;
    margin-bottom: -8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.app-control-toolbar i:not(.app-active).app-disabled {
    cursor: default;
}

.app-control-frame {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.4);
    transition: opacity 250ms ease;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

    .app-control-toolbar.app-hidden, .app-control-frame.app-hidden {
        opacity: 0;
        box-shadow: none;
    }

.app-data-input-container.app-has-rtf {
    overflow: hidden;
    margin-bottom: -4em;
}

iframe.app-data-input {
    height: 100%;
}

.app-control-inner .app-rtf-gutter {
    display: block;
    padding: 0;
    margin: 0;
    height: 1.5em;
    transition: height 100ms linear;
}

    .app-control-inner .app-rtf-gutter.app-animation {
        height: 0;
    }


.app-rtf-cursor {
    position: absolute;
    width: 1px;
    height: 1em;
    background-color: #000;
    z-index: 1002;
}

.app-rtf-editor [data-container="row"] {
    border-width: 0;
}

    .app-rtf-editor [data-container="row"]:first-child {
        padding-top: 40px;
        border-width: 1px;
        padding-bottom: 400px;
    }

    .app-rtf-editor [data-container="row"] .app-control-toolbar {
        margin-left: -1em;
        padding-left: 1.25em;
        margin-right: -1em;
        padding-right: 1.25em;
    }


    .app-rtf-editor [data-container="row"] .app-control-inner.app-text-multiline {
        max-width: none;
    }


.app-blob-placeholder {
    display: none;
    margin-bottom: .25em;
}

.app-null .app-blob-placeholder {
    display: block;
}

.app-desktop:not(.app-has-panel-open) .ui-popup-screen {
    top: 57px;
}

.app-bar-notify {
    font-size: 16px;
    background-color: #323232;
    color: #fff;
    display: block;
    position: absolute;
    padding: 14px 24px;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: default;
    z-index: 9998;
    transition-duration: 200ms;
    transition-timing-function: ease-in;
}

    .app-bar-notify.app-bar-notify-center {
        right: auto;
        max-width: 520px;
        min-width: 240px;
        border-radius: 3px;
    }

    .app-bar-notify.app-bar-notify-left {
        right: auto;
        max-width: 520px;
        min-width: 240px;
        border-radius: 3px;
        box-shadow: 0 0 5px #808080;
    }

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

    .app-bar-notify.app-hidden {
        display: none;
    }

    .app-bar-notify .ui-btn {
        float: right;
    }

.app-density-compact .app-bar-notify {
    font-size: 14px;
}

.app-density-condensed .app-bar-notify {
    font-size: 12px;
}

.app-bar-tabs {
    padding: 0;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
    background-color: #f6f6f6;
}

    .app-bar-tabs ul {
        display: block;
        padding: 0;
        margin: 0;
    }

        .app-bar-tabs ul li {
            list-style-type: none;
            display: inline-block;
            cursor: pointer;
            padding: 7px 0;
            max-width: 160px;
            min-width: 60px;
            white-space: normal;
            vertical-align: top;
        }

            .app-bar-tabs ul li .app-icon {
                position: static !important;
                display: block;
                width: 100%;
                margin-top: 0 !important;
            }

            .app-bar-tabs ul li span {
                display: block;
                padding: 0px 2px 0px 2px;
                min-height: 17px;
                line-height: 17px;
                vertical-align: bottom;
                text-overflow: ellipsis;
                overflow: hidden;
            }

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

.app-bar-aggregates + .app-bar-tabs {
    border-top: solid 1px #ddd;
}

.app-bar-toolbar-bottom.app-has-tabbar {
    min-height: 56px;
}

.app-bar-tabs .material-icon-more::before {
    content: 'more_horiz';
}

.app-android .app-bar-tabs .material-icon-more::before {
    content: 'more_vert';
}

.app-popup .ui-li-count {
    right: auto;
    position: static;
    margin-left: .5em;
}

.app-has-complete-toolbar-in-sidebar .app-menu-strip,
.app-has-complete-tabbar .app-menu-strip {
    visibility: hidden;
}

.app-echo .app-echo-toolbar > .app-echo-see-all.ui-btn-active,
.app-desktop .app-echo .app-echo-toolbar > .app-echo-see-all:hover {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 6px;
    margin-left: -6px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ui-panel-inner .app-focus::before,
.app-bar-search + .app-bar-history li.app-selected::before,
.app-data-input-popup ul li.app-selected::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.app-focus-frame {
    position: absolute;
    background-color: transparent;
    outline: 3px solid;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none; /* required for FireFox to allow dbl-click without causing HTML selection */
}

/*.app-page-modal-background.app-page-modal-background-transparent {
    background: none !important;
}*/

.app-page-modal-glass-pane.app-page-modal-glass-pane-partial {
    background-color: transparent;
}

.app-has-modal-background-transparent .app-page-modal-background,
.app-has-modal-background-transparent .app-page-modal-glass-pane {
    background-color: transparent;
}

.app-grid .app-btn-more {
    position: relative;
}

.app-image-preview-box, .app-image-preview, a[data-href] {
    cursor: pointer;
}

/* Inline Editor Form */

.app-form-inlineeditor .app-control-inner.app-text-multiline {
    max-width: none;
}

.app-form-inlineeditor [data-container="simple"] {
    padding: .25em 40px;
    border: solid 1px #444;
    margin-top: 1px;
}

    .app-form-inlineeditor [data-container="simple"] > [data-container="row"] {
        border-top-width: 0;
        padding-left: 0;
        padding-right: 0;
    }

.app-form-inlineeditor .app-form-inlineeditor-label {
    padding: 0 .5em;
    margin-top: -.25em;
}

    .app-form-inlineeditor .app-form-inlineeditor-label [data-control="label"] {
        font-size: 10px;
    }

        .app-form-inlineeditor .app-form-inlineeditor-label [data-control="label"] .app-control-inner {
            padding: 0;
        }

.app-page-inlineeditor-overlay .app-form-inlineeditor-label,
.app-page-inlineeditor-overlay .app-vscrollbar,
.app-page-inlineeditor-overlay .app-stub {
    display: none !important;
}

.app-form-inlineeditor [data-container="simple"] > .material-icon {
    left: 6px;
    cursor: pointer;
    width: 40px;
    text-align: center;
    top: 30px !important;
}

.app-density-condensed.app-font-tiny .app-custom-density-disabled .app-form-inlineeditor [data-container="simple"] > .material-icon {
    top: 22px !important;
}

.app-density-condensed .app-custom-density-disabled .app-form-inlineeditor [data-container="simple"] > .material-icon {
    top: 24px !important;
}

.app-density-compact .app-custom-density-disabled .app-form-inlineeditor [data-container="simple"] > .material-icon {
    top: 26px !important;
}

.app-density-comfortable .app-custom-density-disabled .app-form-inlineeditor [data-container="simple"] > .material-icon {
    top: 28px !important;
}

.app-page-inlineeditor.app-page-inlineeditor-overlay {
    outline-width: 3px;
    outline-style: solid;
    box-shadow: none;
}

    .app-page-inlineeditor.app-page-inlineeditor-overlay.app-page-inlineeditor-inactive {
        visibility: hidden;
    }

    .app-page-inlineeditor.app-page-inlineeditor-overlay .app-wrapper {
        overflow-y: hidden !important;
    }

.app-page-inlineeditor-overlay .app-form-inlineeditor {
    margin-top: 0 !important;
}

    .app-page-inlineeditor-overlay .app-form-inlineeditor [data-container="simple"] {
        padding: 0;
        border-width: 0;
        margin-top: 0;
    }

        .app-page-inlineeditor-overlay .app-form-inlineeditor [data-container="simple"] > .material-icon {
            display: none;
        }

    .app-page-inlineeditor-overlay .app-form-inlineeditor .app-form-inlineeditor-label {
        margin-top: 0;
    }

    .app-page-inlineeditor-overlay .app-form-inlineeditor [data-container="row"] {
        padding: 0;
        border-width: 0;
    }

.app-page-inlineeditor-overlay .app-data-input-button {
    right: 0;
}

.app-page-inlineeditor-overlay.app-page-inlineeditor-textalignright [data-control="field"],
.app-page-inlineeditor-overlay.app-page-inlineeditor-textalignright [data-control="field"] .app-data-input {
    text-align: right;
}

.app-page-inlineeditor.app-page-inlineeditor-overlay .app-data-input-container {
    padding: 0;
}


    .app-page-inlineeditor.app-page-inlineeditor-overlay .app-data-input-container .app-data-input,
    .app-page-inlineeditor.app-page-inlineeditor-overlay .app-control-inner,
    .app-page-inlineeditor.app-page-inlineeditor-overlay .app-data-input-placeholder {
        padding: 0 1px;
    }

.app-page-inlineeditor-overlay .app-data-input-placeholder {
    top: 0;
}

.app-page-inlineeditor-overlay .app-data-input-button,
.app-density-condensed.app-font-tiny .app-page-inlineeditor-overlay .app-data-input-button {
    top: 50%;
    margin-top: -11px;
}

.app-page-inlineeditor.app-page-inlineeditor-overlay [data-input="lookup"] .app-data-input-container,
.app-page-inlineeditor.app-page-inlineeditor-overlay [data-input="autocomplete"] .app-data-input-container,
.app-page-inlineeditor.app-page-inlineeditor-overlay [data-input="dropdownlist"] .app-data-input-container {
    margin-right: 22px;
}


.app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-data-input-button {
    top: 7px;
    margin-top: 0;
}

.app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-data-input-placeholder {
    left: 0;
    top: 8px;
}

.app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-control-inner,
.app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-data-input {
    padding: 8px 1px !important;
}


.app-density-compact .app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-data-input-button {
    top: 5px;
    margin-top: 0;
}

.app-density-compact .app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-data-input-placeholder {
    top: 7px;
}


.app-density-compact .app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-control-inner,
.app-density-compact .app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-data-input {
    padding: 7px 1px !important;
}

.app-density-condensed .app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-data-input-button {
    top: 2px;
    margin-top: 0;
}

.app-density-condensed .app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-data-input-placeholder {
    top: 5px;
}

.app-density-condensed .app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-control-inner,
.app-density-condensed .app-page-inlineeditor-overlay.app-page-inlineeditor-gridstyle .app-data-input {
    padding: 5px 1px !important;
}

.app-page-inlineeditor-overlay .app-vscrollbar {
    visibility: hidden;
}

.app-form-inlineeditor [data-container="simple"] > .app-btn-more {
    cursor: pointer;
    height: 24px;
    right: 6px;
    left: auto;
}

[data-control="dataview"][data-field].app-focus::before {
    content: ' ';
    position: absolute;
    left: -8px;
    top: 0;
    bottom: -1px;
    right: -8px;
    outline: 1px dotted #7f7f7f;
    /*left: -8px;
    top: 0;
    bottom: 0;
    width: 2px;
    opacity: .5;*/
    /*left: -8px;
    top: 0;
    bottom: -1px;
    width: 0;
    border-left: 1px dotted #555;
    opacity: .75;*/
}

.app-row-status {
    z-index: 2;
    height: 24px !important;
    width: 24px;
    padding: 0 !important;
    margin: 0;
    color: #777;
    position: relative;
}

    .app-row-status,
    .app-row-status:hover {
        background-color: transparent !important;
    }

        .app-row-status::after {
            height: 24px;
            width: 24px;
        }

.app-listview.app-onecolumnview .app-row-status,
.app-listview.app-cardcolumn .app-row-status,
.app-listview.app-cardview .app-row-status {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 12px;
}

.app-listview.app-onecolumnview.app-listview-multiselect .app-row-status,
.app-listview.app-cardcolumn.app-listview-multiselect .app-row-status,
.app-listview.app-cardview.app-listview-multiselect .app-row-status {
    left: 40px;
}

.app-calculated .app-row-status {
    height: 1px !important;
}

.app-grid-header .app-row-status::after {
    content: 'label_outline';
    color: #aeaeae !important;
}

.app-row-status-new::after {
    /*content: '\002731';
        font-family:Arial!important;*/
    content: 'add';
}

.app-row-status-modified::after {
    content: 'label-outline';
}

.app-row-status-edit::after {
    content: 'edit';
}

.app-row-status-pending::after {
    content: 'label';
    visibility: visible;
}

.app-row-status-deleted::after {
    content: 'delete';
}

.app-row-status-error::after {
    content: 'info';
}


.app-field-is-selected2::after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    height: 4px;
}

.app-cardview .app-field-data {
    min-width: 50px;
    display: inline-block;
}

.app-btn-menu-background::before {
    content: ' ';
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: 1;
    bottom: -1px;
    right: -1px;
}

.app-grid-header .app-field-is-selected,
.app-grid-header .app-field-is-selected .app-grid-header-text {
    font-weight: 600;
}

.dv-item-new .app-btn-check {
    visibility: hidden;
}

.app-grid-header-bold [data-field-name],
.app-grid-header-bold [data-field-name] b {
    font-weight: 600;
}

.app-echo .app-hscrollbar2 {
    margin-top: -4px;
    z-index: 0;
}

.app-density-condensed .app-echo .app-hscrollbar2 {
    margin-top: -3px;
}

.app-bar-footer {
    bottom: 0px;
}

    .app-bar-footer .app-hscrollbar2 {
        margin-top: 0;
    }

    /*.app-bar-footer .app-bar-hscrollbar {
    }*/

    /*.app-bar-footer .app-hscrollbar2 .app-hscrollbar-handle {
    }*/

    .app-bar-footer.app-bar-footer-flat {
        box-shadow: none;
    }

        .app-bar-footer.app-bar-footer-flat .app-bar-hscrollbar {
            margin-right: 6px;
            margin-top: -1px;
        }

            .app-bar-footer.app-bar-footer-flat .app-bar-hscrollbar.app-scrollbar-wide {
                margin-right: 9px;
            }

.app-desktop .app-bar-footer.app-bar-footer-flat .app-bar-hscrollbar::after {
    content: ' ';
    right: 0;
    background-color: #e9e9e9;
    height: 6px;
    top: -1px;
    width: 6px;
    position: absolute;
}

.app-desktop .app-bar-footer.app-bar-footer-flat .app-bar-hscrollbar.app-scrollbar-wide::after {
    width: 9px;
    height: 9px;
}

.app-list-instruction + .dv-item-new {
    margin-top: -1px;
}

.app-has-reading-pane .app-page-modal-background,
.app-has-reading-pane .app-page-modal-glass-pane {
    display: none !important;
}

.app-page-modal.app-page-reading-pane {
    box-shadow: none !important;
    border-left: solid 1px #1f1f1f !important;
}